[HTML] Menu problem Opcje

[marcin0077]

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

[MajareQ]

Skoro robisz <a...> na sam tekst to masz link tylko do tekstu...

zamiast:

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

zrób cosik taki:

[HTML] pobierz, plaintext 
<A HREF="index.html"><td bgcolor=#5bc9fc HEIGHT=30 style="cursor: hand; padding-left:5;" onMouseOver='onColor(this);' onMouseOut='offColor(this)'><b>Strona główna</b></td></A>
[HTML] pobierz, plaintext 

[marcin0077]

tylko tak nie działa właśnie pod mozillą (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Ten post edytował marcin0077 18.10.2008, 20:29:38

[MajareQ]

Zainteresuj się CSS'em i divami.
Pod FF na pewno zadziała.

[marcin0077]

mógłbym prosić o jakąś podpowiedź bo nie mam pojęcia jak przekształcić to na divy

[hiszpanespaniol]

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

[HTML] pobierz, plaintext 
td a {display: block; height: 30px}
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
padding-left: 10px;
 
padding-top: 10px;
[HTML] pobierz, plaintext 

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

[MajareQ]

Hiszpanku, skoro już tak ujmujesz sprawę to argumentuj swoje twierdzenia.

hiszpan@down: coś nie do końca mówisz prawdę...

Ten post edytował MajareQ 19.10.2008, 09:26:19

[marcin0077]

ten sposób nie jest do końca dobry ponieważ mam nie tylko w menu <td> i mi rozwala inne tabele ;/

[hiszpanespaniol]

jeżeli ten css działa też na inne tabele, to zidentyfikuj jakoś tą konkretną tabelę albo odnośniki w niej. Możesz np. nadać im klasę css, albo całej tabeli menu identyfikator dać i później jego nazwą poprzedzić definicję css. Sposób jest dobry, ale podkreślam, że to jest najszybszy (nie najlepszy) sposób, żeby Ci zadziałało jak chcesz.

Majareq: oto moja argumentacja (a raczej w3c):

# document type does not allow element "A" here; missing one of "TH", "TD" start-tag .

<a href="#"><td>komórka</td></a>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
# Error Line 16, Column 15: document type does not allow element "TD" here .

<a href="#"><td>komórka</td></a>

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

test zrobiłem dla 4.01 TRANSITIONAL


Pomijając wyniki z walidatora, mogą podać jeszcze takie argumenty:

- tabela służy do wyświetlania danych tabelarycznych (trochę już oklepany tekst, ale słuszny)

- odnośnikiem powinien być tekst lub obrazek, jak logika wskazuje, a nie komórka tabeli. Komórka będąca odnośnikiem jest jak.... laptop którym bijesz brawo komuś zamykając go i otwierając.

- nie powinieneś komuś takich rzeczy radzić, bo jesli tak się nauczy i kiedyś gdzieś da podobny kod i ktoś go wyśmieje, to powie "na forum php tak mi poradzili i to był ktoś kto ma dużo "pomógł"



Czy to jest wystarczająca argumentacja?

[marcin0077]

hehehe bez kłótni chłopacy (IMG:http://forum.php.pl/style_emoticons/default/haha.gif)
stworzyłem osobną klasę i działa
może komuś się przyda:

.css

Kod

a.menu:link {
display:block;

width:160px;

height:20px;
}
a.menu:visited {
display:block;

width:160px;

height:20px;
}
a.menu:hover {
display:block;

width:160px;

height:20px;
}
a.menu:active {
display:block;

width:160px;

height:20px;

}

link:

Kod

<a class="menu" HREF="index.html"><b>Strona Główna</b></A>

[hiszpanespaniol]

prościej będzie tak:

[HTML] pobierz, plaintext 
a.menu {
 
display: block;
 
width: 160px;
 
height: 20px;
 
}
[HTML] pobierz, plaintext 

lub jeśli wolisz, to tak: 

[HTML] pobierz, plaintext 
a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {display: block;
 
width: 160px;
 
height: 20px;
 
}
[HTML] pobierz, plaintext 

nie ma potrzeby mnożenia tego samego kodu

[marcin0077]

okej dzięki ;]