Autor Zpráva
Blow
Profil *
Ahojte mám takovej problém když vložím do stránky dva obrázky(obecně obrázek a za ním něco) za sebe resp pod sebe tak je mezi nima mezera kterou tam nechci.
Ve stylu nastavím margin:0 a nic se nestane pořad je mezi nima mezera

Ve Firefoxu to funguje tak že když použiju Transitional Doctype tak tam ta mezera neni.
Se striktni tam je
V IE je mezera mezi nima vzdy.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML KOD:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="styl.css" media="screen"/>
<title>title</title>
</head>
<body>
<img src="pic.png" width="780" height="135" />
<img src="pic.png" width="780" height="135" />
</body>
</html>

CSS:
img{margin:0em;}


Jak mam nastylovat obrazek aby za nim nebyla ta mezera??
Philber
Profil
edit: chyba
Trejpa
Profil
Blow
<img ... align=middle>
nebo
<img ... style=vertical-align:middle>


Test v quirku - test ve standardu.

Vysvětlení problému.


Do CSS stačí pro všechny obrázky zapsat:
img { vertical-align: middle; }
Bubák
Profil
Jen doplním, požadovaného chování se dosáhne i s jinými hodnotami CSS vlastnosti vertical-align, třebas top, nebo bottom.
Trejpa
Profil
Bubák
Samozřejmě. Jen mi připadlo, že hodnota middle bude vyhovovat nejvíce lidem (nebo aspoň mně).

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: