Centreren dropdown menu

Status
Niet open voor verdere reacties.

Bodeltje

Gebruiker
Lid geworden
15 aug 2001
Berichten
310
Ik heb eindelijk een menu gevonden en aangepast.
Het enige wat me niet lukt is hem te laten centreren op mijn pagina's. Wie weet wat ik daarvoor nog moet aanpassen ??
En staan er nog 'overbodige' dingen in ??
Alvast bedankt voor de moeite :)

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 

<head>
<link href="style.css" rel="stylesheet"  type="text/css" />
<style type="text/css">
 
#nav, #nav ul {
padding: 0 0 0 0;
margin: 0;
list-style: none;
}
 
#nav li {
float: left;
width: 90px;
}
 
#nav ul {
position: absolute;
width: 100px;
left: -1000px;
}
 
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: center;
}
 
#nav a {
display: block;
margin: 1px 5px 1px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
 
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #ff,ff,ff;
cursor: pointer;
}
ul li{
background-color: #666;

}
ul ul li{
background-color: #666;


}
 
</style>
 

</head>


<body> 
 
<p class="header" align="center">
&nbsp;</p>
<ul id="nav">
	<li>
	<p align="center"><align center><b><a href="http://www.dierenroedel.nl/indexoud.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Home</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Nieuws.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Nieuws</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Paco.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Honden</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<ul>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Paco.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Paco</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Indy.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Indy</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Siebe.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Siebe</font></a></li>
		<li>
		<p align="center">
		<a href="http://www.dierenroedel.nl/Luna%20en%20Loekie.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Luna & Loekie</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/De%20Herder.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Raskenmerken Herder</font></a></li>
		<li>
		<p align="center">
		<a href="http://www.dierenroedel.nl/De%20Berner%20Sennen.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Raskenmerken Berner</font></a></li>
	</ul></li>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Overige%20dieren.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Dieren</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Foto's%201.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Foto's</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<ul>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%201.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 1</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%202.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 2</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%203.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 3</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%204.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 4</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%205.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 5</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%206.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 6</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Fotoos%207.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 7</font></a></li>
	</ul></li>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Diversen.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Diversen</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<ul>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Spelletjes.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Spelletjes</font></a></li>
		<li>
		<p align="center">
		<a href="http://www.dierenroedel.nl/giftigeplantelijst.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Giftige planten</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Links.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Links</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Plaatjes.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Plaatjes</font></a></li>
	</ul></li>
	<li>
	<p align="center">
	<b>
	<a href="http://www.webhelpje.be/gastenboek/gastenboek.php?name=Pacoman">
	<font face="Andalus" color="#FFFFFF" size="2">Gastenboek</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	</b>
	<li>
	<p align="center">
	<b>
	<a href="http://www.webhelpje.be/mailform/mailform.php?name=Annelies">
	<font face="Andalus" color="#FFFFFF" size="2">Contact</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font>
	
 
	</b>
	
 
</html>
 
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
XHTML 1.0 staat geen (oude!) <center> tags toe. Slecht idee!

Gebruik css om je pagina te centreren, via bijvoorbeeld een wrapper-div. Zoiets:
[JS]/* css */
div#wrapper
{
margin: 0 auto 0 auto;
width: 80%;
}[/JS]
(waarbij width: 80% een voorbeeld is)
 
Waar precies ?? Het lukt nog niet..
 
Laatst bewerkt:
:confused: Sorry, maar ik weet het echt niet meer. Het lukt me maar niet, probeer van alles....waarschijnlijk het verkeerde :o Kan iemand svp voor mij nog 1 keer de code bekijken en wat er nou toch fout staat. Hij centreert nog steeds niet en voor ik nog meer verknal doe ik maar even niet meer.:(
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
 
<head>
<link href="style.css" rel="stylesheet"  type="text/css" />
<style type="text/css">
 
#nav, #nav ul {
padding: 0 0 0 0;
margin: 0 auto;
list-style: none;
}
 
#nav li {
float: left;
width: 90px;
}
 
#nav ul {
position: absolute;
width: 100px;
left: 1000px;
}
 
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: center;
}
 
