Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]h1 + obrazek
Forum PHP.pl > Forum > Przedszkole
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:

  1. <h1 id="logo">
  2. <a href="#" title="nazwa firmy">Nazwa firmy</a>
  3. </h1>


  1. h1#logo{
  2. display:block;
  3. width:255px;
  4. height:76px;
  5. background:url("logo.jpg") no-repeat;
  6. }
  7.  
  8. h1#logo a{
  9. display:block;
  10. width:100%;
  11. height:100%;
  12. padding-left:78px;
  13. padding-top:22px;
  14. }


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
Cytat(luckyNumber91 @ 23.01.2011, 11:03:13 ) *
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>
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 smile.gif ) np. <span> , <p> nie dawaj bo się nie zwaliduje.
luckyNumber91
ze <span>'em dziala elegancko. dzieki

pzdr
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.