Kod obrazku

Obrázek nemůže být vycentrovaný a textem okolo, pokud nepoužiji sloupcový layout, 1. sloupec text, 2. sloupec obrázek, 3. sloupec text..

Třeba takhle:
<p>Přímé CSS stylování není příliš vhodné a styl je vhodné dát k do souboru k ostatním stylům.
<img style="display:block; text-align: center; margin: 0.7em auto 0.5em; " src="foto.jpg" height="100" width="160">
Přímé CSS stylování není příliš vhodné a styl je vhodné dát k do souboru k ostatním stylům.</p>

Bubák
margin ti fungovat nemusi :)
kdybych to chtel jednoduse, zkusim:
<div>
TEXT
<p align="center">
<img src="" alt="" width="" height="">
</p>
TEXT
</div>

sloziteji dam:
<div class="clanek1">
TEXT
<div class="obr">
<img src="" alt="" width="" height="">
</div>
TEXT
</div>
a v CSS si nastavim pro .obr {padding:.5em;text-align:center;}
protoze na padding je v celku spolehnuti.

peta
margin ti fungovat nemusi :)
Jistě, proto tam je také text-align: center;

Pokud ti něco říká sémantika, měl bys mít text v odstavci, ne jenom tak volně pohozený.

Szalinski

Není dobrý nápad odstraňovat informace o šířce a výšce obrázku. Protože stahování obrázku trvá určitou dobu a prohlížeč neví kolik místa mu má vyhradit. Takže potom stránka během překreslování obrázků skáče, což je pro čtenáře dost nepříjemné.

No mne to neskače, a načitava sa to dosť rychlo
Máš obrázky nakešované, pokud ne, může to být tvým rychlým připojením. Taky to není tak vidět, obrázky jsou dole a hlavně v tabulce. Měl bys dávat rozměry kvůli těm, co mají pomalejší připojení.
www.jakpsatweb.cz/clanky/na-co-stranka-ceka.html

Szalinski
Omyl, jak psal HUGO, height a witdh je prave jedna z dulezitych informaci o obrazku, ta tam musi byt. Vsechny tyto 4:
<img src="" alt="" width="" height="">
A presne, jak psal, kvuli kesovani a poskakovani. Zkus si z inetu nejakou pomalejsi linkou nacis 150k obrazku, asi 10 a usporadanych
TEXT <img ...> TEXT ...
a uvidis, co ti bude stranka delat nejblizsich 10s nez se zobrazi.

Bubák
Mi se velice libi ty odborne kecy typu text musi byt v odstavci a podobne :)
Nicmene v tomto pripade se to nevylucuje...
<div class="clanek1">
<p>TEXT</p>
<div class="obr">
<img src="" alt="" width="" height="">
</div>
<p>TEXT</p>
</div>
Spokojen?

Ja osobne pouzivam odstavec P jen tam, kde se mi to hodi marginovanim, jinak se s timto tagem dost pracne manipuluje, hlavne proto, ze je typu inline.

Bubák
Jeste mne napada, kdyz vzpominas ty Pcka, ze by to slo takto i bez tech divu a ma tam i ty mezery a je to velice elegantni, podle mne:
<p>TEXT</p>
<center>
<img src="" alt="" width="" height="">
</center>
<p>TEXT</p>

peta
<p>TEXT</p>
<div class="obr">
<img src="" alt="" width="" height="">
</div>
<p>TEXT</p>
Pronal hsi to přes některý ze svých oblíbených validátorů?

Ja osobne pouzivam odstavec P jen tam, kde se mi to hodi marginovanim
Já používám odstavec tam, kte písu odstavec. Když potřebuji u něčeho margin, použiju CSS. Pokud mi nevyhovuje vlastnost display, tak i změním.

jinak se s timto tagem dost pracne manipuluje, hlavne proto, ze je typu inline
Od kdy je odstavec inline? www.w3.org/TR/REC-CSS2/sample.html nebo ve vlastním PC adresář, kde je Mozilla\res\html.css