+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS: wysrodkowanie diva (/thread-css-wysrodkowanie-diva)
Strony:
1
2
RE: CSS: wysrodkowanie diva - Labsta.com - 30-05-2009
Centruje w pionie się tak:
Kod:
<div class="cont">
<img ......./>
</div>CSS
Kod:
.cont {
/*wymiary i inne opcje*/
position: relative;
}
img {
display: block;
margin: 0px auto;
margin-top: -XX /*połowa wysokości obrazka w minusie*/
position: absolute;
top: 50%;
}To nie jest gotowy kod, tylko szkic pisany z ręki i przedstawia ogólną zasadę. W tym wypadku .cont to kontener, ten w którego środku ma być wycentrowany obrazek.
RE: CSS: wysrodkowanie diva - zdzislavv - 30-05-2009
Hmm, tylko jeżeli zmienię w pliku css wygląd img, to będzie ta zmiana zastosowana do wszystkich obrazków, a przecież różne obrazki mają różną wysokośc. Zastosowałem ten patent i niestety nie zadziałał.
A co, gdybym zastosował dwa dodatkowe divy, żeby wysokośc była równa? Mam diva "prawa" i cztery divy "prawa1", "prawa2", "prawa3", "prawa4", mógłbym zamknąc "prawa1" i "prawa2" w "prawaA", zaś "prawa3" i "prawa4" w "prawaB". Wtedy bym ustawił wysokośc "prawaA" i dzięki temu "prawa3" i "prawa4" byłyby na tej samej wysokości. Niestety, nie rozwiązywałoby to problemu "rozciągnięcia" wysokości czerwonego pola tych czterech divów "prawai" gdzie i=1...4.
Pozdrawiam!
RE: CSS: wysrodkowanie diva - KowR - 30-05-2009
No to możesz danemu img nadać osobny styl.
Kod:
img.inny {
// treść CSSa
}i w XHTML
Kod:
<img src="" alt="" class="inny" />