witam,
czy sie da w samym css, bez zadnych java scriptow, podswietlic calego diva, i zeby cala powierzchnia tego diva byla linkiem? Przez podswietlenie rozumiem np. zmiane koloru tla diva, i jesli tak, to jak to zrobic? czego szukac w google itp? jesli nie przez samego css to jak to ugryzc?

tu tak schematycznie o co chodzi

nie aktywny:


po najechaniu mysza:


w jednym divie, text + 2 obrazki

z gory dzieki za odp
pozdrawiam

Dac sie da, ale "niektore" przegladarki tego nie wyswietlaja. Najlatwiej to chyba zalatwic JS.

http://www.littleblueplane.com/test/hoverdivtest.html
tu masz dzialajacy przyklad.

Pozdr

Podświetlić się da (tak jak poprzednik napisał) ale nie obsługuje tego IE6.

Co do wykorzystania całej powierzchni jako odnośnika, raczej nie ma takiej możliwości. Przynajmniej ja zawsze do tego celu używałem JS.

o dzieki za linka, dziala w firefoxie i w ie6 ten przyklad, gdzie moze nie dzialac?
swietne, malo kodu, brak js, o to mi chodzilo. jakie sa przeciwskazania uzycia tego?



wystarczy zeby obrazki i text byli klikalne, chce poprostu zeby bylo widoczne ze obrazki i tekst prowadza w to samo miejsce, i mysle ze podswietlajace sie tlo wystarczajaco bedzie o tym informowac uzytkownika

Przykład działa w IE6, bo zawiera dołączonego hacka do niego. Tak więc i tak po części musisz użyć JS
http://www.littleblueplane.com/test/csshover.htc

ah, w ogóle tego nie zauwazylem ;/

czyli nie ma mozliwosci bez JS ;/
ie6 obsluge musze miec

No już na takie użycie JS można sobie pozwolić. Przypadki gdy ktoś używa IE6 bez włączonej obsługi JS są raczej znikome (osoba prawdopodobnie nie potrafiłaby jej wyłączyć), a w lepszych przeglądarkach skrypt się po prostu nie wczyta (instrukcja warunkowa)

w sumie racja, dzieki za pomoc

anyway, napisalem w ogole przez u? to chyba nie mozliwe, o co chodzi z ta czerwona literka?

// ostatni sprawiedliwy stoi na straży jak zauważę gdzieś w postach jakieś "kfiatki", to je poprawiam - takie zboczenie
// batman

A nie można tego poprosru wrzucić do "a"

Html:

[HTML] pobierz, plaintext 
<a href="/" title="">
  <span>Lorem ipsum</span>
  <img src="rys.png" alt="" />
</a>
[HTML] pobierz, plaintext 

Przykładowe ostylowanie:

[HTML] pobierz, plaintext 
a {display:block;height:170px;width:460px;padding:10px;}
a span {display:block;width:300px;float:left;text-align:justify;}
a img {margin:10px 0 0 20px;float:left;}
a:hover {background:red;}
[HTML] pobierz, plaintext 

@up
Jeśli to nie jest linkiem, to jest to bardzo nieładne rozwiązanie, w dodatku niesemantyczne. Chociaż zapewne zdecydowanie najprostsze (co pewnie jakoś tam za nim przemawia ;), ale w przypadku choćby umieszczania w środku elementów blokowych będzie składniowo niepoprawne.

csshover.htc również moim zdaniem jest najlepszy. Mimo że to js.

nie wiem, juz dzis nie mysle, jutro odpowiem



omg, czyli napisalem w ogole przez u naprawde? heheh, naprawde musze isc spac juz w takim razie

To ma być link




Ale w przedstawionym przeze mnie przykładzie nie ma elemntów blokowych.

To rób w a nie w divie, jak proponowano Nie doczytałam dokładnie, faktycznie

Ale tego wbrew pozorom nie da się stwierdzić na podstawie zdjęcia, zwłaszcza w dobie zagnieżdżania divów itd ^^

Nie bój się tak tych jscriptów. Nie musi być tak tragicznie trudno. To tylko 3 linjki a pójdzie w każdej przeglądarce.

[HTML] pobierz, plaintext 
<div onmouseover="this.style.backgroundColor='#ff0000'" onmouseout="this.style.backgroundColor='#ffffff'" onmousedown="location='http://www.onet.pl'">click me</div>
[HTML] pobierz, plaintext