 [CSS] Obrazek jako link - dziedziczenie stylów, IMG będący linkiem dziedziczy formatowanie tekstowego - jak zapobiec? |
| [CSS] Obrazek jako link - dziedziczenie stylów, IMG będący linkiem dziedziczy formatowanie tekstowego - jak zapobiec? |
 
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: A to CSS'ki:
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 |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 11 Pomógł: 0 Dołączył: 3.08.2003 Skąd: Warszawa Ostrzeżenie: (0%)
|
Właśnie tego sie obawiałem - myślałem jednak, że jest jakiś "hack" na CSS'a (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Zastosowałem border-bottom zamiast text-decoration:underline z tego powodu, że zależało mi na tym by "efektem" hiperłączy była tylko zmiana koloru podkreślenia ich. Tego "dekoracją" nie uzyskam - dobrze mówię ? Pomysł z tłem jest bdb, lecz że ja mam półprzeźroczystość generowaną za pomoca filtrów (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Czyli tak czy siak będzie przebijało conieco (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Troche googlowałem i wydaje mi sie, że nie ma na to mocnych. Wszyscy próbują blokować border IMG, ale to nie obrazek go generuje, tylko A - czy zatem pozostaje mi tylko dorzucanie specjalnej klasy do linków w których beda obrazki, z deklaracją w CSS "border:none"? hiszpanespaniol - słowa uznania za Twoją chęć pomocy - dawno na forum nie spotkałem się z takim zaangażowaniem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Za celne rady i pomoc otrzymujesz pkt. (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) PS. Sorx za niecelne określenia - prosze o wyrozumiałość z racji pory dnia (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) |
|
|
|
dolby [CSS] Obrazek jako link - dziedziczenie stylów 4.12.2008, 22:15:53 
piotrooo89 [HTML] pobierz, plaintext .box div img a{i tu co t... 4.12.2008, 22:22:22 hiszpanespaniol ja widzę dwa wyjścia:
1. możesz da... 4.12.2008, 22:27:24 dolby @piotrooo89: niestety, np.: taki kod nie daje żadn... 4.12.2008, 22:46:05 hiszpanespaniol jeżeli chcesz uzależnić css rodzica od obecności/n... 4.12.2008, 22:56:14  |
|
Aktualny czas: 11.10.2025 - 13:05 |