#nav a {
display: block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
 
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #ff,ff,ff;
cursor: pointer;
}
ul li{
background-color: #666;
 
}

 
 
}
/* css */
div#wrapper
{
   margin: 0 auto 0 auto;
   width: 50%;
 
</style>
 
 
</head>
 
 
<body> 
 
<p class="header" align="center">
&nbsp;</p>
<ul id="nav"/* css */
div#wrapper
{
   margin: 0 auto 0 auto;
   width: 50%;
>
    <li>
	<p align="center">
	<align center><b><a href="http://www.dierenroedel.nl/indexoud.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Home</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Nieuws.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Nieuws</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Paco.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Honden</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<ul>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Paco.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Paco</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Indy.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Indy</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Siebe.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Siebe</font></a></li>
		<li>
		<p align="center">
		<a href="http://www.dierenroedel.nl/Luna%20en%20Loekie.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Luna & Loekie</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/De%20Herder.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Raskenmerken Herder</font></a></li>
		<li>
		<p align="center">
		<a href="http://www.dierenroedel.nl/De%20Berner%20Sennen.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Raskenmerken Berner</font></a></li>
	</ul></li>
	<li>
	<p align="center"><b>
	<a href="http://www.dierenroedel.nl/Overige%20dieren.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Dieren</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Foto's%201.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Foto's</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<ul>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%201.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 1</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%202.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 2</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%203.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 3</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%204.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 4</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%205.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 5</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Foto's%206.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 6</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Fotoos%207.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Pagina 7</font></a></li>
	</ul></li>
	<li>
	<p align="center"><b><a href="http://www.dierenroedel.nl/Diversen.htm">
	<font face="Andalus" color="#FFFFFF" size="2">Diversen</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<ul>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Spelletjes.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Spelletjes</font></a></li>
		<li>
		<p align="center">
		<a href="http://www.dierenroedel.nl/giftigeplantelijst.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Giftige planten</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Links.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Links</font></a></li>
		<li>
		<p align="center"><a href="http://www.dierenroedel.nl/Plaatjes.htm">
		<font color="#ff,ff,ff" face="Andalus" size="2">Plaatjes</font></a></li>
	</ul></li>
	<li>
	<p align="center"><b>
	<a href="http://www.webhelpje.be/gastenboek/gastenboek.php?name=Pacoman">
	<font face="Andalus" color="#FFFFFF" size="2">Gastenboek</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
	<li>
	<p align="center"><b>
	<a href="http://www.webhelpje.be/mailform/mailform.php?name=Annelies">
	<font face="Andalus" color="#FFFFFF" size="2">Contact</font></a><font face="Andalus" color="#FFFFFF" size="2">
	</font></b>
    
 
</html>
 
Je code is niet correct, maar goed,
nu wel gecentreerd:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 
 <html><head><link href="style.css" rel="stylesheet"  type="text/css" /><style type="text/css"> 
#nav, #nav ul {
padding: 0 0 0 0;
margin: 0 auto;
list-style: none;
}
 
#nav li {
float: left;
width: 90px;
}
 
#nav ul {
position: absolute;
width: 100px;
left: 1000px;
}
 
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: center;
}
 
#nav a {
display: block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
 
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #ff,ff,ff;
cursor: pointer;
}
ul li{
background-color: #666;
 
}
 
 
}

.header
{
margin: 0 auto 0 auto;
   width: 720px;
border: 2px solid #ff0000;
}
</style> 
 </head> 
 <body> 
 <div class="header"><ul id="nav">    <li>    <a href="http://www.dierenroedel.nl/indexoud.htm">    <font face="Andalus" color="#FFFFFF" size="2"><b>Home</b></font></a>    <li>    <b><a href="http://www.dierenroedel.nl/Nieuws.htm">    <font face="Andalus" color="#FFFFFF" size="2">Nieuws</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    <li>    <b><a href="http://www.dierenroedel.nl/Paco.htm">    <font face="Andalus" color="#FFFFFF" size="2">Honden</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    <ul>        <li>        <a href="http://www.dierenroedel.nl/Paco.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Paco</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Indy.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Indy</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Siebe.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Siebe</font></a></li>        <li>        

        <a href="http://www.dierenroedel.nl/Luna%20en%20Loekie.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Luna & Loekie</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/De%20Herder.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Raskenmerken Herder</font></a></li>        <li>        

        <a href="http://www.dierenroedel.nl/De%20Berner%20Sennen.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Raskenmerken Berner</font></a></li>    </ul></li>    <li>    <b>    <a href="http://www.dierenroedel.nl/Overige%20dieren.htm">    <font face="Andalus" color="#FFFFFF" size="2">Dieren</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    <li>    <b><a href="http://www.dierenroedel.nl/Foto's%201.htm">    <font face="Andalus" color="#FFFFFF" size="2">Foto's</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    <ul>        <li>        <a href="http://www.dierenroedel.nl/Foto's%201.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 1</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Foto's%202.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 2</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Foto's%203.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 3</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Foto's%204.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 4</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Foto's%205.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 5</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Foto's%206.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 6</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Fotoos%207.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Pagina 7</font></a></li>    </ul></li>    <li>    <b><a href="http://www.dierenroedel.nl/Diversen.htm">    <font face="Andalus" color="#FFFFFF" size="2">Diversen</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    <ul>        <li>        <a href="http://www.dierenroedel.nl/Spelletjes.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Spelletjes</font></a></li>        <li>        

        <a href="http://www.dierenroedel.nl/giftigeplantelijst.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Giftige planten</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Links.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Links</font></a></li>        <li>        <a href="http://www.dierenroedel.nl/Plaatjes.htm">        <font color="#ff,ff,ff" face="Andalus" size="2">Plaatjes</font></a></li>    </ul></li>    <li>    <b>    <a href="http://www.webhelpje.be/gastenboek/gastenboek.php?name=Pacoman">    <font face="Andalus" color="#FFFFFF" size="2">Gastenboek</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    <li>    <b>    <a href="http://www.webhelpje.be/mailform/mailform.php?name=Annelies">    <font face="Andalus" color="#FFFFFF" size="2">Contact</font></a><font face="Andalus" color="#FFFFFF" size="2">    </font></b>    </ul> 	&nbsp;</div></body></html>

