Autor | Zpráva | ||
---|---|---|---|
misso132 Profil |
#1 · Zasláno: 6. 6. 2013, 22:22:32
zdravím, mám takýto jednoduchý kód:
<body style="height: 100%; width:100%; text-align:center;"> <img src="obr.png" style="max-width:100%; max-height:100%;"> </body> horizontálne to už je, ale nedarí sa mi dorobiť to vertikálne. neviete mi poradiť? |
||
MyShare Profil |
#2 · Zasláno: 6. 6. 2013, 22:28:10
|
||
margin Profil * |
#3 · Zasláno: 6. 6. 2013, 22:46:24
|
||
MyShare Profil |
#4 · Zasláno: 6. 6. 2013, 22:54:22
margin:
Aaaa sakra ja som to odoslal? Najprv som to chcel poslať ale potom som si uvedomil, že by som mu odoslal blbosť keďže som to lepšie prečítal SORRY misso132 |
||
Plaváček Profil |
#5 · Zasláno: 7. 6. 2013, 07:05:05
misso132:
Použij tabulku. |
||
misso132 Profil |
#6 · Zasláno: 7. 6. 2013, 09:12:31 · Upravil/a: misso132
[#4] MyShare
v poho, viem že je to hlúposť, to som už skúšal :-D k tej tabuľke: nad tým som rozmýšľal, ale nenapadá mi ako ju nastylovať aby udržala obrázok vždy v strede aj pri zmenách veľkosti okna... |
||
jenikkozak Profil |
#7 · Zasláno: 7. 6. 2013, 09:39:17
Tabulku necháš přes celou plochu okna (výška a šířka na 100 %, pozice absolutní, u prvku
<body> vynulovaný margin ), obrázek umístíš na střed právě pomocí vertical-align .
|
||
Trejpa Profil |
#8 · Zasláno: 7. 6. 2013, 10:09:07
misso132:
Žádnou pozici nepotřebuješ. <style> html, body, table { width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; } td { vertical-align: middle; } </style> <table><tr><td><img src=obrazek.png></table> |
||
margin Profil * |
#9 · Zasláno: 7. 6. 2013, 10:18:13
Místo TD bych použil TH, pal se obejdu bez
text-align: center; protože je to výchozí zarovnání buněk záhlaví
vertical-align: middle; je výchozí zarovnání všech buněk, není nutné explicitně deklarovat.
|
||
misso132 Profil |
#10 · Zasláno: 7. 6. 2013, 11:04:52
[#8] Trejpa
díík toto riešenie to pekne vycentruje, ale obrázok stratí schopnosť prispôsobiť sa oknu pri zmenšení/zväčšení okna :-( |
||
Plaváček Profil |
#11 · Zasláno: 8. 6. 2013, 07:41:32
misso132:
Obrázku můžeš nastavit šířku a výšku (width, height) 100%. Pak se přizpůsobí. Ale nebude to asi moc hezké. |
||
margin Profil * |
#12 · Zasláno: 8. 6. 2013, 18:36:15
Tenhle styl používá Firefox při prohlížení obrázků:
img { text-align: center; position: absolute; margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; } max-width:100%; max-height:100%; tak se bude maximální velikost obrázku přizpůsobovat oknu, ukázka.
Netestoval jsem, nakolik je to funkční v jiných prohlížecích a nyní se mi to testovat nechce. |
||
misso132 Profil |
#13 · Zasláno: 9. 6. 2013, 10:20:37
[#12] margin
dííík, toto funguje skvele |
||
Časová prodleva: 11 let
|
0