| 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 nahleduvž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