Takie same właściwości hiperłączy w całym menu. Inne wartości dla poszczególnych elementów.

0

Witam
Mam takie proste statyczne menu w jedno komórkowej tabeli.

1.POZYCJA MENU
Pod-pozycja
Pod-pod-pozycja.

-POZYCJA MENU w głównej tabeli
-Pod-pozycja w 1 komórkowej tabeli wstawionej w główną tabelę
-Pod-pod-pozycja wstawiona w powyższą pod-tabelę.

Wiem jak sformatować sobie poszczególne tabelki i zmienić czcionki.
Moje pytanie brzmi.

1.Jakiego kodu powinienem użyć żeby zdefiniować właściwości poszczególnych elementów mojego menu żeby:
I.POZYCJA MENU była hiperłączem ale bez podkreślenia. Po najechaniu na nią myszką była podkreślona i zmieniała kolor na zdefiniowany. Jako odwiedzony link miała zdefiniowany przeze mnie kolor.
II.Pod-pozycja menu miała takie same właściwości jak POZYCJA MENU tylko inne wartości dla nich. To znaczy inny zdefiniowany przeze mnie kolor po najechaniu myszką(też podkreślona) i miała inny kolor jako link już odwiedzony
III.Pod-pod-pozycja tak samo. Te same właściwości ale inne wartości dla nich

Żeby nie było że tylko proszę o gotowca to wcześniej definiowałem już takie właściwości dla hiperłączy umieszczonych w polu suwaka. Kod wyglądał następująco

<html>
<head>
<style type="text/css">
div.scroll
{
background-color:#E5E5E5;
width:210px;
height:300px;
overflow:scroll;
padding-left: 10px;
padding-top: 10px;
margin-left: 5px;
}
/* <![CDATA[ */
a:link { color: black }
a:hover { color: white }
/* ]]> */
</style>
</head>
<body>
<div align="left" class="scroll">
<font face="Comic Sans MS"><strong><a href=
          "docelowy-adres-mojegolinka.html"><span style="FONT-SIZE: 8pt">Tekst linka</span><br>
</div>
</body>
</html>

To czego nie wiem to właściwie co to jest to...

/* <![CDATA[ */
a:link { color: black }
a:hover { color: white }
/* ]]> */

Rozumiem że zostało to zastosowane do wszystkich elementów znajdujących się w divie
Teraz. Czy mam definiować 2 razy

/* <![CDATA[ */
a:link { color: black }
a:hover { color: white }
/* ]]> */

Dla każdego elementu mojej tabelki: POZYCJI, pod-pozycji, pod-pod-pozycji ?
Jak to zrobić? Jeśli to jest rozwiązanie
Czy da się osiągnąć efekty jakie chce bez użycia tego:

/* <![CDATA[ */
a:link { color: black }
a:hover { color: white }
/* ]]> */

Tylko definiując klasy. Przypisać klasę do tabeli i osobną klasę do tabelki która jest w środku? Oraz zdefiniować właściwość dla danej klasy?
W tym wypadku jakich właściwości powinienem użyć żeby osiągnąć opisany przeze mnie wcześniej rezultat?

pozycja była hiperłączem ale bez podkreślenia. Po najechaniu na nią myszką była podkreślona i zmieniała kolor na zdefiniowany. Jako odwiedzony link miała zdefiniowany przeze mnie kolor.

0 
<table class="menu"><tr><td>
  <a href="">menu1</a>
  <table><tr><td>
    <a href="">menu2</a>
    <table><tr><td>
      <a href="">menu3</a>
    </td></tr><table>
  </td></tr><table>
</td></tr><table>

table.menu a { color: red; }
table.menu table a { color: blue; }
table.menu table table a { color: green; }

mysle ze wnioski i dokonczenie kodu wyciagniesz sam ;)
podkreślenie lub jego brak uzyskujesz przez właściwość text-decoration (google za możliwymi właściwościami)
link odwiedzony definiujesz przez a:visited { /*tu wlasciwosci*/ }

i style ja bym przeniósł do osobnego pliku, i pozbył się tego /* <![CDATA[ */ ;)

i dlaczego robisz w ogóle stronę na tabelach?!

0

Dobrze
Color to właściwość określająca kolor hiperłącza przed najechaniem na niego myszką.
Text decoration to właściwość określająca wygląd hiperłącza przed najechaniem na niego myszką.

Czy mógłbyś podać właściwość:
1.Określającą kolor łącza po najechaniu na niego myszką?
2.Określającą wygląd łącza po najechaniu na niego myszką?(To czy ma być np podkreślone)

Czy robienie strony na tabelach to duży błąd? Divy mają jakąś znaczną przewagę nad tabelkami?

0

to są podstawy cssa, może poczytaj kurs?

a:hover { color: #666; text-decoration: underline; }

Co do tabel: O ile rozumiem, że ogarnięcie floata może być problemem i komuś wygodniej jest bawić się z rozjeżdzającymi się tabelkami i dwoma <td></td>, to o tyle przyczepiłem się, że nie ogarniam idei pakowania tabeli w tabele w tabele tylko po to zeby zrobic wielopoziomowe menu. Ma przewagę - tabelki służą do przechowywania wartości.. eee, tabelarycznych, czy jak to się zwało - czyli danych wiersz/kolumna: wartości. Przy bardziej skomplikowanym layoucie tabela Ci się pewnie rozsypie, będzie ograniczona. BARDZO duże znaczenie ma też semantyka - tabela w tabeli w tabeli - dla google to nic nie znaczy. za to stosowanie chociaż divów (nie mówiąc już o html5), akapitów, list, menu jako listy linków - powinno pomóc wyszukiwarkom (i ew przeglądarkom) w zrozumieniu treści Twojej strony.

1 użytkowników online, w tym zalogowanych: 0, gości: 1