Ebbene, spero di aver postato nella sezione giusta, ovvero spero che il mio problema sia nel foglio di stile. Premessa: utilizzo piattaforma Wordpress con tema dal seguente foglio di stile:
body {
width: 850px;
background: #222 url(images/back.gif) repeat-x;
font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
color: #e2e2e2;
margin-top: 0px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
a, a:hover { color: #8ab459; text-decoration: none; }
#wrapper { padding-left: 30px; }
#hode {
width: 500px;
color: #333;
height: 144px;
text-align: left;
clear: both;
margin: 5px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-image: url(images/header.gif);
background-repeat: no-repeat;
}
#content {
width: 560px;
overflow: hidden;
text-align: left;
float: left;
margin: 5px;
padding-top: 0px;
padding-left: 15px;
padding-right: 5px;
padding-bottom: 30px;
}
#sidebar-1 {
overflow: hidden;
float: left;
width: 170px;
}
#sidebar-2 {
width: 170px;
background: #ffffff url(images/header3.JPG) no-repeat top left;
}
#logo {
width: 140px;
padding:10px;
}
.sidebar {
text-align: left;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
border-top:solid 1px #CED4CA;
border-bottom:solid 1px;
border-left:solid 1px;
border-right:solid 1px;
float: left;
margin: 0px 5px 5px 5px;
background:;
font-size: 1em;
color: black;
}
.post {
border-bottom:solid 1px #444;
padding-top:30px;
padding-bottom:0px;
padding-right: 20px;
}
.post img{
padding: 3px;
margin: 5px 0 5px 0;
}
.post-titulo {
color:#ACB200;
margin:0px;
margin-bottom:2px;
}
.postmeta {
margin-top: 0;
padding-top: 1px;
font-size: 0.9em;
color: #999;
}
.comentarios-link{
padding: 0 0 0 17px;
background: url(images/commentslink.gif) no-repeat center left;
}
h1,
h2,
h3,
h4 { font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }
h1 { text-indent: -9000px; margin: 0; display: none;}
h2 { margin-top: 25px; margin-bottom: 0; font-size: 16px; }
h2 a { color: #009CFF;
font-family: Georgia, "Times New Roman", Times, serif;
}
h3 { font-size: 14px; color: #666; }
h4 {
margin: 0px;
padding: 0px;
font-size: 20px;
color: White;
font-family: Georgia, "Times New Roman", Times, serif;
}
p { line-height: 1.5em; margin: 1.2em 0; }
ol, ul {
line-height: 1.5em;
margin: 1.2em 0 1.2em 2em;
}
ul li,
ol li{ margin-bottom: 0.2em; }
img, a img{ border:0px;}
a, a:hover { color:; text-decoration: none; }
.sidebar a, a:hover { color: #333333; text-decoration: none; background:url(images/arrow2.gif) no-repeat left; }
a:hover { color: #fff; }
.sidebar a:hover { color:; }
em{
font-style: italic;
font-weight: normal;
}
blockquote {
margin: 0 20px;
padding: 0 20px;
border-left: 4px solid #E8E7D0;
font-size: 0.9em;
}
pre{
display: block;
margin: 1.0em 1.5em 1.0em 0;
padding-left: 0.8em;
border-left: 1px solid #ccc;
background-color: #eee;
overflow: auto;
}
code{font-family: monospace; font-size: 11px; background-color:;}
pre code{ line-height: 1.3em;}
kbd{
background-color: #ddd;
border-right: 1px solid;
border-bottom: 1px solid;
font-size: inherit;
font-family: inherit;
padding: 0 3px 2px 4px;
}
del, del * {
text-decoration: line-through;
}
.small {
font-size: 0.9em;
color:;
}
#comment{
width: 100%;
}
.comentarios{
border-bottom:1px solid;
background-color:;
padding:5px;
margin-top:5px;
margin-bottom:5px;
}
.commentarios li {
background-color: #F3F3F3;
padding:5px;
margin-top:5px;
margin-bottom:5px;
}
.commentarios li:hover{ background-color:; }
.comentariosmeta {
margin-top: 0;
padding-top: 1px;
font-size: 0.9em;
color:;
}
.comentariostitulo {
margin:0px;
margin-bottom:2px;
}
.sidebar h2 {
display: inline;
margin: 1.2em 0 0.6em 0;
padding: 0 10px 0 0;
color:;
background: url(images/arrow.gif) no-repeat center right;
font-size: 1.1em;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar ul ul {
margin: 1.0em 0 1.5em 0;
border-top: 1px solid #dee4da;
}
.sidebar ul ul li {
padding: 0 0 0 10px;
border-bottom: 1px solid;
}
.sidebar ul ul li a {
display: block;
margin: 0 0 0 -10px;
padding: 2px 10px 0 10px;
}
.sidebar ul ul li a:hover {
background-color: #f3f3f3;
}
.linkpermanente{
padding: 0 0 0 17px;
background: url(images/permalink.gif) no-repeat center left;
}
input, textarea, select {
border: 1px solid #C1C0B5;
background-color: #FAFAF0;
color: #555;
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
#pagina {
padding-top:30px;
padding-bottom:0px;
}
img{
padding: 3px;
margin: 5px 0 5px 0;
}
.pagina-titulo{
color:;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: dashed 1px;
margin:0px;
margin-bottom:2px;
}
.gravatar{
float:right;
}
.comentarios-autor{
border:1px solid #B2FF66;
background-color: #95FFCE;
padding:5px;
margin-top:5px;
margin-bottom:5px;
}
.comentarios-autor li {
border:1px solid;
background-color:;
padding:5px;
margin-top:5px;
margin-bottom:5px;
}
.comentarios-autor li:hover{ background-color:; }
#searchform{
width:100%;
}
```Non sono un novizio di CSS ma nemmeno un esperto: il mio problema è che non riesco a rimuovere una piccola freccia (fastidiosissima) che compare a sinistra dei links quando il mouse viene puntato su di essi (intendo i links al di fuori della sidebar, ovvero nel resto del sito). Il link, da blu diventa bianco, ma questa piccola freccia bianca si sovrappone alla prima lettera del testo del link, creando ovviamente confusione.
Analizzando il mio foglio di stile, il riferimento a tale freccia compare solamente nella sidebar (*arrow2.gif*, e lì va bene perchè rimane come sfondo fisso nei links, a sinistra di ogni stringa di testo). In "a:hover" non trovo nulla da cancellare per risolvere il mio problema... qualcuno di più esperto mi sa dire se il mio problema riguarda il foglio di stile? Se si, cosa devo cancellare o modificare? E' uno di quei classici problemini che ti fanno perdere ore e magari la soluzione è lì davanti ai tuoi occhi :x
Logicamente ringrazio in anticipo i partecipanti al forum che sapranno darmi qualche indicazione (sperando in futuro di apportare qualche nuova conoscenza).
Un saluto a tutti!