Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Div wycentrowany w Divie.
-Schnitzeer-
post
Post #1





Goście







Mam sobie Diva powiedzmy 100x100px, w którym mam drugiego diva ze zdjęciem 100x100px.

O ile zdjęcie jest 100x100 nie ma żadnego problemu, (obrazek 1)
Jeśli zdjęcie jest np 30x100px, wtedy wędruje na górę diva a tak jest źle. (obrazek 2)
Muszę umieścić diva z małym zdjęciem na środku drugiego diva zawsze (obrazek 3)

Nie było by żadnego problemu, tylko że jest to sklep internetowy i muszę użyć tego samego stylu css do wszystkich przypadków bo fotka wpada z automatu.

Macie jakieś pomysły? Z góry dzięki.

(IMG:http://img220.imageshack.us/img220/165/beztytuugoub.png)
Go to the top of the page
+Quote Post
crocodillo
post
Post #2





Grupa: Zarejestrowani
Postów: 215
Pomógł: 44
Dołączył: 31.07.2011
Skąd: wrocław

Ostrzeżenie: (0%)
-----


  1. <div style="line-height:300px; border:1px solid red; width:300px; height:300px;text-align:center;">
  2. <div style="background-color:#eee;display:inline;vertical-align:middle">TEST</div>
  3. </div>
Go to the top of the page
+Quote Post
-schnitzeer-
post
Post #3





Goście







Witam. Zastosowałem powyższy kod, niestety nie działa w dalszym ciągu.. (IMG:style_emoticons/default/sad.gif)


Tak to wygląda u mnie:
  1. <div style="height: 135px; line-height: 135px; text-align: center;">
  2. <div style="display: inline; vertical-align: middle;">{ZDJECIE}</div>
  3. </div>
Go to the top of the page
+Quote Post
tomazino2
post
Post #4





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 11.02.2012

Ostrzeżenie: (0%)
-----


tak mysle że może by zastosować margin ?
Go to the top of the page
+Quote Post
mls
post
Post #5





Grupa: Zarejestrowani
Postów: 677
Pomógł: 89
Dołączył: 31.08.2003
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Nie wiem po co ten drugi DIV... Dodatkowo zdjęcie (znacznik IMG) musi posiadać w stylach "vertical-align: middle".

  1. <div style="height: 135px; line-height: 135px; text-align: center">{ZDJECIE}</div>
Go to the top of the page
+Quote Post
-schnitzeer-
post
Post #6





Goście







Już wyjaśniam. Do {ZDJECIE} nie mam dostępu, sklep nadaje tam kod i wrzuca coś takiego jak poniżej.

  1. <div style="height: 135px; line-height: 135px; text-align: center;">
  2. <span class="galleria_tryb4"><a href="..."><img alt="..." title="..." src="..." border="0"></a></span>
  3. </div>



Wrzuciłem więc dla IMG przez spana te funkcje i .... lipa >>>>macie jakieś pomysły?
.galleria_tryb4 img {
vertical-align: middle;
display: inline;
}
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 15:24