Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Menu problem
marcin0077
post
Post #1





Grupa: Zarejestrowani
Postów: 94
Pomógł: 0
Dołączył: 18.10.2008

Ostrzeżenie: (10%)
X----


Witam

Robię stronkę www która oczywiście zawiera menu i mam pewien problem zrobiłem takie niby guziki tylko jak robię link to jest do samego tekstu a nie do całego guzika i nie mam pojęcia jak to zmienić ;/
Kod
<table width=170 height=150 border=0 cellPadding=0 bgcolor=#000000 cellSpacing=1><tr>

<td bgcolor=#5bc9fc HEIGHT=30 style="cursor: hand; padding-left:5;" onMouseOver='onColor(this);' onMouseOut='offColor(this)'>

<A HREF="index.html"><b>Strona główna</b></A>
</td>

</TR>
<tr>

<td bgcolor=#5bc9fc HEIGHT=30 style="cursor: hand; padding-left:5;" onMouseOver='onColor(this);' onMouseOut='offColor(this)'>

<A HREF="222222.html"><b><font color="red">222222</font></b></A>
</td>

</TR>

<tr>

<td bgcolor=#5bc9fc HEIGHT=30 style="cursor: hand; padding-left:5;" onMouseOver='onColor(this);' onMouseOut='offColor(this)'>

<A HREF="333333.html"><b>333333</b></A>
</td>

</TR>
<tr>

<td bgcolor=#5bc9fc HEIGHT=30 style="cursor: hand; padding-left:5;" onMouseOver='onColor(this);' onMouseOut='offColor(this)'>

<A HREF="444444.html"><b>444444</b></A>
</td>

</TR>
<tr>

<td bgcolor=#5bc9fc HEIGHT=30 style="cursor: hand; padding-left:5;" onMouseOver='onColor(this);' onMouseOut='offColor(this)'>

<A HREF="555555.html"><b>555555</b></A>
</td>


</TR>

<TR><TD></TD>

</tr></table>

Pomoże ktoś?

Ten post edytował marcin0077 18.10.2008, 19:43:19
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
hiszpanespaniol
post
Post #2





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

Ostrzeżenie: (0%)
-----


najszybszym sposobem, aby Twój kod zadziałał jak oczekujesz będzie dodanie takiego css'a:



  1. td a {display: block; height: 30px}




Prawdopodobnie będzie Ci wtedy przeszkadzać, że tekst menu nie jest wysrodkowany w "guziku", więc dopisz do poprzedniego:



  1. padding-left: 10px;
  2.  
  3. padding-top: 10px;




manipulując paddingiem pamiętaj o odpowiednim zmniejszeniu wysokości (o taką sama ilość pikseli).



co do 1szej rady którą dostałeś od ~MajareQ: nie wolno obejmowac komórek tabeli znacznikiem "a", to kompletnie złe rozwiązanie i niezgodne z żadnym standardem. Co do drugiej rady, to popieram, zainteresuj sie css.



Poza tym nie próbuj od razu tworzyć tego menu na div'ach, bo to takie samo prawie podejście jak z obejmowaniem komórek odnośnikiem.

Menu jest swego rodzaju LISTĄ dostępnych stron, więc stosuje sie do niego.... listy html, nie div'y

Listę można ostylować dokładnie tak jak div'y.

Generalnie twórz stronę z wyłączonymi stylami i pisz zgodnie z przeznaczeniem znaczników i tekstu (nagłówki to H1, H2 itd; menu to lista, treść to paragrafy).



~MajareQ - jezeli już dawac rady, to prawidłowe

powód edycji: poprawa literówki

Ten post edytował hiszpanespaniol 18.10.2008, 21:53:03
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 22:50