Autor | Zpráva | ||
---|---|---|---|
svadla Profil |
#1 · Zasláno: 20. 2. 2009, 19:35:10
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 |
#2 · Zasláno: 20. 2. 2009, 19:37:23
|
||
svadla Profil |
#3 · Zasláno: 20. 2. 2009, 19:41:50
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 |
#4 · Zasláno: 20. 2. 2009, 21:29:51 · Upravil/a: Bubák
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 |
#5 · Zasláno: 20. 2. 2009, 22:06:28
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 |
#6 · Zasláno: 22. 2. 2009, 17:21:01 · Upravil/a: montimuf
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 |
#7 · Zasláno: 22. 2. 2009, 17:25:06
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 |
#8 · Zasláno: 22. 2. 2009, 18:22:13
„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 |
#9 · Zasláno: 22. 2. 2009, 20:35:42
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 |
#10 · Zasláno: 22. 2. 2009, 20:40:00
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 |
#11 · Zasláno: 22. 2. 2009, 20:45:31
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 |
#12 · Zasláno: 22. 2. 2009, 20:48:09
Super, uz se blizim rozluisteni :) Spatne jsem se koukal uz pri prvnim, kazdopadne diky!
|
||
Časová prodleva: 15 let
|
0