 [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%)
|
@piotrooo89: niestety, np.: taki kod nie daje żadnego rezultatu (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)
@hiszpanespaniol: Mi się wydaje, że to jest taki tok "problemu": dla linków (A) mam zdefiniowane border-bottom: 1px i jakiś kolorek. W efekcie dla tekstu daje to efekty podobny do text-decoration:underline i jest git. Natomiast w sytuacji, gdy w A mam włożone IMG, to wówczas wtedy również przeglądarka rysuje linie (po "linii" na której generowałaby tekst), co w efekcie daje efekt mizerny ("przekreśla" obrazek). No i logicznie to się zgadza (w końcu ma zadeklarowane, że dla A ma rysować border-bottom). Pytanie polega teraz na tym: jak napisac w CSS'ie że dla A w których jest IMG ma nie być dolnej linii? Ew. czy jest możliwość dania obrazkom display:block i położenia ich w tym samym wierszu obok siebie? Help... EDIT2: w CSS mam nt. linków i obrazków jeszcze tylko to: Kod a{color:#000;outline:0;text-decoration:none} img{vertical-align:middle} Jaki odstęp? między obrazkami nie mam odstepu, tak to wyglada w kodzie (odpowiedzialny za genrowanie obrakza+ linka w jego postaci) Ten post edytował dolby 4.12.2008, 22:54:45 |
|
|
|
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 hiszpanespaniol jeżeli chcesz uzależnić css rodzica od obecności/n... 4.12.2008, 22:56:14 
dolby Właśnie tego sie obawiałem - myślałem jednak, że j... 4.12.2008, 23:18:11  |
|
Aktualny czas: 8.10.2025 - 20:16 |
