Targeting

Status
Niet open voor verdere reacties.
tg09492

tg09492

Gebruiker
Lid geworden
26 mei 2007
Berichten
21
heey beste mensen daar ben ik weer met een vraagje:

kijk eerst even hiernaar:
http://www.websitemaken.be/index.php?page=show_item&id=600

Als ik er een menu'tje inzet bij : ".menu" hoe krijg ik die links ge'target dan in dat veld daar naast (in de content dus)? :confused:

ik kom er niet uit en als iemand me hiermee zou kunnen helpen zou dat fijn zijn :)

mvg Tim.
 
Laatst bewerkt:
Je link gaat over CSS is dus opmaak,
heeft niks te maken met linken.
Je menu maak je zoals je normaal doet.
Allen de positie in je pagina is dus door de css aangegeven.
Je gebruikt CSS om niet meer met tabellen te werken.
 
Als je de gebruike css overneemt en de html pagina zoals daar aangegeven,
dan zou je een pagina moeten zien gelijk daar getoond wordt.

Indien dit niet het geval is heb je iets niet goed gedaan.
 
er is ook wel een scherm te zien met tekst, achtergrond, etc. Maar mijn vraag was hoe krijg ik juist DAT scherm als zegmaar "hoofdscherm" zodat als ik in mijn menu ergens op klik het op DIE pagina terecht komt. :)
 
Gewoon zo:

PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
	<head>
		<title>
			Positioneren met css en html
		</title>
