Hejoow
Ik ben een layout aan het basen (van Klaasie) en heb 2 fouten. Dit is de URL: http://www.musicproject.s3.one2xs.com/ . Daar kan je zelf naar de bron en CSS kijken.

Fout 1:

Als je over het menu heen gaat moet er aan elke kant van het menuknopje een image komen van 1px breed. Ik heb deze CSS.

#nav span:hover {
    background: url(../img/nav_tab.png)  top right no-repeat;
}

#nav span span:hover {
    background: url(../img/nav_tab.png)  top left no-repeat;
}

en deze HTML:

<ul>
<li><span><span><a href="index.php?p=home">Home</a></span></span></li>
<li><span><span><a href="index.php?p=login">Inloggen</a></span></span></li>
<li><span><span><a href="index.php?p=register">Registreren</a></span></span></li>
</ul>

Fout 2:

Het lijkt me wel duidelijk dat als je naar de layout kijkt, je onderaan net boven de footer en net onder elke tekst van elk tekstvakje een lege ruimte zit. Die hoort er niet te zijn (duhh...). Het komt volgens mij door de float:left; overal.

Ik hoop op snelle en goede hulp.

Mvg, ik

probleem 2: toevoegen na de laatste div die een float heeft.
probleem 1: waarom 2x span? en als je een afbeelding gebruikt kun je ook beter display: inline-block; toevoegen.

Marjolein schreef:

probleem 2:

toevoegen na de laatste div die een float heeft.
probleem 1: waarom 2x span? en als je een afbeelding gebruikt kun je ook beter display: inline-block; toevoegen.

Antwoord 1. Is er geen andere manier? Dit lijkt me nogal irritant.
Antwoord 2. 2 X span? Kijk CSS, ik wil aan bijde kanten plaatje als je er met muis overheengaat. De breedte van vakje verschilt aan tekst.

1. Neem pas opdrachten aan als je het goed kan!
2. Aangezien het een opdracht is moet je er wel op letten dat het w3c valid is. Zowel de html als de css.

toevoeging op 7 maart 2012, 01:05:33:
Ook zie ik veel sordige fouten.

En gebruik geen

Je gebruikt ook geen

of

Waarom geen:

form tests

En gebruik classes waar je die moet gebruiken en ids waar je die moet gebruiken. Niet ids waar je classes moet gebruiken!

Kijk naar de navigatie enzo. Dat afronden aan de onderkant is gewoon weg lelijk.
Het menu klopt ook niet als je er op hovert. Ik denk iig niet tot het zig 1 a 2 pixels moet verschuiven.

toevoeging op 7 maart 2012, 01:07:41:
En als laatsten. Je gebruikt niks om hem goed voor seo te maken!

En gebruik duidelijke namen.

Dus ipv top
bericht_titel

En waarom in het menu ???

En moet ik door gaan?? Ik word gewoon verdrietig.

Freestyle schreef:

1. Neem pas opdrachten aan als je het goed kan! Kan ik ook, maar ik kan niet alles. Ik heb een fout en maar goed dat jij dat nooit hebt heh!
2. Aangezien het een opdracht is moet je er wel op letten dat het w3c valid is. Zowel de html als de css.

toevoeging op 7 maart 2012, 01:05:33:
Ook zie ik veel sordige fouten.

En gebruik geen
Waarom mag ik dat niet gebruiken dan? Hoe moet ik mijn backspace doen dan?
Je gebruikt ook geen

of

Waarom geen:

form tests

Ik codeer mijn layouts liever zo, dan kan ik die functies behouden voor te tekst in het vakje.

En gebruik classes waar je die moet gebruiken en ids waar je die moet gebruiken. Niet ids waar je classes moet gebruiken!

Kijk naar de navigatie enzo. Dat afronden aan de onderkant is gewoon weg lelijk.
Het menu klopt ook niet als je er op hovert. Ik denk iig niet tot het zig 1 a 2 pixels moet verschuiven. Kheb ergens fout marginnetje staan waarvoor ik te lui ben weg te halen. Ik werk nog aan het menu want die is nog een beetje lelijk. Maar die span span, moet je eens naar de CSS Kijken waarom ik dat doe. Maar het werkt gewoon niet

toevoeging op 7 maart 2012, 01:07:41:
En als laatsten. Je gebruikt niks om hem goed voor seo te maken! Ehh... seo??

En gebruik duidelijke namen.

Dus ipv top
bericht_titel

