CSS - podwójne obramowanie


(Mateusz) #1

Witam,

mam problem następującego wyglądu:

28178blad%20copy.jpg

Mianowicie obrazek jest tu również linkiem, i nic mi nie przychodzi do głowy jak to usunąć. Bardzo proszę o pomoc.

EDIT:

Dorzucę fragment kodu CSS, bo może być pomocny.

#tresc a {

 color: #993333;

 text-decoration: none;

 border-bottom: 1px dotted #993333;

}

#tresc img {

 border: 2px solid #993333;

 margin: 10px 0px 10px 10px;

}

(Hik0) #2

usuń z #tresc a

border-bottom: 1px dotted #993333;

albo zmień na

border-bottom: none;

(Mateusz) #3

Owszem można tak zrobić, ale wtedy nie będę miał podkreślenia linków. Myślę, że należało by zatrzymać w jakiś sposób dziedziczenie stylu, tylko jak to zrobić? :? ktoś wie? Proszę o odpowiedź.


(Wojsmol) #4
#tresc a img {

border:none;

}

powinno pomóc :wink:


(Mateusz) #5

Niestety nie pomogło, zamiast tego jest taki efekt:

42151bla.jpg


(Hik0) #6

to moze pod spodem

a:link {

text-decoration:underine;

border:1px solid #ccc;

}

?


(Mateusz) #7

Również nie pomogło, nie będę Was zadręczał dalszymi pytaniami :stuck_out_tongue: . Najlepszym rozwiązaniem będzie tu jednak usunięcie bordera z linku. BTW szkoda że programiści (?) tworzący CSSa nie pomyśleli o stylach podkreślenia, może kiedyś będę mógł zrealizować swój pomysł. Dziękuje za pomoc.

Pozdrawiam


(Matexcor) #8

Daj w atrybucie obrazka border="0px" , ja tak zrobiłem i pomogło :wink:


(Wojsmol) #9

Witam

matexcor to źle zrobiłeś, powinno być

border="0"

matthewPL

powinieneś dopiosać jako oddzielną regułę a nie zamienieniać nią tej

:slight_smile:

Pozdrawiam


(system) #10
#tresc img a { text-decoration: none; }