<style type="text/css">
body {
background-color: #e4e0c9;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

.container {
text-align: left; 
margin: 0 auto; 
width: 760px;
background-image: url();
background-repeat: repeat-x;
border: solid 1px black;
}

.header {
background-image:url("http://www.ford-world.nl/assets/img/headers/header-005.jpg");
height:110px;
border-bottom: solid 1px black;
}

.menu {
float: left; 
width: 120px;
background-color: #a8d3ff;
padding:5px;
}

.content {
padding: 0 0 0 120px; 
margin:20px;
}

.footer {
background-color: #808080;
clear: left; 
border-top: solid 1px black;
margin:20px;
padding:20px;
}
.linken{
border: solid 3px #000000;
padding:2px;
background-color: #004080;
 font-size: 14px;
  color: #e4e0c9;
width:90px;
dispaly:block;
}
</style>
	</head>
	
	<body>
		    
		<div class="container">
			        
			<div class="header">	Hier komt je logo, zie je dat de hoogte 150px is?
			</div>
			            
			<div class="menu">
				Hier komt je menu.
				<br>
				<a href="home" class="linken">link1</a>
				<br>
				<br>
				<a href="pag2.html" class="linken">link2</a>
				<br>
				<br>
				<a href="pag3.html" class="linken">link3</a>
				<br>
				<br>
				<a href="pag4.html" class="linken">link4</a>
				<br>
				<br>
				
				            
			</div>
			                
			<div class="content">
				Dit is je content.
				<br>
				<br>
				
				
				Het verhaal wat je kwijt wil.
				<br>
				<br>
				Groen-zwart= tankvlotter ( kabel tussen vlotter en benzinemeter)
				<br>
				Groen-geel= Achterruitverwarming (vanaf schakelaar)/ aanjager (vanaf schakelaar)
				<br>
				Groen-wit= knipperlicht rechts achter en rechter zijkant
				<br>
				Groen-bruin= Achteruitrij-licht
				<br>
				Groen-rood= knipperlicht links achter en linker zijkant
				<br>
				Groen-blauw= koelvloeistof-temperatuur
				<br>
				Groen-paars= Remlicht
				<br>
				Groen-lichtgroen= alarmlichtlampje
				<br>
				Bruin-geel= laadstroomcontrole lampje (vanaf dynamo)
				<br>
				Bruin-blauw= van dynamo naar bruine kabel
				<br>
				Bruin-lichtgroen= ruitenwisser (snelste stand)
				<br>
				
				                
			</div>
			            
			<div class="footer">
				hier kan je nog iets kwijt in de footer.
				            
			</div>
			    
		</div>
		
	</body>
</html>

Vier maal opslaan:
als index.htm
pag1.html etc

Content tekst vervangen.

En je bent klaar.

:cool:
 
hm het lukt nog steeds niet, hij opent die links in het menu nog steeds in een nieuwe pagina ipv. in die content. Maar miss komt dat door het menu dat ik heb.
hier is de html code misschien kan jij zien wat er fout aan is en waarom hij hem elke keer in een niew venster opent:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Welkom</title>
<link rel="stylesheet" type="text/css" href="opmaak.css">
</head>

<body>
    <div class="container">
        <div class="header">
        </div>
            <div class="menu"><HEAD> 
<P><BR><P><BR><P>
<script>

function hidestatus(){
window.status=''
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

document.onmouseover=hidestatus
document.onmouseout=hidestatus
</script>

<style>
<!--
BODY{
CURSOR: url(cursor3.cur);
}
-->
</style>
<TITLE>Een oefenpagina - Index</TITLE> 
</HEAD>
<BODY BACKGROUND="b_menu.jpg">  
<BODY BGCOLOR="#CC0000">
<center>

<HEAD>

<style>A:hover {font-weight: bold}
</style>


<style type="text/css">
.buttonNormal
{
  PADDING-Bottom: 3px;
  PADDING-TOP: 2px;
  COLOR: #FFFFFF;
  CURSOR: hand;
  text-align: center;
  BACKGROUND-COLOR: #CC0000;
  font-size:12px;
}

.buttonHighlight
{

  PADDING-Bottom: 3px;
  PADDING-TOP: 2px;
  COLOR: red;
  CURSOR: hand;
  text-align: center;
  BACKGROUND-COLOR: #000000;
  font-size:12px;
}
.buttonDown
{
  PADDING-Bottom: 1px;
  PADDING-TOP: 4px;
  BACKGROUND-COLOR: #CC0000;
  COLOR: #000000;
  CURSOR: hand;
  font-size:12px;
}
.buttonCurrent
{
  PADDING-Bottom:3px;
  PADDING-TOP: 2px;
  BACKGROUND-COLOR: #CC0000;
  COLOR: #CC0000;
  font-size:12px;
}
<!--verander hierboven de kleuren naar eigen inzicht ( een lkeur is te herkennen aan het # teken ) -->
<!-- ook de grootte van het lettertype e.d. kun je hierboven aanpassen -->
</style>
<STYLE type=text/css>

A {
COLOR: white; FONT: 10pt Times New Roman; TEXT-DECORATION: none
}
A:hover {
COLOR: #CC0000
}
</STYLE>
<base target="TARGET="MAIN-WINDOW">
</HEAD>


<BODY>

<CENTER>
<IMG SRC="menu1.gif" WIDTH=78 HEIGHT=23><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr>                       
<td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="Home.html" TARGET="MAIN-WINDOW" class="linken"><FONT FACE="ARIAL">Home</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="overmij.html" TARGET="MAIN-WINDOW"><FONT FACE="ARIAL">Over mij</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="daar.html" TARGET="MAIN-WINDOW"><FONT FACE="ARIAL">School</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="hier.html" TARGET="MAIN-WINDOW"><FONT FACE="ARIAL">Lol</a></td></tr>
</TABLE>
<P><BR><P><BR><P>
<CENTER>
<IMG SRC="CONTACT.jpg" WIDTH=179 HEIGHT=23><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="links.html" TARGET="MAIN-WINDOW"><FONT FACE="ARIAL">Links</a></td>
<tr><td class=buttonNormal width="8%" align="center" onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"> <A HREF="mailto:tim_gortworst@hotmail.com"><FONT FACE="ARIAL">Mail Tim</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="http://tgortworst.mygb.nl/" TARGET="MAIN-WINDOW" class="linken"><FONT FACE="ARIAL">Gastenboek</a></td></tr>
</TABLE>
<P><BR><P><BR><P>
<CENTER>
<IMG SRC="info.gif" WIDTH=66 HEIGHT=21><BR>
</CENTER>
<BR>
<table width="106%" cellspacing="0" cellpadding="0" border="0">
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="sitemap.html" TARGET="MAIN-WINDOW"><FONT FACE="ARIAL">Sitemap</a></td></tr>
<tr><td class=buttonNormal width="8%" align="center"  onmouseover="if( document.all ) { this.className='buttonHighlight' }" onmouseOut="if( document.all ) { this.className='buttonNormal' }" onmouseDown="if( document.all ) { this.className='buttonDown' }"><a href="hier.html" TARGET="MAIN-WINDOW"><FONT FACE="ARIAL">Website</a></td></tr>
</tr>
</table>
</BODY>
            </div>
                <div class="content" NAME="MAIN-WINDOW"><HTML>
<HEAD>

<style>
<!--
BODY{
CURSOR: url(cursor3.cur);
}
-->
</style>
<TITLE>Home</TITLE>
</HEAD>
<BODY BGCOLOR="#000000">
<FONT COLOR="#FFFFFF">
</HTML>

<HTML>
<CENTER>
<BODY>



</CENTER><BODY><FONT FACE="ARIAL"><FONT COLOR="#FFFFFF"><FONT SIZE=6>Home
</FONT><P><BR>
Welkom iedereen op mijn Homepage! Deze Site is in opdracht gemaakt van Informatica. Er staan een heleboel dingen op. 
je kunt onder andere mijn cijfers en rooster bekijken, maar ook nog wat vakantie foto's en grappige filmpjes. 
kijk gerust maar even rond.<P>
<CENTER>En als je opmerkingen hebt over mijn site, wat er bijvoorbeeld beter kan of mag. Laat dan een berichtje achter in het gastenboek.</CENTER><P>

<P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR>
<P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR><P><BR>
<CENTER>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Aantal keren bezocht: 
<IMG SRC=http://visit.geocities.yahoo.com/counter.gif ALT="Counter">
</CENTER>
</FONT>
</BODY>
</HTML> 




                </div>
            <div class="footer">
		<a href="http://www.tgortworst.nl.tt/" TARGET="MAIN-WINDOW">www.tgortworst.nl.tt</a>
            </div>
    </div>

</body>
</html>

(dit is als het ware mijn index.html)
 
bedank he, het is me gelukt, ik wist alleen niet hoe ik mn vorige bericht kon verwijderen :P :thumb: thx
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan