Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Wyśrodkowanie nagłówka z obrazkiem
intruz
post 28.12.2012, 11:56:12
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 28.12.2012

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


W jaki sposób wyśrodkować nagłówek składający się z 2 kolumn. Lewa = obrazek, prawa = tekst wzięty w h1.

  1. <div style='display:block'>
  2. <div style='display:inline;float:left'>
  3. tutaj obrazek
  4. </div>
  5. <div style='display:inline;float:left'>
  6. <h1> naglowek </h1>
  7. </div>
  8. </div>


Jak to wyśrodkować ?
Go to the top of the page
+Quote Post
pehaperowiec
post 28.12.2012, 14:44:28
Post #2





Grupa: Zarejestrowani
Postów: 91
Pomógł: 8
Dołączył: 26.09.2011

Ostrzeżenie: (10%)
X----


Kod
    <div style='width:500px;margin:0 auto;overflow:hidden;'>
    <div style='width:250px;float:left'>
    tutaj obrazek
    </div>
    <div style='width:250px;float:left'>
    <h1> naglowek </h1>
    </div>
    </div>
?

Ten post edytował pehaperowiec 28.12.2012, 14:45:05
Go to the top of the page
+Quote Post
JoShiMa
post 8.01.2013, 02:12:32
Post #3





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

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


A jak to zrobić jak się nie zna ostatecznej wysokości tych diwów (nagłówek generowany dynamicznie)?


--------------------
Go to the top of the page
+Quote Post
Pawel_W
post 8.01.2013, 02:22:48
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


podaj width w %

PS: float wymusza na elemencie display: block, więc to inline jest niepotrzebne wink.gif
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 Wersja Lo-Fi Aktualny czas: 11.08.2025 - 06:47