ako odstranit vertikalnu medzeru medzi obrazkami u IE 6 ?

ppohoda

Zdravim, neviete mi niekto poradit, ako odstranit vertikalnu medzeru pomocou CSS ktora vznika pri zobrazovani stranky v IE 6 a IE7 ?

Kód: Vybrať všetko

<div id="menu">
	<img src="img/menu/hore.jpg" />
	<img src="img/menu/dole.jpg" />
</div>

CSS:

Kód: Vybrať všetko

#menu {
		position:absolute;
		left:691px;
		top:0px;
		width:224px;
		}

Dakujem.

refr0

hm daj do stylu

Kód: Vybrať všetko

img {margin:0px;]

JanJanuska

Obrázky chce pôvodne natlačiť vedľa seba, no nemôže, keďže to nedovoľuje šírka. Tak to pochopiteľne umiestni pod seba, no vytvorí aj voľné miesto, čo už tak pochopiteľné nie je

Malo by pomôcť, ak IE dáš jasne najavo, že druhý obrázok má byť v ďalšom riadku, stačí pomocou  :

Kód: Vybrať všetko

<div id="menu">
   <img src="img/menu/hore.jpg" /><br />
   <img src="img/menu/dole.jpg" />
</div>

Ešte trochu "mimo misu": Neviem, či si to nezobrazil kvôli jednoduchosti, no v tagu "img" ti chýba relevantné vyplnenie atribútu "alt".

__construct

JanJanuska napísal: Ešte trochu "mimo misu": Neviem, či si to nezobrazil kvôli jednoduchosti, no v tagu "img" ti chýba relevantné vyplnenie atribútu "alt".

Nie všetci robia W3C valídny kód

JanJanuska

kastrol napísal:Nie všetci robia W3C valídny kód

Validita nie je podstatná, ale ďalšie faktory áno.

PayteR

margin nepomôže, pomôže ale je to nepraktické riešenie

<img src="obrazok.jpg" style="float:left;"/>
<img src="obrazok.jpg" style="float:left;"/> //obrazoku sa nastavi float left, to zabezpeci aby tam nebola ta medzera
text text text //ak chces aby nejaky nasledoval az za tymi obrazkami nastavis mu styl clear:both

viac o clear tu http://www.jakpsatweb.cz/css/clear.html

JanJanuska

PayteR napísal:margin nepomôže, pomôže ale je to nepraktické riešenie

Nepraktické? Prečo?
Odsunutie obrázku na nasledujúci riadok sa mi zdá jednoduché, ľahko pochopiteľné a aj praktické.
Čo bohužiaľ nemôžem povedať o tom nastavovaní obtekania a následne jeho rušenia, ktoré na daný problém ani nie je určené. Pripadá mi to ako nejaký "IE hack", ktorý vôbec nie je nutné použiť.

ppohoda

Zdarvim,
nasiel som nakoniec riesenie a myslim si, ze je to najstandartnejsie riesenie (aspon mam taky pocit )

Ale problem to vyriesilo.

Kód: Vybrať všetko

#menu img { display: block }

Dakujem.

PayteR

JanJanuska napísal:Nepraktické? Prečo?
Odsunutie obrázku na nasledujúci riadok sa mi zdá jednoduché, ľahko pochopiteľné a aj praktické.
Čo bohužiaľ nemôžem povedať o tom nastavovaní obtekania a následne jeho rušenia, ktoré na daný problém ani nie je určené. Pripadá mi to ako nejaký "IE hack", ktorý vôbec nie je nutné použiť.

pretože keď niečo môžeš nastaviť cez štýly tak je lepšie to nastaviť cez štýly a neprepisovať zdroják! A ma nechci presvedčiť že takýto zápis je nepraktický

#nadradeny_div img{float:left;}

keby to boli dynamicky generované obrazky a nebol by to tvoj zdroják ale napr rozsiahle CMS alebo čo by si stratil zbytočne kopu času pre nejake . A ten clear je potrebný iba v prípade ak tam chceš aj text a nemá byť obtekaný, ak chceš obtekaný nedáš mu clear.

edit: zhrniem to takže riešenia sú 4

1.dať za každý obrázok 
2. nenechať medzeru medzi obrázkami, ani \n |<img src="obr.jpg"> <img src="obr.jpg">|=nespravne |<img src="obr.jpg"><img src="obr.jpg">|= spravne
3. nastavit pre obrazky styl float:left;
4. nastavit pre obrazky styl display:block; ->najlepšie riešenie