Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Logo jako link
Forum PHP.pl > Forum > Przedszkole
matwiej
Kiedyś znalazłem ciekawy sposób na zrobienie by logo było za razem linkiem.
Polegało ono na tym że tworzyliśmy diva dla którego ustawialiśmy wysokość szerokość a jako ustawialiśmy właśnie nasze logo.
Następnie używaliśmy w divie " ".
Niestety nie mogę przypomnieć sobie jak dokładnie wyglądał kod. O czymś musiałem zapomnieć. Może ktoś jest w stanie mi pomóc ?
!*!
Nie prościej objąć <img> <a>? poza tym możesz <a> nadać display:block + background.
matwiej
Cytat(!*! @ 8.10.2012, 18:16:27 ) *
Nie prościej objąć <img> <a>? poza tym możesz <a> nadać display:block + background.

Prościej tylko chciałem zrobić aby było jako tło a nie jako obrazek.
Brakowało mi właśnie tego display. Dzięki bardzo
Dominator
  1. function przekierowanie(url)
  2. {
  3. window.location=url;
  4. }


  1. <div id="logo" onclick="przekierowanie('strona.html');"></div>
sunpietro
@Dominator, po co takie jakieś dziwne struktury i niepotrzebny JS?

@Matwiej, mozna to zrobić tak:
  1. <a id="logo" href="#" title="">[NAZWA STRONY]</a>
  2. #logo {
  3. display: block;
  4. width: 50px;
  5. height: 50px;
  6. text-overflow: ellipsis;
  7. -o-text-overflow: ellipsis;
  8. -webkit-text-overflow: ellipsis;
  9. white-space: nowrap;
  10. overflow: hidden;
  11. background: url() no-repeat;
  12. }

i gotowe. Ładnie, semantycznie i bez zbędnych udziwnień.
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.