Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] kolor linków
HaMtAr0
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 29.12.2006

Ostrzeżenie: (0%)
-----


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?
Go to the top of the page
+Quote Post
JaRoPHP
post
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

Ostrzeżenie: (0%)
-----


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; }


Ten post edytował JaRoPHP 25.02.2007, 19:46:35


--------------------
Kto pyta, nie błądzi...
Kto zbłądził, ten pyta...
Go to the top of the page
+Quote Post
HaMtAr0
post
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 29.12.2006

Ostrzeżenie: (0%)
-----


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...
Go to the top of the page
+Quote Post
JaRoPHP
post
Post #4





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

Ostrzeżenie: (0%)
-----


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...


--------------------
Kto pyta, nie błądzi...
Kto zbłądził, ten pyta...
Go to the top of the page
+Quote Post
HaMtAr0
post
Post #5





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 29.12.2006

Ostrzeżenie: (0%)
-----


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ć?
Go to the top of the page
+Quote Post
JaRoPHP
post
Post #6





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

Ostrzeżenie: (0%)
-----


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.


--------------------
Kto pyta, nie błądzi...
Kto zbłądził, ten pyta...
Go to the top of the page
+Quote Post
Kisiol_Ent
post
Post #7





Grupa: Zarejestrowani
Postów: 146
Pomógł: 0
Dołączył: 15.01.2007

Ostrzeżenie: (60%)
XXX--


Kod
p.menu a
{
color: black;
}


Na twoje menu zadziała.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 10:52