Header is in een div gezet.
Het is niet juist om p tags oneigenlijk te gebruiken.
P staat voor paragraaf, en dient dus als zodanig te worden gebruikt.

Controleer de code op
http://validator.w3.org/

:cool:
 
Ik heb even een screenschot geplaatst van hoe het er nu uitziet. Wel gecentreerd :thumb: , maar in een rode omlijning en rechts staat opeens de tabelinhoud ????
Verder gaat het er al héél erg op lijken :D Bedankt !!!!!!

Maar hoe krijg ik rechts die tabellen weg en de rode omlijning ?

De code check snap ik helaas niets van..snik, bloos....
 

Bijlagen

  • Voorbeeld gecentreerd.jpg
    Voorbeeld gecentreerd.jpg
    73,4 KB · Weergaven: 69
Laatst bewerkt:
:shocked: hij flipt echt helemaal als ik over de links aan de rechterkant ga met mijn muis

verder zie ik geen rode omlijning en geen gecentreerd menu

wat me op valt als ik naar de broncode kijk is dat de pagina verwijst naar een externe CSS, dat er bovenaan je pagina veel CSS code staat, en daarbij dat de teksten nog eens in een appart stukje (<font>) zijn geplaatst dat in de HTML is opgemaakt

heb je deze site gebouwd in FrontPage?

als dat zo is kan je denk ik beter opnieuw beginnen.
FrontPage gebruikt namelijk heel veel code die alleen werkt in Internet Explorer
 
Dit zal er een beetje op lijken.
In de style wat aangepast.
fonttags uit body gehaald.

Code:
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>


<title>woefkes</title>
<meta name="description"  content="korte beschrijving van de pagina">
<meta name="keywords"  content="trefwoorden, die, slaan, op, de, pagina">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv=content-type content="text/html; charset=windows-1252">

<style type="text/css"> 
 body
{
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #ffffff;
background: #a69379;
}

#nav, #nav ul {
padding: 0 0 0 0;
margin: auto;
list-style: none;
}
 
#nav li {
float: left;
width: 98px;


}
 
#nav ul {
position: absolute;
width: 98px;
left: 1500px;
}
 
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: center;
}
 
#nav a {
display: block;
width: 99px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffff00;
}
 
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #ffffff;
cursor: pointer;

}
ul li{
background-color: #666666;
font-family:  Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
font-size: 12px;
}
 
 
}

.header
{
width: 790px;
margin:  auto;
text-align: left;
}

#wrapper
{
margin: 0 auto 0 auto;
   width: 790px;
}
#content
{
 width: 700px;
margin: 0 auto 0 auto;
padding: 10px;
border: 2px solid #637076;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
}
</style> 
 </head> 
 <body> 
<div id="wrapper">
 <div class="header">
<img src="http://www.dierenroedel.nl/Loge%20Siebe.jpg" alt="logo"><p>


<ul id="nav">
 <li>    <a href="http://www.dierenroedel.nl/indexoud.htm">&nbsp; &nbsp;      Home</a></li>

 <li>    <a href="http://www.dierenroedel.nl/Nieuws.htm">     Nieuws</a> </li> 
    
<li>    <a href="http://www.dierenroedel.nl/Paco.htm">     Honden</a>
 <ul>        
