Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> CSS Powazny problem z linkami ;?
lopik
post
Post #1





Grupa: Zarejestrowani
Postów: 340
Pomógł: 0
Dołączył: 7.07.2006

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


Witam wszystkich (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Więc tak, do rzeczy....

Domyślnie dla linków ustawiłem taki styl:
  1. a:link { color:#000000; text-decoration:none; border-bottom:1px dashed #000000;}
  2. a:visited { color: #000000; text-decoration:none; border-bottom:1px dashed #000000;}
  3. a:hover {color: #D3514E; text-decoration:none; border-bottom:1px dashed #000000;}
  4. a:active { color:#000000; text-decoration:none; border-bottom:1px dashed #000000; font-weight:bold;}


I mam jeszcze obrazki zrobione jako linki i dla nich mam taki styl:
  1. img { margin:3px;
  2. border:1px solid #006699;
  3. padding:3px;}
  4.  
  5. img:hover {border:1px solid #9A8B21;}


I problem jest taki, ze linki tekstowe są ok mają taki styl jak dalem i jest super.
Ale linki-obrazki juz nie, chodzi o to ze do nich tez wstawił się "border-bottom:1px dashed #000000" <- ten styl, który ustawiłęm dla linków tekstowych.
I problem jest taki ze ja go tam nie chce, i nie mam juz zadnego pomysłu jak mam to zroboć zeby go nie było.
Można by dać "class" ale musiał bym dla kilku dziesięciu linków dawać klase (jakies nie cale 100)

I chcialem prosic o pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Co mam zrobić zeby usunąć ten border-bottom z linków obrazkowych ?

Z Góry Bardzo Dziękuję (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif)
Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
shpyo
post
Post #2





Grupa: Zarejestrowani
Postów: 574
Pomógł: 2
Dołączył: 13.04.2004
Skąd: Lublin

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


nadaj zdjęciom jakąś klasę np. pic
Kod
<p><a href="img/moto/m1.jpg"><img src="img/moto/m1mini.jpg" class="pic" alt="moto" width="150" height="112" border="0" /></a>

i wtedy:
Kod
img.pic { margin:3px;
border:1px solid #006699;
padding:3px;}

img.pic:hover {border:1px solid #9A8B21;} //to tylko zadziała na !IE - wiesz o tym, co nie?


Ten post edytował shpyo 8.07.2006, 08:40:12
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 28.09.2025 - 03:51