[CSS][HTML]h1 + obrazek Opcje

[luckyNumber91]

witam.

wie ktos moze jak zrobic naglowek razem z obrazkiem?

Chodwi mi mniej wiecej o cos takiego, jak na tej stronce, naglowek general contractorship:

http://www.budner.pl/en/general-contractorship

Pzdr

[d3ut3r]

Można to zrobić na przykład tak:

[HTML] pobierz, plaintext 
<h1 id="logo">
    <a href="#" title="nazwa firmy">Nazwa firmy</a>
</h1>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
h1#logo{
  display:block;
  width:255px;
  height:76px;
  background:url("logo.jpg") no-repeat;
}
 
h1#logo a{
  display:block;
  width:100%;
  height:100%;
  padding-left:78px;
  padding-top:22px;
}
[CSS] pobierz, plaintext 

Oczywiście musisz pobawić się paddingami i rozmiarami i dopasować je do swojej czcionki i obrazka

[luckyNumber91]

fajnie, Dzieki d3ut3r, dziala elegancko. tylko jedno male ale. mozna tag <a> zatsapic czyms innym? moj tytul nie ma byc linkiem, tylko normalnym tekstem.

pzdr

[gigzorr]

fajnie, Dzieki d3ut3r, dziala elegancko. tylko jedno male ale. mozna tag <a> zatsapic czyms innym? moj tytul nie ma byc linkiem, tylko normalnym tekstem.

pzdr

Tak, użyj np. <p>

Ten post edytował gigzorr 23.01.2011, 11:14:21

[d3ut3r]

możesz usunąć a i w css dać tło do h1 i padding left żeby tekst przesunąć obok tła (loga), ewentualnie możesz dać zamiast <a> inny element liniowy (chyba tak to się nazywa ) np. <span> , <p> nie dawaj bo się nie zwaliduje.

[luckyNumber91]

ze <span>'em dziala elegancko. dzieki

pzdr