| Autor | Zpráva | ||
|---|---|---|---|
| Darker Profil |
#1 · Zasláno: 6. 5. 2012, 22:55:29
Potřeboval bych čistě pomocí CSS vycentrovat obrázek jak horizontálně tak vertikálně v rámci divu. Všechny návody na vertikální centrování se mi praly s tím, jak jsem vyřešil centrování horizontální.
Html: <div class="g_center"><div><img src="obrázek" /></div></div> DIV.g_center {
text-align:center;
display: block;
}
DIV.g_center DIV {
width:400px;
height:300px;
margin: 0px auto;
display: block;
vertical-align: middle;
background:gray;
border:2px groove black;
}
DIV.g_center IMG {
max-width:400px;
max-height:300px;
} |
||
|
Časová prodleva: 3 dny
|
|||
| peta Profil |
#2 · Zasláno: 9. 5. 2012, 12:54:43
Muzes obrazek dat jako pozadi background-image.
Muzes pouzit tabulkovy layout, display:table, table-row, table-cell. Koukal jsi na zpusoby na jpw? Vertikální centrování v CSS Vycentrování obsahu stránky |
||
| panther Profil |
#3 · Zasláno: 9. 5. 2012, 13:44:30
peta:
„Muzes pouzit tabulkovy layout, display:table, table-row, table-cell.“ nemůže, podpora není napříš celým (používaným) spektrem prohlížečů. |
||
| Plaváček Profil |
#4 · Zasláno: 9. 5. 2012, 14:09:33
Darker:
Pomohla by ti tato ukázka? http://klient.plavacek.net/centrovani.html |
||
| peta Profil |
#5 · Zasláno: 9. 5. 2012, 14:22:52
panther: To nebylo soucasti dotazu.
|
||
| panther Profil |
#6 · Zasláno: 9. 5. 2012, 15:27:40
peta:
to je snad předpoklad, že řešení zde uvedené by mělo být funkční, ne? Pokud není, je vhodné to dodat. |
||
| Darker Profil |
#7 · Zasláno: 9. 5. 2012, 17:20:22
peta:
„Muzes pouzit tabulkovy layout, display:table, table-row, table-cell.“ To se mi pralo s horizontálním centrováním. Potřebuji centrovat v kontextu dokumentu, ne udělat lightbox. Plaváček: Děkuju. Věděl bys jak teď ten šedý div vycentrovat horizontáně? Vždy se mu povedlo buď horizontální nebo vetrikální centrování, nikdy obojí. |
||
| Plaváček Profil |
Darker:
Použiješ další DIV a ten klasicky horizontálně vycentruješ (margin: 0 auto), viz refresh http://klient.plavacek.net/centrovani.html |
||
|
Časová prodleva: 5 dní
|
|||
| Lorem Profil * |
#9 · Zasláno: 14. 5. 2012, 23:33:08
Darker :
Pokud jsi problém stále nevyřešil =), zkus : .centrovany_div (nebo obrázek) {
float:left;
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-200px;
width:400px;
height:400px;
} |
||
|
Časová prodleva: 11 let
|
|||
0