En waarom in het menu ??? Als ze met hun muis over menu gaan zou er aan de linkerkant en rechterkant van menuknop een randje moeten komen in de vorm van een plaatje.

En moet ik door gaan?? Ik word gewoon verdrietig.

Ik zie dat je heel veel divjes gebruikt, terwijl een groot deel gewoon wouden kunnen worden door HTML-tags. De

tag komt goed van pas voor een alinea.

Kopjes doe je altijd met h1 t/m h6 headings, het ligt er aan wat belangrijker is.

SEO, tja, Search Engine Optimalisation, op Google is een schat aan informatie te vinden.

is gewoon sneu
Ik zou zeggen: verdiep je een in de Semantiek van HTML:
http://home.parse.nl/~michiel/semantiek.html

De vuistregel die ik aanhoud over divjes, gebruik ze alleen als een ander HTML niet kan, bijv, voor de framework indeling van je site in footer, header, menu, content etc...

Aarclay schreef:

Ik zie dat je heel veel divjes gebruikt, terwijl een groot deel gewoon wouden kunnen worden door HTML-tags. De

tag komt goed van pas voor een alinea.

Kopjes doe je altijd met h1 t/m h6 headings, het ligt er aan wat belangrijker is.

SEO, tja, Search Engine Optimalisation, op Google is een schat aan informatie te vinden.

is gewoon sneu
Ik zou zeggen: verdiep je een in de Semantiek van HTML:
http://home.parse.nl/~michiel/semantiek.html

De vuistregel die ik aanhoud over divjes, gebruik ze alleen als een ander HTML niet kan, bijv, voor de framework indeling van je site in footer, header, menu, content etc...

Indd

En weet wanneer je id en clas moet gebruiken!! dat staat er ook veel al verkeerd in.

Freestyle schreef:

Eerdere citaten tonen

Aarclay schreef:

Ik zie dat je heel veel divjes gebruikt, terwijl een groot deel gewoon wouden kunnen worden door HTML-tags. De

tag komt goed van pas voor een alinea.

Kopjes doe je altijd met h1 t/m h6 headings, het ligt er aan wat belangrijker is.

SEO, tja, Search Engine Optimalisation, op Google is een schat aan informatie te vinden.

is gewoon sneu
Ik zou zeggen: verdiep je een in de Semantiek van HTML:
http://home.parse.nl/~michiel/semantiek.html

De vuistregel die ik aanhoud over divjes, gebruik ze alleen als een ander HTML niet kan, bijv, voor de framework indeling van je site in footer, header, menu, content etc...

Indd

En weet wanneer je id en clas moet gebruiken!! dat staat er ook veel al verkeerd in.

ID moet normaal unbiek zijn, weet ik

Vriendje schreef:

Eerdere citaten tonen

Freestyle schreef:

Eerdere citaten tonen

Aarclay schreef:

Ik zie dat je heel veel divjes gebruikt, terwijl een groot deel gewoon wouden kunnen worden door HTML-tags. De

tag komt goed van pas voor een alinea.

Kopjes doe je altijd met h1 t/m h6 headings, het ligt er aan wat belangrijker is.

SEO, tja, Search Engine Optimalisation, op Google is een schat aan informatie te vinden.

is gewoon sneu
Ik zou zeggen: verdiep je een in de Semantiek van HTML:
http://home.parse.nl/~michiel/semantiek.html

De vuistregel die ik aanhoud over divjes, gebruik ze alleen als een ander HTML niet kan, bijv, voor de framework indeling van je site in footer, header, menu, content etc...

Indd

En weet wanneer je id en clas moet gebruiken!! dat staat er ook veel al verkeerd in.

ID moet normaal unbiek zijn, weet ik

Waarom doe je het dan niet?

Freestyle schreef:

Eerdere citaten tonen

Vriendje schreef:

Eerdere citaten tonen

Freestyle schreef:

Eerdere citaten tonen

Aarclay schreef:

Ik zie dat je heel veel divjes gebruikt, terwijl een groot deel gewoon wouden kunnen worden door HTML-tags. De

tag komt goed van pas voor een alinea.

Kopjes doe je altijd met h1 t/m h6 headings, het ligt er aan wat belangrijker is.

SEO, tja, Search Engine Optimalisation, op Google is een schat aan informatie te vinden.

is gewoon sneu
Ik zou zeggen: verdiep je een in de Semantiek van HTML:
http://home.parse.nl/~michiel/semantiek.html

