Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] kolor linków
Forum PHP.pl > Forum > Przedszkole
HaMtAr0
Witam, mam pewien problem z stylami, natomiast chcę żeby miały określony kolor ( czarny )
tutaj klasa:
  1. <p class="menu">
  2. <a href="?module=domyslne">Strona główna</a>
  3. <a href="?module=media">Filmy Zdjęcia</a>
  4. <a href="?module=ksiegagosci">Księga gości</a>
  5. <a href="?module=linki">Linki</a>
  6. <a href="./forum">Forum</a>
  7. </p>

i plik style css
Kod
/* SELEKTORY: */
body
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14pt;
    color: #003868;
    background-color: #DEE3E7;
    leftmargin: 0;
    topmargin: 0;
    marginwidth: 0;
    marginheight: 0;
    margin: 0;
    padding: 0;
}
p:menu {
a:link { color: #000000 }
a:visited { }
a:hover { }
a:active { font-style: bold; color: #FFFFFF; }
}
a:link { }
a:visited { }
a:hover { }
a:active { font-style: bold; color: #FFFFFF; }


Napisze mi ktoś co robię źle?
JaRoPHP
Cytat(HaMtAr0 @ 25.02.2007, 19:32:45 ) *
Witam, mam pewien problem z stylami, natomiast chcę żeby miały określony kolor ( czarny )
Zdanie kompletnie nie zrozumiałe...

Przyda Ci się kurs CSS: CSS Tutorial

Poza tym:
1. Klasę w css, oznacza się kropką, a nie dwukropkiem.
2. Kod jest zły:
  1. p:menu {
  2. a:link { color: #000000 }
  3. a:visited { }
  4. a:hover { }
  5. a:active { font-style: bold; color: #FFFFFF; }
  6. }
Jeżeli chcesz, aby kolor dotyczył odnośników umieszczonych w akapicie (oznaczonych klasą menu), powinieneś skorzystać z zapisu:
  1. p.menu a:link { color: #000000; }
  2. p.menu a:visited { }
  3. p.menu a:hover { }
  4. p.menu a:active { font-style: bold; color: #FFFFFF; }
HaMtAr0
postanowiłem to inaczej zrobic, sklepałem cos takiego:
Kod
a#menu a:link { color: #FFFFFF; }
a#menu a:visited { color: #000000; }

korzystam z kursu browsehappy i kurshtml.boo.pl, ale tam o linkach nie jest wspomniane...
JaRoPHP
Do przedstawionego kodu:
  1. a#menu a:link { color: #FFFFFF; }
  2. a#menu a:visited { color: #000000; }

Masz odnośnik w odnośniku?questionmark.gif
Zastanów się nad tym...
HaMtAr0
Cytat(JaRoPHP @ 25.02.2007, 21:08:34 ) *
Do przedstawionego kodu:
  1. a#menu a:link { color: #FFFFFF; }
  2. a#menu a:visited { color: #000000; }

Masz odnośnik w odnośniku?questionmark.gif
Zastanów się nad tym...

faktycznie, nie pomyślałem o tym, podpowiesz mi jak to powinno wyglądać?
JaRoPHP
Cytat(HaMtAr0 @ 25.02.2007, 20:12:18 ) *
podpowiesz mi jak to powinno wyglądać?

Trudno powiedzieć. Zależy od Twojej strony (jej struktury).
Część osób tworzy linki (w postaci menu), za pomocą listy wypunktowanej - wtedy można dać elementowi <ul> identyfikator.
Kisiol_Ent
Kod
p.menu a
{
color: black;
}


Na twoje menu zadziała.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.