 Wyśrodkowywanie zdjęcia (w divie) w pionie. |
| Wyśrodkowywanie zdjęcia (w divie) w pionie. |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 59 Pomógł: 0 Dołączył: 4.10.2008 Skąd: Małopolska Ostrzeżenie: (0%) 
 |
Witam.
Mam problem z wyśrodkowaniem zdjęcia wewnątrz diva w pionie. Skrypt centruje zdjęcie po środku za pośrednictwem <center> ale nie mogę uporać się z wyśrodkowaniem w pionie. Jest coś takiego: <div> <a><img/></a> </div> CSS:
HTML: zmiennymi $ile i $photo2 proszę się nie przejmować. Ten post edytował FireMan 21.08.2011, 22:17:15 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 200 Pomógł: 8 Dołączył: 24.09.2003 Ostrzeżenie: (10%) 
|
Może to pomoże:
http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 1 527 Pomógł: 438 Dołączył: 28.06.2011 Skąd: Warszawa Ostrzeżenie: (0%)
|
Ktoś powie, że się czepiam ale jeżeli już używasz zamykania IMG poprzez <IMG /> to nie używaj tagu <CENTER> z tego co wiem to w XHTML go już nie ma (IMG:style_emoticons/default/wink.gif) proponuje <div style="text-align:center"></div> (IMG:style_emoticons/default/wink.gif)
A co do problemu można ustawić aby ten element, w którym znajduje się obrazek zachowywał się jako komórka tabeli - czyli style="display: table-cell" można wtedy zastosować w niej też style="vertica-align:middle" (IMG:style_emoticons/default/wink.gif) HTH! (IMG:style_emoticons/default/wink.gif) Ten post edytował Sephirus 22.08.2011, 18:13:06 |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 275 Pomógł: 32 Dołączył: 21.03.2006 Skąd: Warszawa Ostrzeżenie: (20%)
|
Cytat(Sephirus @ 22.08.2011, 17:12:48 )  Ktoś powie, że się czepiam ale jeżeli już używasz zamykania IMG poprzez <IMG /> to nie używaj tagu <CENTER> z tego co wiem to w XHTML go już nie ma (IMG:style_emoticons/default/wink.gif) proponuje <div style="text-align:center"></div> (IMG:style_emoticons/default/wink.gif) A co do problemu można ustawić aby ten element, w którym znajduje się obrazek zachowywał się jako komórka tabeli - czyli style="display: table-cell" można wtedy zastosować w niej też style="vertica-align:middle" (IMG:style_emoticons/default/wink.gif) HTH! (IMG:style_emoticons/default/wink.gif) Do wyśrodkowania obrazka w CSS powinno się użyć: Kod #obrazek {
display: block; margin: 0 auto; } |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 1 527 Pomógł: 438 Dołączył: 28.06.2011 Skąd: Warszawa Ostrzeżenie: (0%)
|
@up wszystko ładnie ale chodzi o centrowanie w pionie (IMG:style_emoticons/default/wink.gif)
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 23 Pomógł: 0 Dołączył: 24.07.2010 Ostrzeżenie: (0%)
|
a może tak stary dobry css :
Kod <title>Test</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <body> <div style="background: green; width: 200px; height: 200px; margin: auto; margin-top: 30%;"></div> </body> </html> % są uniwersalne i można się bawić co do wartości. Ten post edytował wojtek19115 24.08.2011, 09:30:19 |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 55 Pomógł: 4 Dołączył: 27.09.2007 Ostrzeżenie: (0%)
|
vertical-align albo line-height.
|
|
|
|
 |
|
Aktualny czas: 22.12.2025 - 19:45 |