De vuistregel die ik aanhoud over divjes, gebruik ze alleen als een ander HTML niet kan, bijv, voor de framework indeling van je site in footer, header, menu, content etc...

Indd

En weet wanneer je id en clas moet gebruiken!! dat staat er ook veel al verkeerd in.

ID moet normaal unbiek zijn, weet ik

Waarom doe je het dan niet?

Dit is gewoonte

Dat is toch geen excuus?? Je moet het gewoon goed doen, vooral omdat het een opdracht is!
Dan moet je gewoon w3c valid coderen. En alles goed gebruiken dus ook de h1 tags, p tags, etc, etc

Vriendje schreef:

Eerdere citaten tonen

Marjolein schreef:

probleem 2:

toevoegen na de laatste div die een float heeft.

probleem 1: waarom 2x span? en als je een afbeelding gebruikt kun je ook beter display: inline-block; toevoegen.

Antwoord 1. Is er geen andere manier? Dit lijkt me nogal irritant.
Antwoord 2. 2 X span? Kijk CSS, ik wil aan bijde kanten plaatje als je er met muis overheengaat. De breedte van vakje verschilt aan tekst.

1: wat is daar nou irritant aan Deze code is gewoon nodig als je met floats werkt.
2. Ja, en wat wil je daarmee zeggen dat dit dan de enige manier is om je link erin te zetten. Nee dus, ik snap dat het vakje waarin de link komt zich aan moet passen aan de lengte van je link maar dit doe je dan niet goed vandaar dus dat het fout staat op je site.

Marjolein schreef:

Eerdere citaten tonen

Vriendje schreef:

Eerdere citaten tonen

Marjolein schreef:

probleem 2:

toevoegen na de laatste div die een float heeft.

probleem 1: waarom 2x span? en als je een afbeelding gebruikt kun je ook beter display: inline-block; toevoegen.

Antwoord 1. Is er geen andere manier? Dit lijkt me nogal irritant.
Antwoord 2. 2 X span? Kijk CSS, ik wil aan bijde kanten plaatje als je er met muis overheengaat. De breedte van vakje verschilt aan tekst.

1: wat is daar nou irritant aan Deze code is gewoon nodig als je met floats werkt.
2. Ja, en wat wil je daarmee zeggen dat dit dan de enige manier is om je link erin te zetten. Nee dus, ik snap dat het vakje waarin de link komt zich aan moet passen aan de lengte van je link maar dit doe je dan niet goed vandaar dus dat het fout staat op je site.

Vraag 2 is opgelost gekregen. Je kan kijken hoe ik het gefixt heb. Helaas werken de overflows niet, kijk site en bron maar.

#container #mid #left #box #top {
background-image: url(../images/left_top.png);
color: #FFFFFF;
width: 191px;
height: 29px;
padding-top: 5px;
padding-left: 12px;
float: left;
}

#container #mid #left #box #mid {
background-image: url(../images/left_mid.png);
width: 191px;
height: auto;
padding-top: 4px;
padding-left: 6px;
padding-right: 6px;
float: left;
font-family: Verdana, Arial; 
font-size: 11px;
}

#container #mid #left #box #bot {
background-image: url(../images/left_bot.png);
width: 203px;
height: 11px;
float: left;
}

zet hier eens overal margin:0; bij
En een id(#) is uniek die mag je maar 1x gebruiken, dus zet het om naar class(.)die mag je da zo vaak gebruiken als je wil

Marjolein schreef:

#container #mid #left #box #top {
background-image: url(../images/left_top.png);
color: #FFFFFF;
width: 191px;
height: 29px;
padding-top: 5px;
padding-left: 12px;
float: left;
}

#container #mid #left #box #mid {
background-image: url(../images/left_mid.png);
width: 191px;
height: auto;
padding-top: 4px;
padding-left: 6px;
padding-right: 6px;
float: left;
font-family: Verdana, Arial; 
font-size: 11px;
}

#container #mid #left #box #bot {
background-image: url(../images/left_bot.png);
width: 203px;
height: 11px;
float: left;
}

zet hier eens overal margin:0; bij
En een id(#) is uniek die mag je maar 1x gebruiken, dus zet het om naar class(.)die mag je da zo vaak gebruiken als je wil

Bovenaan de CSS staat iets als dit:

* {
margin: 0;
}

Dus ik neem dat er op elk element ook een margin 0 staat