Problem s obrazkom v dive – CSS – Fórum – Programujte.com

ahojte, newiem sa uz dlhsie pohnut z miesta:

mam:

<div id="obsah">

<div class="prvydiv">

<a href="http://odkaz/" title="bla bla bla"><img src="nejaky_obrazok.gif"></a>

</div>

</div>

img {

border-width: 0px;

}



#obsah {

text-align: left;

width: 900px;

margin: 0 auto;

background: #ffffff;

border-left: 2px #d0d0d0 solid;

border-right: 2px #d0d0d0 solid;

font-family: Arial;

}



.prvydiv{

background-color: #f5f5f5; 

border-bottom: 1px #d0d0d0 solid; 

text-align: center; 

padding-bottom: 0px; // nejde :(

}

v prilohe mate ako to vyzera, ak som to naprd vysvetlil :D

marioff
Zkusil bych, jestli nepomůže:

.prvydiv img, .prvydiv a {

    margin: 0;

    padding: 0;

    border: none 0;

}

To bukaj : toto som skusal medzi prvymi vecami, skusil som to aj teraz ale nic sa nezmenilo...

Ono by to islo aj spravit height-om , ale bohuzial , velkost obrazka moze byt zakazdym ina :(

marioff
toto som skusal medzi prvymi vecami, skusil som to aj teraz ale nic sa nezmenilo...
Pak se už dá jenom hádat, nic jiného tam nevidím. Pokud máš možnost někde celou stránku uveřejnit, bylo by to asi lepší.

To bukaj : nech sa paci:

http://netinia.com/ukazka.php

marioff
Zajímavý problém. Nejdříve jsem zkusil nadefinovat všude marginy a paddingy na nulu, ale to nepomohlo. Tak jsem si řekl, že by s tím mohlo mít něco společného to XHTML. Zakomentuji doctype a hle – mezera tam není. Tak si říkám super, bude to nějaká nová fičura XHTML. Tak to přepíši do validního HTML a jej – mezera tam zase je :o) Takže za to, že tam nebyla asi mohlo přepnutí prohlížeče do quirk módu.

Řešením je nadefinovat line-height: 0;. Tohle ale nechápou ÍÉčka a pořád tam tu mezeru dávají, tak jim je ještě nutno říct, aby se k obrázku chovaly jako k blokovému elementu. Je to divné, ale funguje to :o) Problém by pak mohl nastat v případě, kdybychom chtěli vedle umístit ještě něco. V příloze posílám zip s validním HTML i XHTML souborem, kde by to mělo být v pohodě (testováno FF3, FF2, Opera9.50, IE6, IE7, Safari 3.něco na windows).

To bukaj : naozaj zvlastne spravanie... :smile11:

ja som to medzicasom urobil tiez tak ze som dal tomu obrazku display: block (zeby rovnaky myslienkovy pochod? :smile5: )

img.blok { display: block; }



<img src="..." class="blok" />

marioff
nejde to vycentrovat, jedine v IE… nikde inde…
Zkus:

margin: 0 auto;

transplantoval som teda tvoje riesenie do stranky... uz funguje vyborne..

este sa ta opytam co je ta * na zaciatku stylu ... hehe sorry za sprostu otazku ale take "triky" nepoznam :D

To marioff : pokud vim, tag * oznacuje vsechny tagy

marioff
co je ta * na zaciatku stylu
Přesně, jak píše pawlik, takové styly se aplikují na jakýkoli element. Já tam používám to vynulování marginu a paddingu, protože je pak jednoduší styly ladit a nemusí se pořád psát, aby byl margin a padding na nule – prostě je a pokud je nějaký potřeba, nastaví se.