XHTML 1.0 Strict i Image tag

Bojan Zivanovic · 20. 08. 2007.

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?

Dragan Babić · 20. 08. 2007.

Mora da stoji u block level elementu, a kada pogledas semantiku img elementa - shvatices da mu je mesto najverovatnije u paragrafu ili naslovu (ako je u pitanju logo).

Bojan Zivanovic · 20. 08. 2007.

Hvala na pojasnjenju

Taichy · 21. 08. 2007.

Preporucujem ti da logo sredis h1 tagom ... tako ce biti sve validno a i seo friendly je
css

Kôd:

* {margin:0;padding:0;}
h1 {
	display:block;
	width:250px;
	height:46px;
	text-indent:-9009px;
	background:transparent url(logo.jpg) no-repeat 0 0;
	}
h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}

Zatim html kod koji je veoma jednostavan

Kôd:

<h1><a href="/" title="Company name">Company name</a></h1>

Vrlo popularan css "hack" ... Pozrav

20. 08. 2007.	#2
Dragan Babić Designer guy Wrote a book Datum učlanjenja: 06.06.2005 Lokacija: Novi Sad Poruke: 1.373 Hvala: 55 42 "Hvala" u 22 poruka	Mora da stoji u block level elementu, a kada pogledas semantiku img elementa - shvatices da mu je mesto najverovatnije u paragrafu ili naslovu (ako je u pitanju logo). __________________ Plakatt — objavi, razglasi i saznaj za događaje DnevnikEklektika.com \| Sprawsm

20. 08. 2007.	#3
Bojan Zivanovic profesionalac Professional Datum učlanjenja: 06.06.2005 Lokacija: Pančevo - Pariz Poruke: 287 Hvala: 6 8 "Hvala" u 8 poruka	Hvala na pojasnjenju __________________ The knack of flying is learning how to throw yourself at the ground and miss.

21. 08. 2007.	#4
Taichy novi član Na probnom radu Datum učlanjenja: 04.04.2007 Poruke: 23 Hvala: 1 2 "Hvala" u 1 poruci	Preporucujem ti da logo sredis h1 tagom ... tako ce biti sve validno a i seo friendly je css Kôd: * {margin:0;padding:0;} h1 { display:block; width:250px; height:46px; text-indent:-9009px; background:transparent url(logo.jpg) no-repeat 0 0; } h1 a { display:block; width:100%; height:100%; outline:none; } Zatim html kod koji je veoma jednostavan Kôd: <h1><a href="/" title="Company name">Company name</a></h1> Vrlo popularan css "hack" ... Pozrav

Alati teme
Pogledajte verziju za štampanje Pošaljite email-om ovu stranu
Način prikaza
Linearni prikaz Prebacite u hibridni prikaz Prebacite u prikaz po temama

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
XTML Strict vs Transitional	bluesman	(X)HTML, JavaScript, DHTML, XML, CSS	27	06. 06. 2008. 09:43
Sajt za mobilne - WML ili xHTML?	ljtruba	Sva početnička pitanja	3	15. 05. 2008. 15:05
xhtml/css/ajax developer	Eniac	Poslovne ponude i zapošljavanje	0	20. 05. 2007. 02:33
Opera cudan bag -> quirksmode sajt prebacuje strict mode sajt u quirks u drugom tabu	bojan_bozovic	(X)HTML, JavaScript, DHTML, XML, CSS	0	12. 02. 2006. 12:42
Kompresovanje Css, xhtml	[nq]	(X)HTML, JavaScript, DHTML, XML, CSS	2	18. 10. 2005. 13:14