PDA

Zobacz pełną wersję : modyfikacja odsyłacza



joe
02-10-2010, 07:45
witam
mam mały problem z odsyłaczem
mam coś takiego
<div id="copy">
<span>----text---- <a href="link" target="_blank">---textlink---</a> </span>
<div class="copyt2">---text2----<a href="link2" target="_self">----textlink2</a></div>
</div>
w CSS mam ustawione style dla #copy, #copy a, .copyt2
obecnie textlink i texlink2 wyglądają tak samo (#copy a), a chciałbym ustawić tak aby textlink2 wyglądał tak jak text2
dzięki za wszelkie sugestie

pawelSafiStudio
02-10-2010, 10:15
Witaj,
może spróbuj ustawić tak:


#copy a:link, #copy a:visited, #copy{
/* TWOJ KOD*/
}
.copyt2 a:link, .copyt2 a:visited, .copyt2{
/* TWOJ KOD */
}


Ważne, żeby ustalić css dla copyt2 po css dla copy

Daj znać czy pomogło.

Pozdrawiam.

joe
02-10-2010, 12:55
troszkę pomogło i troszkę nie pomogło ;)
wykorzystałem 2 linijkę, bo pierwsza nic nie zmienia
więc zrobiłem troszkę inaczej i wygląda to tak:
#copy{
color: #000;
text-shadow: 0 1px 0 #444;
font-size:10px;
width: 80%;
height: 50px;
line-height: 25px;
margin: 0 0 0 10%;
text-align:center;
}
#copy a:link, #copy a:visited,{
color: #000;
text-shadow: 0 1px 0 #444;
}
.copyt2 a:link, .copyt2 a:visited, .copyt2{
font-size: 11px;
text-align:center;
color: #000;
text-shadow: 0 1px 0 #555;obecnie text2 i textlink2 wyglądają tak samo
ale textlink i text różnią się (wyglądały tak samo), obecnie textlink wygląda jak wszystkie linki na stronie (w template.css nie ma ustawień odsyłaczy, są one w typo.css)
ustawienia odsyłaczy z typo.css
a, a:link, a:visited, a:active, a:focus {
outline : none;
color: #a52a2a;
text-decoration : none;
}

pawelSafiStudio
02-10-2010, 13:36
Hmm,
jeszcze przychodzą mi dwa rozwiązania do głowy.

Może spróbuj stylowania szczegółowego


#copy span a:link, #copy span a:visited,
{
color: #000;
text-shadow: 0 1px 0 #444;
}
Jak to nie pomoże to możesz jeszcze spróbować stylowania wymuszonego, ale ja przynajmniej staram się tego używać jak najrzadziej.



#copy span a:link, #copy span a:visited,
{
color: #000!important;
text-shadow: 0 1px 0 #444!important;
}

joe
02-10-2010, 19:30
dzięki pomogło, ale trzeba było usunąć przecinek po #copy span a:visited

plusik poszedł :)
pozdrawiam

pawelSafiStudio
02-10-2010, 19:55
Fakt, moje "przejęzyczenie" :)

Ciesze się, że mogłem pomóc.

Pozdrawiam.