immagini con link prendono bordo blu? i link automaticamente in blu?

05-03-2011, 15.11.46

ogni volta che inserisco un'immagine e la collego tramite un link a un'altra pagina, l'immagine assume un bordo blu vivace e spesso. come posso eliminarlo? inoltre, anche quando scrivo per esempio 'ciao' e lo allego alla pagina ciao.html me lo sottolinea e lo colora di blu. per il colore del testo no problem, ma mi dite il codice per far sì che il testo venga visualizzato sottolineato solo al passarci sopra del mouse?

**darkwolf** · 05-03-2011, 15.20.29

Per le immagini inserisci un:

Codice PHP:


img {
border: 0 !important;
}

nel css.

**acsocmel** · 06-03-2011, 04.53.04

Codice PHP:


img {

border: 0 !important;

}

questo agisce su tutte le immagini del documento
per le immagini linkate dobrebbe bastare

Codice PHP:


a img {

border: 0;

}

13-03-2011, 14.59.00

Per le immagini

Codice:

img {border: none;}

Per i link

Codice:

/* LINK CLICCATI E DA CLICCARE */
a:link, a:visited {color: green; text-decoration: none;}
/* QUI HO SPECIFICATO CHE IL COLORE DEL LINK SARà VERDE E SENZA SOTTOLINEATURA */

/* LINK AL PASSAGGIO DEL MOUSE */
a:hover {color: green; text-decoration: none;}
/* STESSA COSA PER I LINK DA CLICCARE E GIà VISITATI  */

Ricorda che questo è un codice CSS, non serve a niente il codice php.
Nel documento html, tra i tag <body> e </body> scrivi <style> e all'interno ci srivi quello che ti ho detto. Quindi:

Codice HTML:

<html>
<head>
<title>Titolo</title>
</head>
<body>
<style>
/* IMMAGINI SENZA BORDO */
img {border: none;}

/* LINK CLICCATI E DA CLICCARE */
a:link, a:visited {color: green; text-decoration: none;}
/* LINK AL PASSAGGIO DEL MOUSE */
a:hover {color: green; text-decoration: none;}

</style>
<!-- QUI PUOI  INSERIRE NORMALMENTE I CONTENUTI DELLA PAGINA -->
</body>
</html>

30-03-2011, 18.18.56

non mi funziona nessuno dei codici...

**karl94** · 30-03-2011, 18.43.08

Puoi indicare una pagina d'esempio?

30-03-2011, 20.08.34

Prova questo:

Codice:

a:active{
outline: none;
}

a:focus{
-moz-outline-style: none;
}

02-04-2011, 10.44.15

Riprova così

vai tra <body> e </body> e inserisci questo

Codice:

<style>
img
{
   border: none;
}

img a:link, img a:visited , img a:hover
{
   border: none;
}

/* Qui i link prima di essere cliccati e dopo essere stati cliccati */
a:link, a:visited
{
   border: none; /* Nessun bordo */
   color: green; /* Colore del link */
   text-decoration: none; /* Indica che non ci sarà la sottolineatura */
}

/* Link al passaggio del mouse */
a:hover
{
   border: none; /* Nessun bordo */
   color: yellow; /* Cambia colore al passaggio del mouse se vuoi */
   text-decoration: underline; /* Viene sottolineato al passaggio del mouse */
}
</style>

Cosi dovrebbe andare bene...ne sono sicuro al 99.9%

**acsocmel** · 02-04-2011, 11.24.45

Originalmente inviato da mywebhtml

vai tra <body> e </body> e inserisci questo

in realtà andrebbe meglio messo tra <head> e </head>
poi

Codice:

img a:link, img a:visited , img a:hover

non vuol dire niente in quanto un'immagine non può contenere un link
ma viceversa

Codice:

a:link img, a:visited img, a:hover img

02-04-2011, 13.28.34

No, un'immagine puo essere usata come collegamento:

Codice:

<a href="www.ciaocomestai.it"><img src="www.ciaocomestai.it/ciao.png" alt="ciao" name="boh" title="boh" widh="50" height="50"></a>

Comunque il codice che ho usato per le immagini fidati che è giusto :)

**acsocmel** · 02-04-2011, 14.09.01

E parliamo proprio dell'ABC dei CSS

a) i CSS sono fogli di stile, non un linguaggio di programmazione, non un linguaggio di marcatura, quindi lavorano sull'aspetto del documento
b) i CSS vengono letti a cascata, se due regole intervengono sullo stesso elemento, prevarrà la regola letta per ultima
c) i CSS possono regolare un elemento figlio di un altro ma non selezionare un elemento genitore o superiore

questo codice

Codice:

img a:link, img a:visited , img a:hover

non è possibile

03-04-2011, 10.20.08

Si, poiché la virgola indica che quei tag avranno le stesse proprietà!
Per esempio se io non voglio fare

Codice:

img a:link 
{
   border: none;
}

img a:visited
{
   border: none;
}

img a:hover
{
   border: none;
}

Farò

Codice:

img a:link, img a:visited, img a:hover
{
   border: none;
}

In questo modo si evita di indicare inutilmente la medesima proprietà impegando solo spazio

**acsocmel** · 03-04-2011, 11.33.21

non sto parlando della virgola
sto dicendo che non puoi scrivere img a
devi scrivere prima a e dopo img

genitore -> figlio

03-04-2011, 14.28.10

No...per esempio dai un'occhiata su forumfree...troverai per esempio nav a:link, nav a:visited...E' sbagliato quello che stai dicendo

**acsocmel** · 03-04-2011, 14.59.45

basta, non ho parole

03-04-2011, 16.07.15

Vabbè, quando andrai a rivederti una guida mi darai ragione :)

**andreafallico** · 03-04-2011, 16.11.07

Ha ragione acsocmel, chiusa discussione.
http://css.html.it/guide/lezione/21/i-selettori/

Discussione: immagini con link prendono bordo blu? i link automaticamente in blu?

LinkBack

Strumenti discussione

Display

immagini con link prendono bordo blu? i link automaticamente in blu?

Regole di scrittura