Dreamweaver: eliminare il contorno tratteggiato

Di: hertons | 26/09/2020 17:58:51
Come eliminare il contorno tratteggiato quando si clicca un link come un'immagine o un menu spry?
------------------------------------
Ciao, questo è il mio secondo messaggio di richiesta d'aiuto, ho creato un modello sul quale si basa il sito che stò facendo, e all'interno di questo modello ho una barra di menu spry con vari link, nelle altre pagine che si basano su questo modello ho delle immagini come link.... il tutto funziona, ma ho un problema estetico, quando si clicca sui link compare il classico contornino tratteggiato, che in ie8 è grigetto e in firefox è rosso, vorrei toglierlo e ho letto vari forum che dicono di impostare nel codice: object{outline:none} nel caso delle foto, div{outline:none} nel caso del menù spy e outline:none nel caso dei link generici... ho provato a farlo in tutti i modi ma non funziona, non so se sbaglio io a intervenire sul codice nei posti sbagliati o cosa.
allego il codice del mio template mi sapreste dire dove e come devo intervenire segnando il vostro intervento sul codice con testo di colore differente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtm">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento senza titolo</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFF;
background-color: #000;
}
#titolo {
height: 100px;
width: 1300px;
font-family: Geneva, sans-serif;
font-size: 25px;
font-style: oblique;
color: #FFF;
text-decoration: none;
visibility: visible;
background-color: #000;
margin: 0;
border: 0px none #000;
}
#nomi {
float: left;
height: 35px;
width: 300px;
}
#miniature {
float: right;
height: 100px;
width: 1000px;
border: 0px none #000;
}
#contenitore_globale {
height: 500px;
width: 1300px;
margin-top: 40px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
#qualify {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #999;
background-color: #000;
height: 30px;
width: 250px;
float: left;
}
#menu {
float: left;
height: 300px;
width: 300px;
}
#spazio_foto_principale_progetto {
height: 400px;
width: 600px;
float: left;
}
#spazio_descrizione_progetto {
height: 400px;
width: 330px;
float: right;
padding-left: 30px;
padding-right: 40px;
}
#spazio_modificabile {
float: right;
height: 400px;
width: 1000px;
}
#intestazione_fissa_fondo {
height: 100px;
width: 300px;
float: left;
color: #999;
}
-->
</style>
<link href="../css/master.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<div id="contenitore_globale">
<div id="titolo">
<div id="nomi"><strong>dell'agnolo - kelderer </strong></div>
<!-- TemplateBeginEditable name="EditRegion4" -->
<div id="miniature">Inserire qui il contenuto per id "miniature"</div>
<!-- TemplateEndEditable -->
<div id="qualify">architekturbüro </div>
</div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarVertica">
<li><a href="../pages/contacts/contacts.htm">contacts</a> </li>
<li><a href="#" class="MenuBarItemSubmenu">works</a>
<ul>
<li><a href="../pages/works/IPES Eppan/IPES Eppan 1.htm">IPES Eppan</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">biographies</a>
<ul>
<li><a href="#">Voce 3.1</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce 3.2</a></li>
<li><a href="#">Voce 3.3</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">bibliographie</a>
<ul>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
<li><a href="#">Voce senza titolo</a></li>
</ul>
</li>
</ul>
<p> </p>
<p>  </p>
</div>
<!-- TemplateBeginEditable name="EditRegion3" -->
<div id="spazio_modificabile">Inserire qui il contenuto per id "spazio_modificabile"
<div id="spazio_foto_principale_progetto">Inserire qui il contenuto per id "spazio_foto_principale_progetto"</div>
<div id="spazio_descrizione_progetto">Inserire qui il contenuto per id "spazio_descrizione_progetto"</div>
</div>
<!-- TemplateEndEditable -->
<div id="intestazione_fissa_fondo">
<h3> </h3>
<p> </p>
<h4>info@da-k.net</h4>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
aiutooooooooooooooo please!

Risposte


Nessuna risposta trovata!