website opmaak help.

[Naarling]

Ik zie het probleem niet. Bij ul.navigatie{margin:0 0 1em 0;} staat de tekst hier netjes in het midden (ok, de rechterrand blijft rafelig maar daar is niets aan te doen.). Op jouw manier staat het linkermenu verder van de vensterrand af dan het rechtermenu, wat niet echt de bedoeling is lijkt me.

 

[djeric]

Ik zie het probleem niet. Bij ul.navigatie{margin:0 0 1em 0;} staat de tekst hier netjes in het midden (ok, de rechterrand blijft rafelig maar daar is niets aan te doen.). Op jouw manier staat het linkermenu verder van de vensterrand af dan het rechtermenu, wat niet echt de bedoeling is lijkt me.

ik heb de 0 weg gelaten, ik probeer ook maar wat. ik heb precies gedaan zoals je mij de code gaf. maar hij is dan niet goed.

ik heb 2 screenshots gemaakt met de bij behorende css code.

plaatje 1 hoort bij de volgende css code:

body { 
background : url(index/achtergrond.jpg); 
} 
ul.navigatie { 
font-family : verdana, Arial, Helvetica, sans-serif; 
font-size : 14px; 
font-weight : bold; 
width : 12em; 
border-right : 1px solid #666; 
padding : 0; 
margin : 0 10px 1em 0; 
background-color : #9cc; 
color : #333; 
list-style : none; 
float : left; 
} 
ul.rechts { 
float : right; 
margin : 0 0 1em 10px; 
} 
ul.navigatie li { 
margin : 0; 
border-top : 1px solid #003; 
} 
ul.navigatie li a { 
display : block; 
padding : 2px 2px 2px 4px; 
border-left : 10px solid #990000; 
border-right : 1px solid #69c; 
border-bottom : 1px solid #369; 
background-color : #000099; 
color : #c0c0c0; 
text-decoration : none; 
width : 100%; 
} 
ul.navigatie { 
margin : 0 1em 0; 
} 
ul.rechts { 
margin : 0 0 1em 10px; 
} 
html > body ul.navigatie li a { 
width : auto; 
} 
ul.navigatie li a:hover { 
border-left : 10px solid #006600; 
border-right : 1px solid #69c; 
border-bottom : 1px solid #369; 
background-color : #ffff00; 
color : #ff1493; 
} 
div#welkom { 
text-align : center; 
} 
#inleiding { 
color : #330000; 
font-weight : bold; 
font-size : 1.6em; 
} 
h1#home { 
color : maroon; 
font-size : 1.5em; 
text-align : center; 
} 
p#fotos { 
clear : both; 
text-align : center; 
} 
img#links { 
float : left; 
} 
img#rechts { 
float : right; 
} 
div#tip { 
color : blue; 
clear : both; 
float : left; 
width : 45%; 
} 
h2#homeupdate { 
color : #003366; 
margin : 0; 
float : left; 
} 
h2#evenementen { 
color : #003366; 
margin : 0; 
text-align : center; 
} 
div#teller { 
float : right; 
} 
p#stealth { 
margin : 0; 
} 
table { 
text-align : center; 
border : 5px outset black; 
background : black; 
margin:0 auto;
}
tr#kop { 
height : 30px; 
font-size : 1.1em; 
font-weight : bold; 
color : #c0c0c0; 
background : #c30; 
} 
tr#kop td { 
width : 200px; 
} 
tr { 
height : 40px; 
background : #00c; 
color : #ff0; 
} 
#inhoud{margin:0 12.5em;}

je ziet dus dat de tekst aan beide kanten tussen het menu ongeveer even gelijk zijn.
je hebt idd. gelijk dat me menu nu aan de linker kant iets van de rand afwijkt. ik deed ook maar een gok om de 0 weg te halen in ul.navigatie{margin:0 0 1em 0;}

Als ik dan exact doe zoals jij het beschrijft krijg ik zoiets als wat je nu ziet in foto 2:

met deze bijbehorende css code:

