Autor Zpráva
svadla
Profil
Zdravim,

prosim jak zarovnat img o neznamych velikostech na stred (horizontalne i vertikalne) do divu o pevne sirce a vysce?
Tak aby to fungovalo ve vsech beznych prohlizecich.
Staci mi link, kde je to aplikovane, uz to vyzkoumu. Nic se mi najit nepodarilo.

diky
SwimX
Profil
svadla
horizontálně:
div {text-align: center}
div img{margin: 0 auto;}

vertikální
svadla
Profil
SwimX
diky horizontalni je jasny (ikdyz ve spojeni s vertikalnim ne uplne)
ale priklad na jakpsatweb mi v ie7 nejede (o tom prikladu jsem vedel)
Bubák
Profil
Pokud můžeš, nejjednoduší je dát obrázek na pozadí, a do CSS něco takového:
div {background: url(obrazek.png) center center no-repeat;}


Tohle je v principu totéž, jako na www.jpw.cz, ale odlišení IE je řešeno spolehlivěji podmíněnými komentáři:
http://klient.plavacek.net/centrovani.html
svadla
Profil
Bubák
diky vyzkousim plavackovu verzi, 3 divy a jeste styl pro ie, jen kvuli pozici obrazku...

pres css by to bylo pekne, ale nemohu pouzit
montimuf
Profil
Zdravim, mam podobny problem. Marne resim a hlavne hledam reseni na muj problem. Potrebuji vycentrovat obrazek, ktery se nachazi v obtekanem divu. A to jak horizontalne tak i vertikalne.

Tady je ukazka kodu:

HTML
<div class="okolo">
   <div class="gnad"><h2 >nadpis</h2></div>
   <div class="gal1">odkaz na obrazek (je generovany, takze nezname jeho velikost, muze byt vsak pouze o max rozmerech  120x90 px nebo max 90x120 px)</div>


     <div class="gna1">text</div>
     <div class="gte1">text</div>

  </div>
  <div class="clear"></div>


CSS

.okolo {
	width: 580px;
}

.gnad, .gal1 { /*spolecne vlastnosti */
	float: left;
	text-size: 11px;
	display: inline; //osaleni IE a jeho dvojiteho marginu, mozny problem?
	text-align: left;
}

.gnad {
	width: 520px;
	height: 30px;
	background: url('galerie/gnad.gif');
	background-repeat: no-repeat;
}

.gal1 {
	width: 130px;
	height: 154px;
	background: url('galerie/gal1.gif');
	background-repeat: no-repeat;
}

.gna1, .gna2, .gna3, .gna4, .gna5, .gna6, .gna7 {
	width:  120px;
	height: 22px;
	display: inline; //opet salime
	float: left;
	text-size: 11px;
	text-align: left;
}


.gte1, .gte2, .gte3, .gte4, .gte5, .gte6,.gte7 {  /*spolecne vlastnosti v prehledu galerie pro podnadpisy */
    width: 270px;
    height: 22px;
    float: left;
    display: inline; //a zase sme ho nachytali 
    text-align: left;
}

.clear
{
clear: both; /* zrusime obtekani hlavniho divu */
}


SwimX
Profil
montimuf
je generovany, takze nezname jeho velikost
generuje ho php? pak třeba imagesx - sy

jinak [#4] Bubákovo příspěvek ti nepomohl?
montimuf
Profil
montimuf
„je generovany, takze nezname jeho velikost“
generuje ho php? pak třeba imagesx - sy
jinak [#4] Bubákovo příspěvek ti nepomohl?


neni to obrazek na pozadi, ale nahodny z galerie. Ano a melo by ho generovat php viz:
 $obrazek=mysql_query("select * from ".$GLOBALS["rspredpona"]."media where media_gallery_id='".$galerie["gallery_id"]."' and media_smazano!='1' order by ".$obrazek_jaky." desc limit 1",$GLOBALS["dbspojeni"]);
    $obrazek=mysql_fetch_array($obrazek);
    $GLOBALS["prehled_id"]=$galerie["gallery_id"] ; // id galerie
    $GLOBALS["prehled_titulek"]=Galerie("titulek",$galerie["gallery_id"]) ; // titulek galerie
    $GLOBALS["prehled_zobrazeni"]=Galerie("pocetzobr",$galerie["gallery_id"]); // pocet zobrazeni galerie
    $GLOBALS["prehled_obrazek_id"]=$obrazek["media_id"]; // id obrazku
    $GLOBALS["prehled_obrazek_src"]=$obrazek["media_thumbnail"]; // cesta k nahledu
    $GLOBALS["prehled_obrazek_width"]=$obrazek["media_thumbnail_width"]; // sirka nahledu
    $GLOBALS["prehled_obrazek_height"]=$obrazek["media_thumbnail_height"]; // vyska nahledu
    $GLOBALS["prehled_obrazek_descr"]=$obrazek["media_description"]; // vyska nahledu
SwimX
Profil
montimuf
$GLOBALS["prehled_obrazek_width"]=$obrazek["media_thumbnail_width"]; // sirka nahledu
    $GLOBALS["prehled_obrazek_height"]=$obrazek["media_thumbnail_height"]; // vyska nahledu

vždyť znáš rozměry
montimuf
Profil
vsak pisu, rozmery muzou bejt maximalne 120x90 a na vysku 90x 120 px, ne vice, avsak mohou byt i mene, zalezi na formatu vkladane fotografie (na chipu aparatu :o)
SwimX
Profil
montimuf
ozmery muzou bejt maximalne 120x90
v těch dvou proměnných budou přesné rozměry obrázku.
a vycentruješ ho přesně jako to má Plaváček tady: http://klient.plavacek.net/centrovani.html
montimuf
Profil
Super, uz se blizim rozluisteni :) Spatne jsem se koukal uz pri prvnim, kazdopadne diky!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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