 [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: 213 Pomógł: 39 Dołączył: 7.04.2008 Skąd: 3city Ostrzeżenie: (0%)
|
jeżeli chcesz uzależnić css rodzica od obecności/nieobecnosci odpowiedniego dziecka, to wtedy rozwiązaniem problemu będzie js. Z tego co piszesz wynika wprost, że o to Ci chodzi. Zakładam więc, ze nieprecyzyjnie piszesz i tak naprawdę chodzi Ci o coś innego.
Jeżeli natomiast chcesz pozbyć się dolneo borderu pod obrazkiem, zrób podkreślenie w sposób "normalny" i za pomocą przeznaczonych do tego narzędzi. Użyj text-decoration (albo zostaw domyślne i wtedy pod tekstem będziesz miał podkreślenie, a wokół obrazka border który css'em możesz usunąć smiało) edit: Cytat img{vertical-align:middle} to pewnie wyjaśnia dlaczego border przekreśla obrazki. edit2: zauważ, że border odnośnika jest widoczny pomiędzy obrazkiem, a border'em obrazka. jeżeli dasz jakiś kolor tła w tym miejscu (czyli dla img), to wtedy ten kolor tła obrazka zasłoni Ci krechę pod spodem. Może się to przyda. Ten post edytował hiszpanespaniol 4.12.2008, 23:03:41 |
|
|
|
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 
dolby Właśnie tego sie obawiałem - myślałem jednak, że j... 4.12.2008, 23:18:11  |
|
Aktualny czas: 14.10.2025 - 13:03 |
