link in ie

[lutic]

Ciao,
ho un problema che sembra banale ma non riesco a risolverlo:

vorrei semplicemente togliere ogni animazione ai miei link, cosa che mi riesce in ff ma non in ie.

evidentemente sbaglio qualcosa di ovvio ma non reisco a capire cosa...

Se posso, porgo un'altra domanda relativa alle trasparenze dei div:
come posso rendere semitrasparente un div in ie? in ff riesce...

allego il link così vedete entrambe le cose (dovrebbe essere opaco il div bianco col testo dentro).


attendo fiduciosa il vostro aiuto.
http://www.fabrizioguidetti.it/contatti.php
Grazie

[sandrone65]

Ciao,
senti ma a quali animazioni ti riferisci?
Io non vedo animazioni di sorta nei link, ne in Mozilla nè in IE.

Il box <div class="opacity10"> si vede già adesso semitrasparente sia in IE che in Mozilla. Ovviamente con opacity:0.1 è praticamente illeggibile.

Forse dopo che hai postato questa richiesta hai apportato modifiche, oppure devi spiegarti meglio

Ciao

[lutic]

probabilmente mi sono spiegata male:

1)con animazioni intendevo genericamente, togliere la sottolineatura per il a:link, a:visited.

2)per l'opacità, ho fatto vari tentativi, prima a 50, poi si vede che l'ultima versione l'ho lasciata a 10, ma comunuque io lo vedevo e lo vedo sempre uguale (bianco sparato, per niente trasparente)

Grazie per aver provato a capirmi!

[sandrone65]

Per l'opacità usa

.opacity10{
opacity:0.5;
filter:alpha(opacity=50); 
}

per la sottolineatura e i bordi

a{text-decoration:none;
border: 0;
outline: 0;
}

[lutic]

Niente! continua a rimanermi il bordo violetto.

Riporto di seguito il codice:

<div class='menu'>
<div class='menu_element'>[img]img/menuhp.jpg[/img]</div>
<div class='menu_element'>[img]img/menubio.jpg[/img]</div>
<div class='menu_element'>[img]img/menuespo.jpg[/img]</div>
<div class='menu_element'>[img]img/menucont.jpg[/img]</div>
</div>

qui invece il css (riporto a e anche menu_element...non si sa mai)
.menu_element {
float: left;
height: 35px;
width: 193px;
font-size:18px;
font-style:italic;
text-decoration:none;
border: 0px;
outline: 0px;
}

a {
width: 155px;
height: 23px;
font-size: 18px;
font-weight: bold;
color:#000;
text-decoration:none;
border: 0px;
outline: 0px;
}

[foxissimo]

probabilmente perchè il link è applicato ad un immagine.

prova così:

img { border: 0 }

[lutic]

Grande!!!!
Finalmente funziona, grazie mille!

ora che però ho aggiornato il browser mi sono accorta che su ie8 (e su firefox) mi sorge un altro problema:

non si vede lo sfondo del div #corpo_index

allego codice:
#corpo_index {
width:775px;
background-image:url(/img/sfondo_corpo.jpg);
}

devo aprire un'altra discussione o riusciamo a risolverla qui?

Grazie