<li>        <a href="http://www.dierenroedel.nl/Paco.htm">        Paco</a></li>        
<li>        <a href="http://www.dierenroedel.nl/Indy.htm">        Indy</a></li>        
<li>        <a href="http://www.dierenroedel.nl/Siebe.htm">        Siebe</a></li>        
<li>  <a href="http://www.dierenroedel.nl/Luna%20en%20Loekie.htm">        Luna & Loekie</a></li>
 <li> <a href="http://www.dierenroedel.nl/De%20Herder.htm">    Raskenmerken Herder</a></li>
 <li>  <a href="http://www.dierenroedel.nl/De%20Berner%20Sennen.htm">        Raskenmerken Berner</a></li>
    </ul>

</li>  

  
<li>  <a href="http://www.dierenroedel.nl/Overige%20dieren.htm">     Dieren</a>        
<li>    <a href="http://www.dierenroedel.nl/Foto's%201.htm">  Foto's</a>        <ul>        
<li>        <a href="http://www.dierenroedel.nl/Foto's%201.htm">        Pagina 1</a></li>        
<li>        <a href="http://www.dierenroedel.nl/Foto's%202.htm">        Pagina 2</a></li>        
<li>        <a href="http://www.dierenroedel.nl/Foto's%203.htm">        Pagina 3</a></li>       
 <li>        <a href="http://www.dierenroedel.nl/Foto's%204.htm">        Pagina 4</a></li>        
<li>        <a href="http://www.dierenroedel.nl/Foto's%205.htm">        Pagina 5</a></li>       
 <li>        <a href="http://www.dierenroedel.nl/Foto's%206.htm">        Pagina 6</a></li>       
 <li>        <a href="http://www.dierenroedel.nl/Fotoos%207.htm">        Pagina 7</a></li>    
</ul>
</li>    
<li>    <a href="http://www.dierenroedel.nl/Diversen.htm"> Diversen</a>        
<ul>       
 <li><a href="http://www.dierenroedel.nl/Spelletjes.htm">        Spelletjes</a></li>
 <li><a href="http://www.dierenroedel.nl/giftigeplantelijst.htm">        Giftige planten</a></li>

        <li>        <a href="http://www.dierenroedel.nl/Links.htm">        Links</a></li>
        <li>        <a href="http://www.dierenroedel.nl/Plaatjes.htm">        Plaatjes</a></li>
    </ul>
</li>
    
<li>        <a href="http://www.webhelpje.be/gastenboek/gastenboek.php?name=Pacoman"> Gastenboek</a>
        <li>        <a href="http://www.webhelpje.be/mailform/mailform.php?name=Annelies">  Contact</a>        </ul> 
</div><!-- header -->
<div id="content">
Ik heb eindelijk een menu gevonden en aangepast.<br>

Het enige wat me niet lukt is hem te laten centreren op mijn pagina's.<br>
 Wie weet wat ik daarvoor nog moet aanpassen ??<br>

En staan er nog 'overbodige' dingen in ??<br>
Ik heb eindelijk een menu gevonden en aangepast.<br>

Het enige wat me niet lukt is hem te laten centreren op mijn pagina's.<br>
 Wie weet wat ik daarvoor nog moet aanpassen ??<br>

En staan er nog 'overbodige' dingen in ??<br>

<br>
<br>
<br>

</div><!-- content -->
</div><!-- wrapper -->
</body>
</html>

:cool:
 
YESSSSSSSSSS Peter, mijn dank is heel erg groot :thumb:
Héél erg bedankt !!!!!!!!!!!!!!
 
Graag gedaan,

woef..........
dog0115.gif


:cool:
 
Site staat online en ziet er prima uit. Het menu werkt ook goed en staat prachting in het midden. Wat ik alleen heel vreemd vind is dat je naar rechts kunt scrollen en daar nogmaals een tabel met linken ziet staan ?? Hoe kan dit, hoort dit en kan dit weg ?? Het is op elke pagina zo.

zie: http://www.dierenroedel.nl
 
Nee hoor, dat is helemaal niet vreemd. Dat heb je zelf opgegeven :D
De submenu's moeten buiten het scherm worden geparkeerd, zodat je ze niet ziet, totdat ze geopend worden. Dat heb jij ook gedaan, maar aan de rechterkant. En dan krijg je 'n scrollbalk.
Als je ze links parkeert, werkt het goed (in ieder geval in Firefox, en ik neem aan overal).
Verander in je css
Code:
#nav ul {left: 1500px;}
in
Code:
#nav ul {left: -1500px;}
Ik neem aan dat 't dan is opgelost, heb 't niet heel uitgebreid gecontroleerd. En anders horen we 't wel.
 
Wat 1 zo'n streepje toch een verschil kan maken hè ! Heel erg bedankt, het is inderdaad opgelost :thumb:
 
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan