Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Logo jako link
Forum PHP.pl > Forum > Przedszkole
diron18
Witam. Na samym początku mówię, że szukałem odpowiedzi w Google i na tym forum, jednak odpowiedzi nie znalazłem. A problem jest taki, że na mojej stronce odsyłaczem do strony domowej była nazwa stronki znajdująca się po środku loga. Zrobiłem jednak lepsze logo z przerobioną odpowiednio czcionką... itd itd. I chcę żeby przenosiło mnie do strony głównej po kliknięciu tego loga, jednak nie wiem jak to zrobić. Oto kod jaki mam od początku:

  1. <td>
  2.  
  3. <h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1>
  4.  
  5. </td>
!*!
A logo to obrazek? A ten parametr wyświetla tylko tekst? Poszerz Link na całą szerokość obrazka/obszaru loga w css.
diron18
Sam rozwiązałem ten problem, znajdując na angielskiej stronie wskazówkę. Przedstawię Wam rozwiązanie jakby, ktoś kiedyś miał podobny problem.

Mój kod od wyświetlania loga i niby tego napisu jest taki:

  1. ...
  2. <body id="page_bg">
  3. <div id="wrapper">
  4. <div id="header">
  5. <div class="logo">
  6. <table cellpadding="0" cellspacing="0">
  7. <tr>
  8. <td>
  9. <h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1>
  10. </td>
  11. </tr>
  12. </table>
  13. </div>
  14. ...



A powinno być tak:

  1. ...
  2. <body id="page_bg">
  3. <div id="wrapper">
  4. <div id="header">
  5. <a href="index.php"><div class="logo">
  6. <table cellpadding="0" cellspacing="0">
  7. <tr>
  8. <td>
  9. </td>
  10. </tr>
  11. </table>
  12. </div></a>
  13. ...



No i dodatkowo w pliku CSS trzeba zmienić wielkość (a dokładniej wysokość) parametru 'logo', było 64px, a zmieniłem na 150px:

.logo {
width:670px;
height:150px;
padding:0 0 0 290px;
overflow:hidden;
}

.logo table tr td {
width:670px;
height:150px;
overflow:hidden;
vertical-align:middle;
}


Pozdro 4All cool.gif
tomekpl
jednym słowem masakra..
nie lepiej <a href="index.php"><img src="logo.jpg"></a>??
i chyba nie potrzebne te tabelki
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.