problema css link

[ispuk]

ciao a tutti sto perdendo molto tempo su una cosa veramente banale

ho una serie di link ,il problema è che non mi funzionano le regolette del css

ovvero a:hover a:visited a:active

in più quando clikko sui link mi appare il bordo dei[*]

com'è possibile?

per non sbagliarmi ho messo ovunque border:none;

comuqneu posto il codice magari dimentico qualche cosa:

css

<style type="text/css">
#menu-mega{width:900px;height:100px; margin:0 auto;background-image:url(menu.gif);}

#link-mega{width:900px;padding-top:50px;}
#lista{list-style:none;width:100%;margin:0;border:none;}
#lista li{display:inline;text-align:center;border:none;}
#lista a{color:#FFFFFF;display:block;float:left;width:100px;height:25px;text-decoration:none;font-family:Arial, Helvetica, sans-serif;border:none;}
a.linked:visited{color:#0066CC;}
a.linked:hover{color:#0066CC;}
a.linked:active{color:#0066CC;}

</style>

html

<div id="menu-mega">

<div id="link-mega">

<ul id="lista">[*]link1[*]link1[*]link1[*]link1[*]link1[*]link1
[/list]

</div>

</div>

grazie a chi avrà buon cuore di aiutarmi

[LA VALE]

html

<div id="menu-mega">

<div id="link-mega">

<ul id="lista">[*]link1[*]link1[*]link1[*]link1[*]link1[*]link1
[/list]

</div>

</div>

grazie a chi avrà buon cuore di aiutarmi

Togli lo spazio tra class e l'uguale..

[ispuk]

ciao grazie dell'aiuto speravo fosse proprio quello il problema,grave dimenticanza,ma non funziona ancora nulla

come mai? :O

[LA VALE]

Allora, in che senso ti appare il bordo dei li? Ti compare un bordino a puntini?


modifica, il problema dei link è nel fatto che tu imposti uno stile generico per i collegamenti, a cui però associ una classe "linked".

quindi devi mettere:

a.linked {color:#ffffff ecc}

[ispuk]

si vedo il bordino seghettato

in più adesso ho quasi risolto cosi:

#lista{list-style-type:none;width:100%;margin:0;border:none;}
#lista li{display:inline;text-align:center;border:none;}
#lista a{color:#FFFFFF;display:block;float:left;width:100px;height:25px;text-decoration:none;font-family:Arial, Helvetica, sans-serif;border:none;}
#lista  a:hover{color:#0066CC;}
#lista  a:active{color:#0066CC;}
#lista  a:visited{color:#FFFFFF;}





<ul id="lista">
<li >link1[*]link1[*]link1[*]link1[*]link1[*]link1
[/list]

però funziona solamente il a:hover{}

??????aiuto

il bordino non c'è modo di non vederlo eh ?

sto impazzendo

[LA VALE]

il bordino non puoi toglierlo coi css, è una funziona javascript:

[img]azscript.gif[/img]

per i css direi che funzionano
ragiona: tu hai lo stesso colore per i link visitati e per l'effetto mouseover. Se vai sopra un link non visitato, si colora di verde. Se lo visiti, il link rimarrà "per sempre" verde, quindi come fai a vedere l'effetto on mouse over che è dello stesso colore?

[Prill]

il bordino non c'è modo di non vederlo eh ?

il bordino torna comodo a chi usa la tastiera e non il mouse e sarebbe meglio restasse.
Coi css puoi nasconderlo usando la pseudo classe focus sulla quale impostare un outline:none

[miki003]

Per il bordino prova:

outline:none;

[ispuk]

outline:none; è perfetto non lo conoscevo ,grazie miki e prill !!!

un grazie anche a la vale per ora va bene cosi

se ho altri problemi non esiterò a chiedervi consigli

ciao!!

[LA VALE]

Originariamente inviato da miki003
Per il bordino prova:

outline:none;

Non conoscevo questa funzione, buono a sapersi