Autor Zpráva
dragon124
Profil
dobrý den,
dělám webové stránky ale narazil jsem na problém že jsem si udělal horní lištu a tlačítka ale nyní jsem zjistil že se mi mezi horní lištou a tlačitkami a také mezi jednotlivými tlačítky tvoří několikapixelové mezery.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
</head>

 <body>
<img src="horni lista.png" width="900" height="100" />
<img src="tlacitko" width="200" height="80" />
<img src="tlacitko.png" width="200" height="80" />
<img src="tlacitko.png" width="200" height="80" />
</body>
</html>
Camo
Profil
Img je totiž riadkový element a tak robí medzery na riadku tak ako písmená. Treba to dať do bloku alebo, ale neviem isto, by možno pomohol inline-block a nastaviť margin.
Petr ZZZ
Profil
Reaguji na dragona124:
Mezery mezi obrázky v řádku (vedle sebe) odstraníš třeba tím, že napíšeš obrázky v kódu do jednoho řádku a případný zlom řádku kódu uděláš uvnitř tagu:

<img src="tlacitko.png" width="200" 
height="80" /><img src="tlacitko.png" width="200" 
height="80" /><img src="tlacitko.png" width="200" height="80" /> 

Máš-li zlom řádku před tagem <img>, udělá to mezeru, protože prohlížeč chápe řádkový zlom v kódu jako jeden bílý znak.
dragon124
Profil
děkuji moc
:-O tak to sem v nejmenšim nečekal. Všude píšou že nezáleží na struktuře jakou HTML napíšu


ještě mam jeden souvisejíící dotaz. kolem pozadí je malá bílá mezera. co s ní mam udělat pokud jí tam nechci?
Petr ZZZ
Profil
Reaguji na dragona124:
Všude píšou, že nezáleží na struktuře, jakou HTML napíšu
Víceméně to platí, ale je pár výjimek. Přičemž tohle ani tak výjimka není, řádkový zlom v kódu je bílá mezera, je to tedy stejné jako
rozdíl mezi <img> <img> a <img><igm>. Opravdová výjimka z tohoto pravidla je možnost rozdělit alt v img na více řádků, zohledňuje to ale myslím jen IE:

<img src="" alt=" pastvina a step
 s jednotlivými 
 starými stromy ">

versus

<img src="" alt=" pastvina a step s jednotlivými starými stromy ">

dragon124:
kolem pozadí je malá bílá mezera
Z tvé ukázky kódu nic nevykoukám, bodla by živá ukázka. Ale zkus si přečíst něco o vlastnosti margin a možná i padding.
Chamurappi
Profil
Reaguji na dragona124:
Všude píšou že nezáleží na struktuře jakou HTML napíšu
Tak to píšou špatně. Více mezer se zmáčkne do jedné, ale to, jestli nějaká mezera je či není přítomna, může hrát roli.

kolem pozadí je malá bílá mezera
V uvedeném kódu není žádné pozadí.
dragon124
Profil
ano dodělal jsem k tomu v css pozadí modré barvy ale kolem dokola se mi udělala bílá mezera
panther
Profil
dragon124:
ještě bych doplnil Petra ZZZ v [#3]:
je přehlednější, pokud jsou jednotlivé obrázky pod sebou, ne však kousek na jednom a kousek na druhém řádku.

Abys mohl použít HTML, které máš v [#1], můžeš přidat obrázkům třeba float: left.
Petr ZZZ
Profil
Reaguji na dragona124:
K pozadí: Jestli chceš odpověď, přečti si to povídání o živých ukázkách, na které jsem tě před chvílí odkázal, a zachovej se podle toho.
dragon124
Profil
já ale žádnou živou ukázku nemám
Chamurappi
Profil
Reaguji na dragona124:
Proto ti nikdo nemůže poradit, v čem děláš chybu.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0