Problema con Border=0;

[Ines_88]

Quando creo un bottone o un link tramite un'immagine, questa in alcuni browser presenta un bordo colorato che voglio eliminare...

ci riesco se nella parte html indico ogni volta border=0; come indicato qui sotto:

[img]img/artworks_btm.jpg[/img]

ovviamente non è il modo più ordinato, dovrei indicare tale parametro tramite css ma se scrivo così non funziona:

#about_content {
   position: absolute;
   display: none;
   top: 50%;
   left: 50%;
   border: 0px;
   font-size: 70%;
   text-align: justify; }

sapete dirmi perché?

grazie mille
Ines

[duri93]

il problema è: a chi applichi l'id #about_content?
perchè il bordo va levato all'immagine e non al link-bottone

e poi, se hai più link con un'immagine non si dovrebbe usare un id per più elementi...

la mia soluzione è questa, che vale per tutti i tag "a" e "button" con dentro un'immagine

button img, a img{ border:0 none; }

[Ines_88]

e dove la scrivo? all'inizio? tipo da qualche parte qui?

body {
   font-family: sans-serif;
   background-color: #000000;
   color: #4f3f5f;
}

   a:link{
   color: #4f3f5f;
   text-decoration: none;
   }

   a:visited{
   color: #4f3f5f;
   text-decoration: none;
   }

   a:hover {
   color: #ffffff;
   text-decoration: none;
   }

   a.selected {
   color: #00b011;
   }
}

[duri93]

va bene in qualsiasi punto del documento, ma ti consiglio di inserirla proprio nella parte che hai postato, così da avere tutto quello che riguarda i link nella stessa zona

PS: c'è una chiusa graffa in più alla fine

[Ines_88]

Grazie, provo subito

[Ines_88]

Non funziona, puoi farmi vedere tu come lo scriveresti, magari sbaglio qualcosa (la graffa in più l'ho copiata per sbaglio mentre scrivevo qui, non c'è nel codice)

[Ines_88]

nessuno?

[ResianTaxidrive]

credo che sia meglio che tu posto quello che hai scritto così vediamo dov'è l'errore.

[Ines_88]

eh niente, ho provato ad inserire il codice consigliato da duri93 in alcuni punti del codice postato da me:

prima ho provato nel body:

body {
   font-family: sans-serif;
   background-color: #000000;
   color: #4f3f5f;
   button img, a img{ border:0 none; }
}

poi ho provato a metterlo sotto a:link:

   a:link{
   color: #4f3f5f;
   text-decoration: none;
   button img, a img{ border:0 none; }
   }

   a:visited{
   color: #4f3f5f;
   text-decoration: none;
   }

   a:hover {
   color: #ffffff;
   text-decoration: none;
   }

   a.selected {
   color: #00b011;
   }

[ldetomi]

Ovvio che non funziona, hai scritto una classe css dento un'altra.....

Quello che ti è stato suggerito deve stare per conto suo, non dentro la dichiarazione del BODY o in quella del link.....