[CSS][HTML]Obrazek w jednej lini z h2 Opcje

[Tom:-)]

Jak powinien wyglądać HTML oraz CSS aby do h2 dodać na początku obrazek i żeby było wszystko w jednej linii (vertical-align:middle)

Całość będzie się mieścić w div:

[HTML] pobierz, plaintext 
    background-image:url(images/21.jpg);
    background-repeat:repeat-x;
    height:35px;
[HTML] pobierz, plaintext 

Ten post edytował Tom:-) 5.09.2011, 00:35:11

[gargamel]

Żeby tekst h2 rozpoczynał się obrazkiem, najlepiej rozwiązać to w ten sposób:

[CSS] pobierz, plaintext 
h2 { background-image:url('sciezka/do/obrazka.jpg'); background-repeat:no-repeat; background-position: left center; }
[CSS] pobierz, plaintext 

Aby dodatkowo wyśrodkować go w pionie, należy dodatkowo dopisać do niego klasę:

[CSS] pobierz, plaintext 
.centred { line-height:10px; }
[CSS] pobierz, plaintext 

gdzie oczywiście nie wpisujesz przykładowych 10px, tylko wysokość otaczającego elementu.

Ten post edytował gargamel 5.09.2011, 13:12:05