Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] [CSS] Jak określić kolor linku w jednym Divie?
Forum PHP.pl > Forum > Przedszkole
bobo168
Mam do was pytanie. Mianowicie jak okreslic kolor linku w divie? Za pomoca arkuszu stylu.
Mam sobie w index.php
Kod
<div id="menu"><a href="www.turystyka.pl/index.php" >Start </a></div>

i jak zrobić żeby tylko w tym divie kolor linku po najechaniu kursorem byl powiedzmy czerwony a kolor linku kliknietego różowy ?
Wiem jak zrobić żeby wszytskie linki mniały tam dane atrybuty na stronie ale tego nie chce. Chce żeby mniały one takie kolory tylko w tym divie.
Oczywiscie mam akrsusz stylów a w nim:
Kod
#menu {
background-image: url(gfx/tlo_menu.png);
height: 25px;
width: 850px;
text-align: center;
line-height: 15px;
tutaj ten atrybut odpowiedzialny za kolor danego linku...
}


Mam nadzieje że da się to w ten sposób zrobić. Jeśli nie napiszcie mi jak zorbić to w inny sposób aby kolory linków w danym divie były inne.
Z góry THX za pomoc smile.gif
kossa
np.:

  1. <div id="menu"><a href="www.turystyka.pl/index.php" style="color:#cc0000;">Start </a></div>


:-)

Łukasz
Wieviór
kossa, koledze zdecydowanie nie o to chodziło. Szczerze mówiąc nie wiem jak to zrobić, ale możesz określić styl hiperłącza

Kod
a.styl { tutaj atrybuty }


  1. <a href="index.php" class="styl">Link</a>


Nie jest to najlepsze rozwiązanie zapewne, ale zawsze jakieś.
phpion
Wieviór: wg mnie twoj kod dziala tak samo jak kod kossy biggrin.gif tyle tylko, ze on dal definicje styli jako atrybut a ty jako osobna klase styli. Wiec jesli autorowi nie chodzilo o to, co napisal kossa to i nie chodzi o to, co napisales ty. Ale chyba o to chodzilo.
Wieviór
Cytat(phpion.com @ 11.09.2006, 21:32:25 ) *
Wieviór: wg mnie twoj kod dziala tak samo jak kod kossy biggrin.gif tyle tylko, ze on dal definicje styli jako atrybut a ty jako osobna klase styli. Wiec jesli autorowi nie chodzilo o to, co napisal kossa to i nie chodzi o to, co napisales ty. Ale chyba o to chodzilo.


Wiem, że autorowi nie chodziło o to co zrobiłem ja, jednak napewno takie rozwiązanie jest lepsze od kossy, bo tutaj definujesz styl hiperłącza w klasie, do której się tylko odwołujesz, więc jak chcesz coś zmienić, to w jednym miejscu, a nie stu smile.gif
SHiP
Panowie przekombinowaliście ;]

  1. #menu a{color:red}
  2. <a href="#">test</a>
  3. <div id="menu">
  4. <a href="#"> test 2</a>
  5. </div>


Powinno działać(nie wiem jak IE)
s_w_ir
Wszystkie rozwiązania są poprawne, i SHip podał najlepsze. Po definicji swojego diva w pliku css dodajesz tą definicje co napisał SHip. Zachowanie to jest standardowe więc żadna przeglądarka, w tym IE, obsługująca CSSa nie zrobi tego źle.
Opcja Wieviór'a jest równoznaczna z SHipa, tyle że ten zapis jest globalny a Ship ma zapis tylko dla konkretnego diva.
Dla formalności:
Kod
#menu a:link
{
styl;
}

#menu a:hover
  {
  styl;
  }
Pozdrawiam.
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.