Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Takie same właściwości hiperłączy w całym menu. Inne wart. dla każdego elementu - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Takie same właściwości hiperłączy w całym menu. Inne wart. dla każdego elementu (/thread-takie-same-wla%C5%9Bciwo%C5%9Bci-hiperlaczy-w-calym-menu-inne-wart-dla-kazdego-elementu)



Takie same właściwości hiperłączy w całym menu. Inne wart. dla każdego elementu - bukichektor - 16-12-2011

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
Kod:
<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 na linku</span><br>
</div>
</body>
</html>

To czego nie wiem to właściwie co to jest to...
Kod:
/* <![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
Kod:
/* <![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:
Kod:
/* <![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.