Tekst positie in display block

Status
Niet open voor verdere reacties.
Hoi Henk,
De vaste hoogte ul li a {height: 50px;} er uit fietsen, en vervangen door een fikse line-height, bv.:
Code: 
ul li a {
    line-height: 250%;
    }
ul ul li a {
    line-height: 350%;
    }
:)

Met vriendelijke groet,
CSShunter
 
Mooi! :)
Haal je er ook nog even de html-schoonheidsfoutjes (sporen uit het verleden) uit?
  • De html-validator weigert nu dienst, waarschijnlijk omdat er twee Doctypes boven staan. *)
  • Daarna zal de rest wel volgen. ;)

Met vriendelijke groet,
CSShunter
________
*) Zie ook deze richtlijn: gebruik een Strict Doctype.
 
Dubbele Doc verwijderd

Zie nu 36 fouten veelal dezelfde t.w.

end tag for element "style" which is not open
required attribute "alt" not specified
end tag for "img" omitted, but OMITTAG NO was specified
end tag for element "div" which is not open.

Ga dit bestuderen, mijn engels is niet goed genoeg om het excact te begrijpen.
Nogmaals hartelijk dank.

Henk Kreeftmeijer
 
Ja, ik heb ook gaandeweg heel wat Engels moeten bijspijkeren. ;)
En de html-validator gebruikt ook nog eens een raar eigen jargon dat niet altijd erg duidelijk is.

=======
end tag for element "style" which is not open
Klik om te vergroten...
= Er staat een </style> terwijl er daarvoor geen <style> stond.
Dit is de:
Code: 
<link href="stylsheet.css" rel="stylesheet" type="text/css" />
[COLOR="#B22222"][B]</style>[/B][/COLOR]<style type="text/css">
Na een link naar een stylesheet moet er geen </style> komen, die kan dus gewoon geschrapt worden.

=======
required attribute "alt" not specified
Klik om te vergroten...
= Alle images moeten altijd een alt="..." eigenschap in hun tag hebben. Daarin kan een omschrijving van de afbeelding komen, maar een lege alt met alleen alt="" is ook goed (zonder spatie tussen de aanhalingstekens).

=======
end tag for "img" omitted, but OMITTAG NO was specified
Klik om te vergroten...
= Raadselachtige bedoeling dat een image-tag in xhtml altijd met een slash moet worden afgesloten:
<img src=".." width=".." height=".." alt="" />

=======
end tag for element "div" which is not open
Klik om te vergroten...
= Er staat een </div> die geen voorafgaande <div> heeft of niet op die plek hoort.
Code: 
...
  <li>
    <a href=""><strong>KENNET</strong></a>
        <ul>
          <li><a href="">The Team</a></li>
          <li><a href="">History</a></li>
          <li><a href="">Vision</a></li>
        </ul>
    [COLOR="#B22222"][B]</div>[/B][/COLOR]
  </li>
...
Deze </div> kan er gewoon uit, want heeft geen betekenis.

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Er blijft nog maar 1 foutje over - end tag for "br" omitted, but OMITTAG NO was specified
Css is clean.

Nogmaals dank,

Henk
 
Goed werk!
De OMITTAG NO voor de <br> leggen ze uit als:
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Klik om te vergroten...
= U heeft verzuimd een element te sluiten; of misschien bedoelde u een "zelfsluitend" element, d.w.z. eindigend op /> in plaats van >.

Xhtml is erg precies: elk element dat met een tag geopend wordt (bv. een <div>) moet ook weer afgesloten worden (met in dit geval een </div>).
Er zijn een paar uitzonderingen: er zijn wat elementen die geen aparte sluit-tag hebben, zoals <meta>, <img> en ook <br>.
Om aan te geven dat deze ook een eindpunt hebben, wordt die / voor de > gebruikt.
Net als een img moet dus ook de <br> een slash op het eind hebben (met een spatie ertussen): <br />.

En dan ... foutloos!

Met vriendelijke groet,
CSShunter
 
Hé, ja, dat is waar: als je de <br> corrigeert in <br /> komen er andere fouten om de hoek kijken.
Had de validator wel eens eerder mogen zeggen!

Maar die zijn allemaal van dezelfde soort:
  • bij het invoegen van de alt="" van de images zaten er geen spaties voor de a van alt, en daar verslikt de html-validator zich in,
  • en er staat ook een keer (op regel 72) width="190" tegen het voorafgaande src="images/1rand.gif" aangekleefd, daar hoort ook een spatie tussen.

Maar dan is het in orde, dat beloof ik! ;)

Met vriendelijke groet,
CSShunter
 
Hoi Henk,
Het wissellijstje is momenteel inderdaad niet op developerscorner.nl te vinden. Er is helemaal niets op te vinden: de site was gehackt :evil: en is buiten werking gesteld; de provider heeft het nog niet op orde...

Maar ik heb de bestanden van het topic Target-voor-een-link nu even ergens anders gezet:



Succes!
Met vriendelijke groet,
CSShunter
 
Hallo Hunter,

Dank voor het linkje.

Met het wissellijstje gaat het niet helemaal goed.
Niets staat meer op zijn plaats.

Bij thumb's krijg ik een blauw randje van 1px.
Ik heb het even op een andere plaats gezet www.cinemashop.nl
Dan blijft de site fouten vrij.

Groet,
Henk
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan