[CSS] Obrazek jako link - dziedziczenie stylów

[CSS] Obrazek jako link - dziedziczenie stylów, IMG będący linkiem dziedziczy formatowanie tekstowego - jak zapobiec?

Opcje

dolby Zobacz profil	4.12.2008, 22:15:53 Post #1
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 3.08.2003 Skąd: Warszawa Ostrzeżenie: (0%)	Witajcie, Mam następujący problem: Na stronie mam zarówno hiperłącza tekstowe, jak i w formie obrazków. Z tekstowymi jest ok (zmienia sie kolor border-bottom dla linka aktywnego), natomiast w przypadku obrazków (niebędących display:block) ... również pojawia się linia poziomia (przecina obrazek co wygląda fatalnie). W związku z tym mam pytanie - jak w CSS wpisać inne zachowanie dla linków obrazkowych (tak aby tej poprzecznej linii nie było)? Oto schemat kodu strony: [HTML] pobierz, plaintext <html> <div id="cont"> <div class="box"> <h2 class="white">Tytuł</h2> <div id="post"> <p>Text text text <a href="x"> link txt </a> text text text</p> <p><a href="x2"><img src="z" /></a><a href="x3"><img src="z2" /></a><p> </div> </div> </div> </html> [HTML] pobierz, plaintext A to CSS'ki: [HTML] pobierz, plaintext .box div a{border-bottom:1px solid #999;font-weight:700} .box div a:hover{border-bottom:1px solid #000} .box div img{padding:2px;border:1px solid #eee} [HTML] pobierz, plaintext Oczywiście mógłbym dać display:block, ale chcę mieć oba obrazki w tej samej linii, wyśrodkowane. Na rysunku poniżej widać poprawny link tekstowy ("edytuj") oraz tę irytujacą linię przechodzacą przez środek ikonek - ona właśnie jest do usunięcia. (IMG:http://img201.imageshack.us/img201/7939/clipboard01es9.jpg) Proszę Was o pomoc! (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif) Ten post edytował dolby 4.12.2008, 22:22:31