Mogu da kazem da nisam neki expert sto se tiche pravljenja layouta bez tabela, XHTML/CSS-a uopste, ali mogu pristojno da se snadjem.
Nedavno sam morao da napravim dva layouta od dobijenih PSD-a, stavio doctype XHTML 1.0 Transitional, to izgleda lepo, i validno je.
Medjutim, kada sam pokusao da stranu proguram validatoru kao XHTML 1.0 Strict pojavio se problem.
Zasto nije dozvoljeno imati image tag unutar body-ja a da nije u div-u?
Ovakav kod (izostavljeni nepotrebni delovi):
Kôd:
<html>
<body>
<img src="images/logo.gif" id="logo" width="188" height="54" alt="Logo" />
</body>
</html>
Daje ovu gresku:
Citat:
|
document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag.
|
Te malo dalje:
Citat:
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
|
Ono sto mene interesuje je, zasto ovo nije dozvoljeno?
Ako sliku okruzim div-om, ne dobijam nista, kod je samo manje razuman, posto CSS selektorima ista pravila mogu da primenim direktno na sliku.
Takodje izbegavam div wrappere (div koji ide ko svih elemenata u body tag-u), posto ista pravila mogu da primenim direkt na body (clanak "div mania" je uticao na mene)..
Sta kazete?