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
lopik
post
Post #2





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

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


No to troche mnie z tym teraz zaskoczyles, i nie bardzo wiem jak to niby mam ustawić:

Obrazki mam na tą chwilę wpisane tak:

  1. <h3>fotki... <span class="fotki">(rozdzielczość: 1024x768)</span></h3>
  2. <p><a href="img/moto/m1.jpg"><img src="img/moto/m1mini.jpg" alt="moto" width="150" height="112" border="0" /></a>
  3.  
  4. <a href="img/moto/m2.jpg"><img src="img/moto/m2mini.jpg" alt="moto" width="150" height="112" border="0" /></a>
  5.  
  6. <a href="img/moto/m3.jpg"><img src="img/moto/m3mini.jpg" alt="moto" width="150" height="112" border="0" /></a></p>
  7. <p>
  8.  
  9. <a href="img/moto/m4.jpg"></a><a href="img/moto/m5.jpg"></a><a href="img/moto/m6.jpg"><img src="img/moto/m6mini.jpg" width="150" height="112" alt="moto" border="0" /></a>
  10.  
  11. <a href="img/moto/m7.jpg"><img src="img/moto/m7mini.jpg" alt="moto" width="150" height="112" border="0" /></a>
  12.  
  13. <a href="img/moto/m8.jpg"><img src="img/moto/m8mini.jpg" alt="moto" width="150" height="112" border="0" /></a></p>


I obrazką nie moge dać "border-bottom:0;" bo one tez mają border i by mi to znikło.

A z tym stylem co ty podales, zeby dac to div to da sie zrobić tak zeby po 3 obrazki w jednej lini były ?

Ale wstawilem to to mi sie troche rozwalily obrazki, tzn. jeden pod drugim jest, a teraz mialem po 3 w jednej lini.
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: 8.10.2025 - 17:02