Goed idee, dit is de code, dit is hoe het er zou moeten uitzien.
Het is dus bij top news dat je moet kijken ;)

PS. als jullie nog bugs zien meld ze maar even ;) Ik heb al gecheckt met Firefox, IE (versie voor op OSX) en safari.
juist in menu zit nog bug, dat weet ik zelf ook !

Origineel gepost door B. Muller

Dat wil je toch? Geef eens je code van hoe je het nu hebt. Dan snappen we wellicht je bedoeling.

Ja en waar zit het deel waar het fout loopt? Even wat meer info geven.

nou

<ul class="content_middle_list">
<li><a href="#">Lorem Ipsum is simply dummy text of the printing.</a></li>
<li><a href="#">Lorem Ipsum is simply dummy text of the printing.</a></li>
<li><a href="#">Lorem Ipsum is simply dummy text of the printing.</a></li>
</ul>

Als ik nu achter die 'Lorem Ipsum is simply dummy text of the printing.' een h ga zetten om het effect te bekomen zoals het voorbeeld, dan is dit niet valid.

Origineel gepost door B. Muller

Waarom gebruik je die slash in <a href="link" /> ?
Die gebruik je alleen bij tags die niet worden afgesloten, zoals <br /> <hr /> enz.

Omdat ik het even snel van frederiks post had gekopieerd

Maar waarom zou je daar een h achter willen zetten. Dat klopt semantisch gezien niet eens. Daarmee maak je de tekst daarachter dus belangrijker dan de tekst daarvoor. Beter gebruik je gewoon een <span> of een <p>.

En dan dus bijvoorbeeld zo:

Code:

<h3><a href="#">Lorem Ipsum is simply dummy text of the printing.</a></h3>
<p class="kleineTekst">hier komt de kleine beschrijvende tekst</p>

En ik had het gekopieert van iemand anders :D

Origineel gepost door Gijs Bloemen

Omdat ik het even snel van frederiks post had gekopieerd

Line 556, Column 73: document type does not allow element "P" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag.…psum is simply dummy text of the printing.<p>

Ik moet dus een element IN mijn a tag kunnen zetten met een andere opmaak dan mijn a tag.

Origineel gepost door B. Muller

Maar waarom zou je daar een h achter willen zetten. Dat klopt semantisch gezien niet eens. Daarmee maak je de tekst daarachter dus belangrijker dan de tekst daarvoor. Beter gebruik je gewoon een <span> of een <p>.

En dan dus bijvoorbeeld zo:

Code:

<h3><a href="#">Lorem Ipsum is simply dummy text of the printing.</a></h3>
<p class="kleineTekst">hier komt de kleine beschrijvende tekst</p>

Ja, want jij gebruikt de <p> IN de <a> en dat was niet wat ik zei.

Het enige wat misschien zou mogen is een span, omdat dat geen block-element is. Maar ook dat lijkt me niet netjes. Mij ontgaat werkelijk waarom je dat zou willen.

Ik zou je rollover effect op je li zetten, en alleen de grote tekst een link maken. De kleine beschrijvende tekst niet.

Ja dat doe ik want da is wat ik vroeg!
nouja, toch bedankt.
De reden waar ik het zo wil is omdat het mooi is naar mijn mening. En ook omdat ik het zo ontwopen heb (http://reveneous.be/TunersWorld/design1.html).
toch bedankt ;)

Origineel gepost door B. Muller

Ja, want jij gebruikt de <p> IN de <a> en dat was niet wat ik zei.

Het enige wat misschien zou mogen is een span, omdat dat geen block-element is. Maar ook dat lijkt me niet netjes. Mij ontgaat werkelijk waarom je dat zou willen.

Ik zou je rollover effect op je li zetten, en alleen de grote tekst een link maken. De kleine beschrijvende tekst niet.

Ik snap dat je het doet omdat je dat vroeg, maar je vroeg ons ook naar een valid alternatief. En dat gaf ik je. Jouw versie is namelijk niet valid ;)

Daarin heb je gelijk. Maar wat ik dus wil is gewoon een andere manier :D Sorry

Origineel gepost door B. Muller

Ik snap dat je het doet omdat je dat vroeg, maar je vroeg ons ook naar een valid alternatief. En dat gaf ik je. Jouw versie is namelijk niet valid ;)

Trouwens, wellicht is de code die ik je net gaf toch de oplossing.
Zorg dat je de <a> een hogere z-index geeft dan de <p>, waardoor de <a> dus over de <p> heen valt. Wellicht is dat je oplossing :)