body { 
background : url(index/achtergrond.jpg); 
} 
ul.navigatie { 
font-family : verdana, Arial, Helvetica, sans-serif; 
font-size : 14px; 
font-weight : bold; 
width : 12em; 
border-right : 1px solid #666; 
padding : 0; 
margin : 0 10px 1em 0; 
background-color : #9cc; 
color : #333; 
list-style : none; 
float : left; 
} 
ul.rechts { 
float : right; 
margin : 0 0 1em 10px; 
} 
ul.navigatie li { 
margin : 0; 
border-top : 1px solid #003; 
} 
ul.navigatie li a { 
display : block; 
padding : 2px 2px 2px 4px; 
border-left : 10px solid #990000; 
border-right : 1px solid #69c; 
border-bottom : 1px solid #369; 
background-color : #000099; 
color : #c0c0c0; 
text-decoration : none; 
width : 100%; 
} 
ul.navigatie { 
margin : 0 0 1em 0; 
} 
ul.rechts { 
margin : 0 0 1em 10px; 
} 
html > body ul.navigatie li a { 
width : auto; 
} 
ul.navigatie li a:hover { 
border-left : 10px solid #006600; 
border-right : 1px solid #69c; 
border-bottom : 1px solid #369; 
background-color : #ffff00; 
color : #ff1493; 
} 
div#welkom { 
text-align : center; 
} 
#inleiding { 
color : #330000; 
font-weight : bold; 
font-size : 1.6em; 
} 
h1#home { 
color : maroon; 
font-size : 1.5em; 
text-align : center; 
} 
p#fotos { 
clear : both; 
text-align : center; 
} 
img#links { 
float : left; 
} 
img#rechts { 
float : right; 
} 
div#tip { 
color : blue; 
clear : both; 
float : left; 
width : 45%; 
} 
h2#homeupdate { 
color : #003366; 
margin : 0; 
float : left; 
} 
h2#evenementen { 
color : #003366; 
margin : 0; 
text-align : center; 
} 
div#teller { 
float : right; 
} 
p#stealth { 
margin : 0; 
} 
table { 
text-align : center; 
border : 5px outset black; 
background : black; 
margin:0 auto;
}
tr#kop { 
height : 30px; 
font-size : 1.1em; 
font-weight : bold; 
color : #c0c0c0; 
background : #c30; 
} 
tr#kop td { 
width : 200px; 
} 
tr { 
height : 40px; 
background : #00c; 
color : #ff0; 
} 
#inhoud{margin:0 12.5em;}

je ziet dat aan de rechterzijde het menu wordt geraakt en rechts dus niet. dit klopt niet.

alhoewel doordat ik die {margin:0 0 1em 0;} hebt gebruikt. staat nu wel de menu aan de rechterkant lijn wel goed.

maar toch werkt deze code niet, zoals je bij mij ziet.

ik kijk in ie 8 bij een scherm resolutie: 1024x768

misschien snap je nu wat er mis is????

 

[Naarling]

In je post staat de CSS als ul.navigatie{0 10px 1em 0}. Toevalligerwijs(?) is dat precies goed. Dat hij niet centraal stond komt doordat ik de linkermarge van het rechtermenu over het hoofd had gezien.

 

[djeric]

In je post staat de CSS als ul.navigatie{0 10px 1em 0}. Toevalligerwijs(?) is dat precies goed. Dat hij niet centraal stond komt doordat ik de linkermarge van het rechtermenu over het hoofd had gezien.

nu is hij wel goed en opgelost:thumb:

tja ik dacht ff:

Ik moet me diep schamen, ik had natuurlijk linkermenu moeten zeggen (waar Home en contact in staan). Dus ja bij ul.navigatie moet je 50px in 0 veranderen.
QUOTE]



maar er had dus moeten staan:

Ik moet me diep schamen, ik had natuurlijk linkermenu moeten zeggen (waar Home en contact in staan). Dus ja bij ul.navigatie moet je 50px in 10px veranderen.
QUOTE]

 

[djeric]

ik wil goeroeboeroe en naarling bij deze enorm bedanken voor het helpen van mijn eerste nette website te bouwen.

ik ben aardig op weg geholpen door jullie 2 en bedank jullie op het einde van mijn topic hier.

Ik heb van jullie veel geleerd over de css en html strict.

en kan nu zelfs ook de fouten beter overzien met de css en html validator.

hoewel alles toch best moeilijk te begrijpen is, is het toch ingewikkelder dan ik dacht.
maar weet steeds een beetje meer over het gebruik van de code's

enorm bedankt nogmaals:d:thumb: voor alle hulp en inzet.

Later ga ik weer verder met me andere pagina's maar eerst is het voor mij vakantie.

ik zal hiervoor als ik iets niet meer begrijp een nieuwe topic openen.

 

[djeric]

toch nog een laaste aanvulling hier.

Ik probeer nu enkele pagina's zelf af te maken, en bekijk dit topic geregelt terug.

Als ik iets niet meer begrijp zoals al eerder vermelt, dan open ik gewoon een nieuwe topic.

zoals nu de vooruitzichten zijn, gaat het momenteel goed vooruit.
geen fouten in de validators bekend.

en me website komt zo steeds voller te staan.

 

[Jedi]

Je geeft aan dat het makkelijk moet, maar ik zie alleen maar moeilijke antwoorden.

Als ik naar jouw code kijk, zie ik al een fout:

<body>
<BODY background="index/achtergrond.jpg">

Er staat 2 keer body.

en dhtmlmenu's zou ik gewoon mee wachten, begin gewoon met het meest eenvoudige: gewoon linken gebruiken.
Vergeet javascript en css, hou je voorlopig bij puur html.
Leer eerst wat je weten moet, verdiep je daarna pas in het moeilijkere werk.

 

[frankwannet]

Topic nu voorzien van een slotje.

Deze is immers uit 2010 en dus niet actueel meer.