Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> CEntrowanie wewnatrz DIV'a, ^
toth
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 27.12.2004

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


Czy ktos wie jak zrealizaowac taki uklad?

  1. <div style="height:20px;">
  2. <img src="obrazek.gif"></img>
  3. </div>


Obrazek ma 10px wysokosci i chcialbym aby byl wysrodkowany pionowo wewnatrz
tego DIV'a. Malo tego smile.gif chcialbym aby byl tak samo widoczny w mozilli jak i w IE.

Wiem ,ze moze byc to zwiazane z Box Model Hack ale nie potrafie do tego dojc.
Moze ktos wie albo ma jakis pomysl?

Pozdrawiam
toth
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Najprościej to ustawiasz w divie text-align:center, i masz wyśrodkowany obrazek. A w stylach obrazka ustawiasz padding:5px i masz w pionie wyśrodkowany.
  1. <div style="height:20px;text-align:center">
  2. <img src="obrazek.gif" style="padding:5px" />
  3. </div>

Poza tym co to jest </img> ? Koledze się chyba coś pomerdało smile.gif


--------------------
-------------

------
Go to the top of the page
+Quote Post
toth
post
Post #3





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 27.12.2004

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


ale padding jest roznie interpretowany przez przegladarki. Wlasnie chodzi mi o to ,ze padding bedzie dobrze wygladal w Mozilli ale w IE rozszerzy mi DIV'a.

I sorry za </img> - dobiero 9 smile.gif
Go to the top of the page
+Quote Post
revyag
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Masz rację rozszerzy, dla IE trzeba zrobić mały trick smile.gif IE domyślnie ustawia sobie wielkość czcionki, nie wiem na ile, ale tu jest właśnie problem.
Update smile.gif
  1. <div style="height:20px;text-align:center;font-size:2px">
  2. <img src="obrazek.gif" style="padding:5px" />
  3. </div>


--------------------
-------------

------
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 08:21