Skocz do zawartości

Problem z css'em - niewidoczne linki


Gość

Rekomendowane odpowiedzi

Mam lekki problem ze swoim css'em. Linki w stopce wyświetlają się czarne, tło też jest czarne. Linki nie mają w kodzie żadnych font style, więc problem leży chyba po stronie css'a.

Którą wartość muszę zmienić, aby linki wyświetlały się np. zielone a nie prawie czarne?

body {
font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
word-spacing:2px;
color:#444;
margin:20px;
background:url(images/body.jpg) top repeat-x #121212;
background-attachment:fixed;
}

* {
margin:0;
padding:0;
}

#wrapper {
background:#fff;
border:3px solid #ccc;
max-width:1200px;
min-width:760px;
margin:0 auto;
}

* html #wrapper
{
max-width:1200px;
min-width: 760px;
}

#innerwrapper {
margin:1px;
background:url(images/innerwrapper.jpg) top repeat-x;
padding:20px;
}

#header input {
width:150px;
padding:5px;
background:#fff;
border:2px solid #f6f6f6;
font:150% Arial;
color:#999;
}

#header input:hover {
border:2px solid #ccc;
}

#header input:focus {
border:2px solid #79B5D6;
color:#555;
}

#header form {
padding:27px 25px 20px 25px;
float:right;
background:#fff;
width:160px;
margin:-20px -20px 0 0 !important;
margin:-20px -10px 0 0;
border:none;
}

#header h1 {
float:left;
font:250% Georgia;
color:#333;
padding:5px 20px 5px 5px;

margin:0 20px 0 0;
}

#header h1 a {
color:#333;
text-decoration:none;

}

#header h1 a:hover {
color:#111;

}

#header h2 {
font:150% Georgia;
font-weight:normal;
color:#555;
padding:14px 0 0 0;
border:none;
}

#header h2 a {
text-decoration:none;
border-bottom:2px solid #f6f6f6;
}


#header #nav {
clear:both;
background:url(images/nav.jpg) top repeat-x #4F9EC9;
border-bottom:2px solid #4F9EC9;
border-top:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
padding:10px 10px 10px 0 !important;
padding:4px 10px 10px 0;
}

#header a em {
font-style:normal;
text-decoration:underline;
}

#header #nav a {
font:120% Arial;
text-decoration:none;
font-weight: bold;
padding:8px;
}

#header #nav a:hover {
background:#4F9EC9;
}

#header #nav a.active {
background:#4F9EC9;
}

#header #nav li {
display:inline;
list-style:none;
margin:0 1px 0 0;
}

#header #subnav {
background:#4F9EC9;
padding:5px 7px 7px 7px;
font:90% Verdana;
color:#DEEDF5;
border-bottom:2px solid #388CBA;
border-left:2px solid #388CBA;
border-right:2px solid #388CBA;
}

#header #subnav li {
list-style:none;
display:inline;
}

#header #subnav a {
color:#DEEDF5;
text-decoration:none;
font:100% Verdana;
padding:5px;
border-bottom:2px solid #4F9EC9;
}

#header #subnav a:hover {
border-bottom:2px solid #388CBA;
}

#header #subnav a.active {
border-bottom:2px solid #388CBA;
}


#sidebar {
width:170px;
padding:10px 0px 0px 20px;
float:left;
color:#666;
}

#sidebar h2 {
font:160% Arial;
color:#333;
margin:10px 0 10px 0;
border:none;
}

#sidebar h3 {
color:#999;
font:100% Verdana;
font-weight:bold;
letter-spacing:1px;
margin:0 0 -10px 0;
}

#sidebar p {
margin:15px 0;
}

#sidebar p.news {
background:#fefefe;
}

#sidebar p.news a.more {
display:block;
text-align:right;
font:80% Verdana;
text-transform:uppercase;
letter-spacing:1px;
text-decoration:none;
padding:10px 0;
}

#sidebar p.news a:hover {
color:#666;
}

#sidebar .subnav {
border-top:1px solid #fafafa;
}

#sidebar .subnav li {
list-style:none;
border-bottom:1px solid #fafafa;
}

#sidebar .subnav li a {	
color:#666;
text-decoration:none;
display:block;
}

#sidebar .subnav li a:hover {
color:#666;
}

#sidebar .subnav li a b {
float:right;
display:none;
color:#666;
}

#sidebar .subnav li a:hover b {
display:inline;
}

#sidebar input {
padding:2px;
background:#f6f6f6;
border:1px solid #ccc;
color:#666;
font:90% Verdana;
}

#sidebarright {
width:170px;
float:right;
padding:10px 0 0 20px;
background:url(images/sidebarright.jpg) top left no-repeat;
}

#sidebarright p {
font:90% Verdana;
color:#777;
line-height:20px;
margin:10px 0;
}

#sidebarright h2 {
font:160% Arial;
color:#333;
margin:10px 0;
border:none;
}

#sidebarright ul {
margin:10px 0 10px 15px;
font:90% Verdana;
}

#sidebarright ul li {
margin:5px 0;
}

#sidebarright a {
border-bottom:1px dotted #eee;
color:#444;
text-decoration:none;
}

#sidebarright a:hover {
border-bottom:1px dashed #ccc;
}


#content {
margin:0 200px 0 200px;
padding:20px 0 0 20px;
}

#contentnorightbar {
margin:0 0 0 240px;
padding:20px 0 0 20px;
}

