Autor | Zpráva | ||
---|---|---|---|
dragon124 Profil |
#1 · Zasláno: 22. 12. 2011, 11:35:51
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 |
#2 · Zasláno: 22. 12. 2011, 11:48:31
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 |
#3 · Zasláno: 22. 12. 2011, 12:10:21
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 |
#4 · Zasláno: 22. 12. 2011, 12:48:51 · Upravil/a: dragon124
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 |
#5 · Zasláno: 22. 12. 2011, 13:20:00
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 |
#6 · Zasláno: 22. 12. 2011, 13:25:47
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 |
#7 · Zasláno: 22. 12. 2011, 14:38:28
ano dodělal jsem k tomu v css pozadí modré barvy ale kolem dokola se mi udělala bílá mezera
|
||
panther Profil |
#8 · Zasláno: 22. 12. 2011, 14:42:04
|
||
Petr ZZZ Profil |
#9 · Zasláno: 22. 12. 2011, 14:45:04
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 |
#10 · Zasláno: 22. 12. 2011, 15:09:15
já ale žádnou živou ukázku nemám
|
||
Chamurappi Profil |
#11 · Zasláno: 22. 12. 2011, 15:14:03
Reaguji na dragona124:
Proto ti nikdo nemůže poradit, v čem děláš chybu. |
||
Časová prodleva: 12 let
|
0