Autor | Zpráva | ||
---|---|---|---|
gardener Profil |
#1 · Zasláno: 20. 8. 2009, 18:40:47
Zdravím,
mám jeden dotaz, na adrese:Zde jsem chtěl v horním menu použít obrázky, netuším ale proč mi prohlížeče vytváří mezi obrázky mezeru, když mám v CSS u img border: none? Říkal jsem si, jestli to nemůže být způsobeno zarovnáním celého obsahu na střed, ale tím to způsobeno není. Netuší někdo prosím, v čem by mohl být problém? Díky za každou radu. |
||
blackjoker Profil |
#2 · Zasláno: 20. 8. 2009, 18:58:29
Problém bych čekal v mezeře mezi jednotlivými img (Pak to bude chtít resetovat ještě img).
|
||
Enyeus Profil |
#3 · Zasláno: 20. 8. 2009, 18:59:34 · Upravil/a: Enyeus
Máš i padding a margin na 0?
EDIT: Tágy img musíš mít na jednom řádky. Zalomení řádků je jako mezera. |
||
gardener Profil |
#4 · Zasláno: 20. 8. 2009, 19:16:09
Ano, pading i margin je na 0, ale zpusobovaly to skutecne ty jednotlive radky...to jsem vubec netusil:)
Kazdopadne, jde s tim neco delat? Abych to mohl mit pod sebou? Treba zmenou z blokoveho na radkovy element? |
||
blackjoker Profil |
#5 · Zasláno: 20. 8. 2009, 20:23:12
Abych to mohl mit pod sebou?
K čemu je důležité, aby tagy byly pod sebou? <img src="img/koncept_01.jpg" />< img src="img/koncept_02.jpg" />< img src="img/koncept_03.jpg" />< img src="img/koncept_04.jpg" /> |
||
Bubák Profil |
#6 · Zasláno: 20. 8. 2009, 22:02:40 · Upravil/a: Bubák
Zdůvodnění je triviální, ba přímo jednoduché, odřádkování v kódu se interpretuje jako mezera.
Jedno z dalších řešení, schovat odřádkování do komentáře: <img src="img/koncept_01.jpg" /><!-- -->img src="img/koncept_02.jpg" /><!-- -->img src="img/koncept_03.jpg" /><!-- -->img src="img/koncept_04.jpg" /> HTML nabízí ještě dvě možnosti, tabulku, vřele nedoporučuji a atribut align (obtékání). Další možnosti skýtá CSS Na pohled jednoduchá možnost je použít nulovou velikost fontu, takže mezera by měla nulovou šířku, ale některé prohlížeče mají nastavenou minimální velikost písma. Též je možné dát obrázkům záporný margin o velikosti mezery a zarovnat obrázky: #intro img {margin-right: -.25em; vertical-align: top;} A pak je tu nejjednodušší monžost, použít obtékání, zmíněné už dříve, ale deklarovat ho v CSS: #intro img {float: left;} V jednoduchosti je... |
||
gardener Profil |
#7 · Zasláno: 20. 8. 2009, 23:05:21
o.k díky za vysvětlení..
|
||
SwimX Profil |
#8 · Zasláno: 20. 8. 2009, 23:14:56
gardener
Bubák: „A pak je tu nejjednodušší monžost, použít obtékání, zmíněné už dříve, ale deklarovat ho v CSS:“ a nezapomenout na ukončení obtékání, clear:. Viz: http://www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082 |
||
Bubák Profil |
#9 · Zasláno: 21. 8. 2009, 15:30:25
SwimX
V tomto případě to není nutné. |
||
Časová prodleva: 15 let
|
0