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?
Per le immagini inserisci un:
nel css.Codice PHP:img {
border: 0 !important;
}
questo agisce su tutte le immagini del documentoCodice PHP:img {
border: 0 !important;
}
per le immagini linkate dobrebbe bastare
Codice PHP:a img {
border: 0;
}
Per le immagini
Per i linkCodice:img {border: none;}
Ricorda che questo è un codice CSS, non serve a niente il codice php.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 */
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>
non mi funziona nessuno dei codici...
Puoi indicare una pagina d'esempio?
Prova questo:
Codice:a:active{
outline: none;
}
a:focus{
-moz-outline-style: none;
}
Riprova così
vai tra <body> e </body> e inserisci questo
Cosi dovrebbe andare bene...ne sono sicuro al 99.9%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>
in realtà andrebbe meglio messo tra <head> e </head>Citazione:
Originalmente inviato da mywebhtml
poi
non vuol dire niente in quanto un'immagine non può contenere un linkCodice:img a:link, img a:visited , img a:hover
ma viceversa
:top:Codice:a:link img, a:visited img, a:hover img
No, un'immagine puo essere usata come collegamento:
Comunque il codice che ho usato per le immagini fidati che è giusto :)Codice:<a href="www.ciaocomestai.it"><img src="www.ciaocomestai.it/ciao.png" alt="ciao" name="boh" title="boh" widh="50" height="50"></a>
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
non è possibile :wink:Codice:img a:link, img a:visited , img a:hover
Si, poiché la virgola indica che quei tag avranno le stesse proprietà!
Per esempio se io non voglio fare
FaròCodice:img a:link
{
border: none;
}
img a:visited
{
border: none;
}
img a:hover
{
border: none;
}
In questo modo si evita di indicare inutilmente la medesima proprietà impegando solo spazioCodice:img a:link, img a:visited, img a:hover
{
border: none;
}
non sto parlando della virgola
sto dicendo che non puoi scrivere img a
devi scrivere prima a e dopo img
genitore -> figlio
No...per esempio dai un'occhiata su forumfree...troverai per esempio nav a:link, nav a:visited...E' sbagliato quello che stai dicendo
basta, non ho parole
Vabbè, quando andrai a rivederti una guida mi darai ragione :)
Ha ragione acsocmel, chiusa discussione.
http://css.html.it/guide/lezione/21/i-selettori/