 [div] wysrodkowanie, oi x i y |
  |
| [div] wysrodkowanie, oi x i y |
Post
#1
|
|
 Grupa: Zarejestrowani Postów: 18 Pomógł: 0 Dołączył: 20.11.2004 Ostrzeżenie: (0%) 
 |
Jak wysrodowac element w divie wzgledem osi x i y?
Div ma 500x500 px a jpeg np 100x100, wiem jak wysrodkowac wzdluz osi x (text-algain) a wzdluz osi y? |
 |
 
|
|
Post
#2
|
|
|
Administrator PHPedia.pl Grupa: Developerzy Postów: 1 102 Pomógł: 2 Dołączył: 14.09.2003 Ostrzeżenie: (0%)
|
text-valign: ?
-------------------- |
|
|
|
|
Post
#3
|
|
 Grupa: Przyjaciele php.pl Postów: 2 258 Pomógł: 16 Dołączył: 21.09.2004 Skąd: Kielce Ostrzeżenie: (0%)
|
http://www.student.oulu.fi/~laurirai/www/css/middle/
http://www.hicksdesign.co.uk/journal/30/ve...tering-with-css http://vmalek.murphy.cz/ trzy linki z google - "div + vertical center", wybrane na szybko
-------------------- -------------
------ |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 12 Pomógł: 0 Dołączył: 24.01.2005 Skąd: Zielona Góra Ostrzeżenie: (0%)
|
zawsze mozesz ustwic padding:) padding-top (od gory) padding-bottom (od dolu)
-------------------- Zielona Góra
Motoryzacja |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 18 Pomógł: 0 Dołączył: 20.11.2004 Ostrzeżenie: (0%)
|
Cytat(wisnia @ 2005-03-29 14:20:31) zawsze mozesz ustwic padding:) padding-top (od gory) padding-bottom (od dolu) Z tym w tym miejscu beda roznej wielkosci jpegi. Zaczyna mi sie podobac to forum 
|
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 26.07.2008 Ostrzeżenie: (0%)
|
OK, a kod:
CODE <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div style="width: 100px; heigh: 100px; border: 2px solid green;">cc</div> <div style="width: 50px; heigh: 50px; border: 1px solid black;">rr</div> </body> </html> wyświetla mi dwa prostokaty nałożone na siebie, dodaje centrowanie jednego z nich: CODE <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div style="width: 100px; heigh: 100px; border: 2px solid green; margin-left: auto;margin-right: auto;">cc</div> <div style="width: 50px; heigh: 50px; border: 1px solid black;">rr</div> </body> </html> i się centruje natomiast drugi spada o jego grubość niżej. Pytanie: jak zrobić by jeden był wyśrodkowany, a drugi pozostał na swoim miejscu? ps. stosowałem z-indexy, displaye, positiony i bez efektu 
|
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 437 Pomógł: 42 Dołączył: 16.04.2007 Ostrzeżenie: (0%)
|
Kod #komunikat {
width:100%; height:100%; position:absolute; display: table; } .komunikat_srodek { display: table-cell; vertical-align: middle; } .komunikat_tresc { width:100px; height:100px; margin:0 auto; } |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 26.07.2008 Ostrzeżenie: (0%)
|
jak wrzuce zawartość to się rozjeżdża, mógłby ktoś poprawić mój przykład?
no dzięki sebekzosw. Dzięki Twojemu przykładowi na spokojnie przerobiłem swój i dział jak należy 
|
|
|
|
|
|
Aktualny czas: 19.08.2025 - 15:00 |
