Link text z background boxom

7 naročnikov

Pozdravljeni,

ker sem v CSSju še "malinovec" imam eno vprašanje. Ali je možno, da se za link textom, ko uporabnik "položi" miškin kazalec nanj, prikaže recimo pravokotnik? Upam, da razumete kaj mislim... da bi lahko preko CSSja nadzoroval kolikšen del za in okoli linka se obarva v drugo barvo itd... Trenutno je link text narejen enostavno tako, da se text samo podčrta.

Hvala za nasvete, predloge - skratka vse odgovore! :) Pa lep začetek "skrajšanega" tedna želim vsem skupaj.

SpinX... to je default koda komponente tako, da nisem še nič spreminjal :) Drugače pa tvoja rešitev deluje super! Res najlepša hvala, zakon ste na tem forumu! :)

Lahko probaš z div.adsmanageradsimage a img:hover ampak ni podprto iz strani vseh brskalnikov. Lahko pa preprosto rešiš z jquery:

$("div.adsmanager_ads_image a img").mouseenter(function(){
      $(this).addClass("zsenco");
    }).mouseleave(function(){
      $(this).removeClass("zsenco");
    });

juresl: hvala za nasvet! Uporabil sem kar SpinXovo rešitev, ker lepo deluje, za podporo Chromu pa sem dodal še: -webkit-box-shadow... Bo pa tvoj namig zagotovo še prav prišel! :)

No, ko smo pa že ravno pri a:hover sem pa na svoji strani opazil, da bi lahko nekaj popravil... Sam sem dodajal gumb v html in koda izgleda takole:

<a href="http://link.do.strani.com" target="_self" > <img class="prikazi_vse" src="prikazi_vse_btn.png" align="left" border="0" /> </a>

Kako pa za takšno kodo izpeljati CSS, da bo delujoč a:hover? Nekaj kombinacij sem poskusil, vendar nič ne deluje... Se pa opravičujem za butasta vprašanja, začetnik pač :) sem si sicer priskrbel neko knjigo o XHTML in CSS2 ampak tam ne rešuje težav :))