css z linkami. Opcje

[emilsiwy]

Witam,


Zaczynam pisać stronkę która bazuje na pliku index.php. Oczywiscie w tym pliku w HEAD mam kod:

[HTML] pobierz, plaintext 
<link rel="styl" href="styl.css" type="text/css" />
[HTML] pobierz, plaintext 

W pliku index.php jest include do lewego menu którego kod wygląda tak:

[HTML] pobierz, plaintext 
<table style="margin-bottom: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td width="11"><img src="skorka/grafika/menu.gif" alt=""></td>
    <td width="100" class="uni_01" style="font-weight: bold;"> Główne Menu
 </tr>
    <tr>
    <td colspan="2" class="block">
 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="link" style="text-decoration: none;">
<img src="skorka/grafika/p.gif">
<a href="index.php">strona główna</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=1">podstrona 1</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=2">podstrona 2</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=3">podstrona 3</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=4">podstrona 4</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=5">podstrona 5</a>
</td></td>
</tr>
</table>
 
<BR>
[HTML] pobierz, plaintext 

Z tego całego kodu chodzi mi o:

[HTML] pobierz, plaintext 
<td class="link" style="text-decoration: none;">
[HTML] pobierz, plaintext 

...


Jak widać odwołanie do klasy która wygląda tak:
.link { text-decoration: none; color: #666666}

Dlaczego gdy odwołuje się do klasy nadal mam nieładne linki z podkreśleniem?

Pozdrawiam

[Shili]

Kod

.link, .link a    { text-decoration: none; color: #666666}

Wyjaśnienie jest takie, że elementy a nie dziedziczą po nadrzędnych elementach.

@edit
Przepraszam za skrót myślowy - element a odziedziczy style w momencie, gdy zostaną określone dla innego z elementów a znajdujących się wyżej w drzewie dokumentu - nie dziedziczy po zwykłych, nieodnośnikowych, elementach.
Chyba zakręciłam ^^

Ten post edytował Shili 18.07.2008, 22:19:48

[emilsiwy]

Nadal to samo :/

[Shili]

Niemożliwe.
Podaj, jeśli możesz cały kod.

[emilsiwy]

KOD lewego MENU

[HTML] pobierz, plaintext 
<table style="margin-bottom: 1px;" width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td width="11"><img src="skorka/grafika/menu.gif" alt=""></td>
    <td width="100" class="uni_01" style="font-weight: bold;"> Główne Menu
 </tr>
    <tr>
    <td colspan="2" class="block">
 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="link" style="text-decoration: none;">
<img src="skorka/grafika/p.gif">
<a href="index.php">strona główna</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=1">podstrona 1</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=2">podstrona 2</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=3">podstrona 3</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=4">podstrona 4</a><br />
<img src="skorka/grafika/p.gif">
<a href="index.php?strona=5">podstrona 5</a>
</td></td>
</tr>
</table>
 
<BR>
[HTML] pobierz, plaintext 

KOD klasy

[HTML] pobierz, plaintext 
.link, .link a	{ text-decoration: none; color: #666666}
[HTML] pobierz, plaintext 

Ten post edytował emilsiwy 18.07.2008, 22:24:18

[Shili]

Chodziło mi bardziej o cały css i cały kod - ciężko tak powiedzieć, czy jakiś styl nie nadpisuje stylu odnośnika.
Swoją drogą po kolorze dodaj średnik

[emilsiwy]

[HTML] pobierz, plaintext 
body {
    font-family: Arial;
    font-size: 12px;
    }
 
.news { 
  font-family: Verdana; 
  font-size: 11px; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  color: #666666;
} 
 
 
.title2 { 
  font-family: Tahoma; 
  font-size: 10px; 
  padding-top: 0px; 
  padding-right: 3px; 
  padding-bottom: 0px; 
  padding-left: 3px; 
  color: #000000;
}
 
 
.menu {
  font-family: Verdana;
  font-size: 4px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #666666;
}
 
.uni_01 {
  font-family: Verdana;
  font-size: 11px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  color: #555555;
}
 
.block {
  font-family: Verdana;
  font-size: 11px;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  color: #666666;
}
 
.link, .link a    { text-decoration: none; color: #666666;}
[HTML] pobierz, plaintext 

a ten kod co podalem to całość w pliku index.php nie uzywam klas.

[Shili]

U mnie nie podkreśla o_0

[emilsiwy]

nie wiem czy moge dac linka do strony ale:

leczyca.hostsms.pl/

[Shili]

Wiesz, problem jest jeden - nie czyta Ci żadnego stylu z tego arkusza stylów.
Nie jestem w stanie powiedzieć czemu, być może za późna pora na to, a może po prostu jestem ślepa. W każdym bądź razie jeszcze popatrzę.

Przyjrzyj się temu, albo w arkuszu stylów dodaj czerwone tło dla body. Sprawdź czy się zmieni.

Ten post edytował Shili 18.07.2008, 22:49:45

[emilsiwy]

Ok pobiera wszystko ladnie tylko chcialem jeszcze zrobic by po najechaniu na link zmienialo barwe.

Ten post edytował emilsiwy 18.07.2008, 23:12:45

[starach]

a:hover { color:rgb(200,0,0); } /* Czy jaki tam chcesz */

[emilsiwy]

czy to ma wyglądać tak?

[HTML] pobierz, plaintext 
.link, .link a { text-decoration: none; color: #666666}
.link a:hover { color:rgb(200,0,0); }
[HTML] pobierz, plaintext 

[Shili]

Tak

[cybertix]

Zaczynam pisać stronkę która bazuje na pliku index.php. Oczywiscie w tym pliku w HEAD mam kod:

[HTML] pobierz, plaintext 
<link rel="styl" href="styl.css" type="text/css" />
[HTML] pobierz, plaintext 

pierwszy raz widze że tak sie robi(może sie myle )
zewnętrzny plik arkusza stylów CSS dołącza sie chyba tak :

Kod

<link rel="stylesheet" href="styl.css" type="text/css" />

edit : Sory za mały odkop

Ten post edytował cybertix 20.10.2008, 16:53:19