Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] usuniecie underline (podkreslenia)
Forum PHP.pl > Forum > Przedszkole
AndyPSV2
jak zrobic, aby NIE podkreslal sie opis pod nazwiskami w momencie np. najechania na zdjecie

http://jsfiddle.net/34gH5/
Korab
  1. #niepodkresloneponajechaniu {
  2. text-decoration: none;
  3. }
iro88
Wątpiłem, że to zadziała, ale o dziwo działa:
Kod
a {color:#2174c3;text-decoration:none}
a div.l:hover {text-decoration:underline;color:#355389}
a img {position:relative; decoration:none;}

Choć ja bym na Twoim miejscu przerobił kod HTML, tak by oddzielny link był dla obrazka i osobno dla tekstu.

Cytat(Korab @ 6.11.2011, 19:58:51 ) *
  1. #niepodkresloneponajechaniu {
  2. text-decoration: none;
  3. }

Bardzo dobrze, ale przy takiej strukturze jaką podał autor tematu nie jest to aż tak proste i oczywiste.
AndyPSV2
1. nie dziala

http://jsfiddle.net/34gH5/1/

2. tex nie dziala

http://jsfiddle.net/34gH5/2/


  1. a div.l:hover {text-decoration:underline;color:#355389}


iro88
Cytat(AndyPSV2 @ 6.11.2011, 20:19:05 ) *
1. nie dziala

http://jsfiddle.net/34gH5/1/

2. tex nie dziala

http://jsfiddle.net/34gH5/2/


  1. a div.l:hover {text-decoration:underline;color:#355389}

Proszę Cię przepisz dokładnie kod CSS jak Ci napisałem wyżej, nie dodawaj do niego nic od siebie. Działa.
AndyPSV2
http://jsfiddle.net/34gH5/4/

no nie dziala.
iro88
Cytat(AndyPSV2 @ 6.11.2011, 20:29:03 ) *

Ok, to inaczej...
Kod
a{color:#2174c3;text-decoration:none}

a:hover{text-decoration:underline}#;color:#355389
a:hover img{position:relative}
#none{text-decoration:none}

a div.l:hover{text-decoration:underline;color:#355389}

Czy to jest kod, który Ci podałem? Wpisz tylko te 3 linijki:
Kod
a {color:#2174c3;text-decoration:none}
a div.l:hover {text-decoration:underline;color:#355389}
a img {position:relative; decoration:none;}


EDIT: Dla ułatwienia, byśmy się zrozumieli -> http://jsfiddle.net/j2ZWQ/
AndyPSV2
nie dziala.

http://jsfiddle.net/34gH5/5/

nie podkresla nic, a powinno podkreslac imie i nazwisko po najechaniu na obrazek.
iro88
Jak pisałem na samym początku nie liczyłem, że zadziała, bo jest to rozwiązanie działające tylko w nowszych przeglądarkach. Ja mam Safari, pewnie w Chrome też działa. Jeśli chcesz mieć rozwiązanie, które będzie działać w każdej przeglądarce, należy zmienić kod HTML tak by obrazek był ujęty w osobny link, a tekst osobno.

A tu rozwiązanie: http://jsfiddle.net/q72yB/1/
AndyPSV2
nie satysfakcjonuje mnie takie rozwiazanie, poniewaz ma sie podkreslac nazwisko po najechaniu na obrazek;
iro88
Sorry, zapędziłem się i przez to wszystko straciłem sens całości. Chodzi Ci o odwrotny efekt, tak?
EDIT: jeśli tak, to samym CSS nie da się tego zrobić. Musisz użyć JavaScript.
AndyPSV2
da sie zrobic na css, wystarczy chocby wypozycjonowac absolutnie div'a
jednak myslalem, ze jest lepsze rozwiazanie w css i napewno takowe jest.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.