p {
margin:15px 0;
line-height:22px;
}

h2 {
font:160% Arial;
color:#79B933;
border-bottom:2px solid #f6f6f6;
}

h2 a {
color:#79B933;
text-decoration:none;
}

h2 a:hover {
color:#5F9128;
}

h4 {
font-family: Arial;
font-weight: bold;
color:#79B933;
}

h4 a {
color:#79B933;
text-decoration:none;
}

h4 a:hover {
color:#5F9128;
}


#footer {
clear:both;
border-top:1px solid #0060DB;
padding:10px;
margin:30px 0 0;
}

a {
color:#222;
}

a:hover {
text-decoration:none;
}

h3 {
font:140% "Trebuchet MS";
margin:10px 0;
}

#content ul {
margin-bottom: 3px;
color:#333;
}
#content ul span {
color:#444;
}
#contentnorightbar ul {
margin:15px 0 15px 20px;
line-height:25px;
padding:15px 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
color:#79B933;
}
#contentnorightbar ul span {
color:#444;
}

img {
padding:1px;
border: 0px;
}

form {
padding:10px;
border:1px dotted #ccc;
}

label {
display:block;
font-weight:bold;
color:#444;
margin:5px 0;

}
input {
padding: 2px;
margin: 2px;
border :1px dotted #ccc;
font:90% Verdana;
color:#666;
}

textarea {
padding:4px;
font:90% Verdana;
border:1px solid #eee;
height:200px;
display:block;
color:#777;
}

p img {
float:left;
margin:0 10px 0 0;
}

blockquote p {
font:160% Georgia;
color:#aaa;
padding:0 10% 0 0;
line-height:30px;
}

/* AutoCompletion CSS */

#autocompletion {
border: 1px solid #999;
background: #fafafa;
text-align: left;
 }
 #autocompletion ul {
margin: 0;
padding: 0;
list-style: none;
 }
 #autocompletion li {

 }
 #autocompletion a {
display: block;
padding: .2em .3em;
text-decoration: none;
color: #333;
 }
 .selected {
background: #CCC;
 }

#feed {
color: #0098EF;
font-weight: bold;
}

.vote a{
color: #119FF0;
font-size: 28px;
font-weight: bold;
}

.votetable {
background: white;
width : 70px;
height: 92px;
margin-right: 5px;
}

/*ajout resux*/
.votelargeur {width: 80px;}

a.cat_display {
text-decoration: none;
font-weight: bold;
font-size: 12px;
color:#8CC739;
}

a.subcat_display {
text-decoration: none;
font-size: 10px;
border-bottom : 1px dotted #CCC;
}

.lien {
text-align: justify;
}

.lien a, .lien a:hover {
font-size: 12px;
color: #8CC739;
text-decoration: underline;
font-weight: bold;
}

.lien span {
color: #F7560F;
}

.ariane {
color: #A9A9A9;
}

.ariane a {
color: #A9A9A9;
text-decoration: underline;
font-weight: normal;
font-size: 11px;
}

.ariane a:hover {
color: #A9A9A9;
text-decoration: none;
font-weight: normal;
font-size: 11px;
}

.sitetable {
background: #F7F7F7;
width: 100%;
border: 1px dashed #CCC;
vertical-align : top;
}

.sitetd {
border: 1px solid #CCC;
}

.warning {
background: #CFEBF7 url(images/notice.png) no-repeat 1em;
border: 2px solid #000;
text-align: center;

padding: 10px;
font-family: tahoma, verdana;
font-weight: bold;
max-width: 780px;
}


/* Onglets fiche site */
#container {
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

#container hr {
clear: both;
border: 1px solid #CCC;
margin-top: 10px;
}

#container ul#menu {	
font-weight: bold;
}
#container ul#menu li {
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
display: inline;
margin: 5px;
}
#container ul#menu li a {
text-decoration: none;

}
#container ul#menu li a:hover {
text-decoration: underline;
color: #333333;
}
#container h1,
#container h2 {
margin: 0.5em 0 0.5em 0;
font-size: 1.4em;
}
#container .content {
border: 1px solid #d5d5d5;
padding: 10px;
}

#container a.current {
padding: 3px 7px;
border: 1px solid #d5d5d5;
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}
#container a.ghost  {
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #d5d5d5;
color: #333333;
background: white url(images/shade.gif) top left repeat-x;
}
#container .on {
display: block;
}
#container .off {
display: none;
}

Pozdrawiam

Odnośnik do komentarza
Udostępnij na innych stronach

a {

color:#222;

}

a:hover {

text-decoration:none;

Daj np:

a {

color:red;

text-decoration:none;

}

a:hover {

color:white;

text-decoration:none;

}

A jak to nie zadziała to zamiast tego a{ ...} i a hover

daj ten kod:

a:link{color:red;text-decoration:none;}

a:hover{color:green;text-decoration:none;}

Odnośnik do komentarza
Udostępnij na innych stronach

Podaj link do strony, bo masz duzo identyfikatorow i nie wiadomo ktory jest bledny.

Sztuczna inteligencja (AI, artificial intelligence) to szeroka klasyfikacja przetwarzania danych. Machine Learning to technika przetwarzania danych, która umożliwia wykorzystanie przez komputery istniejących danych w celu przewidywania przyszłych zachowań, rezultatów i trendów. Drugie podejście to uczenie maszynowe (machine learning), czyli technika nauki o danych.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności