Forum PHP.pl > Wyśrodkowanie nagłówka z obrazkiem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wyśrodkowanie nagłówka z obrazkiem

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

intruz

28.12.2012, 11:56:12

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

[HTML] pobierz, plaintext 
<div style='display:block'>
    <div style='display:inline;float:left'>
       tutaj obrazek
    </div>
    <div style='display:inline;float:left'>
       <h1> naglowek </h1>
    </div>
</div>
[HTML] pobierz, plaintext

Jak to wyśrodkować ?

pehaperowiec

28.12.2012, 14:44:28

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>

JoShiMa

8.01.2013, 02:12:32

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

Pawel_W

8.01.2013, 02:22:48

podaj width w %

PS: float wymusza na elemencie display: block, więc to inline jest niepotrzebne

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.