• G
    User •

    [Risolto] Rimuovere piccola freccia dai links

    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!
    0
  • O
    Super User •

    Come l'hai detto te stesso c'e solo un riferimento all'arrow2.gif

    .sidebar a, a:hover { color: #333333; text-decoration: none; background:url(images/arrow2.gif) no-repeat left; }

    Provato a toglierlo???

    :bho:

    0
  • G
    User •

    Si, ho provato ma mi toglie la freccetta dalla sidebar e non risolve, purtroppo i miei problemi. Grazie comunque per averci dato un'occhiata!

    0
  • M
    User Attivo •

    ma scusa...prova a salvare quel bg...tasto dx salva sfondo con nome o salva img cn nome...vedi come si chiama, la cerchi e zaaaaaaaac la levi 🙂 semplice no?

    0
  • K
    Super User •

    La miglior cosa è sempre linkare la pagina nella sua totalità.
    Questo perchè spesso ci sono errori o piccolezze che non è facile vedere. Potresti aver potuto tralasciare qualcosa in quello che hai postato 🙂

    0
  • C
    Super User •

    @misterwo said:

    ma scusa...prova a salvare quel bg...tasto dx salva sfondo con nome o salva img cn nome...vedi come si chiama, la cerchi e zaaaaaaaac la levi 🙂 semplice no?:quote: Infatti.... basta vedere le proprietà dell'immagine.

    Comunque prova a sostituire:

    .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: #009CFF; }

    Con:

    .sidebar a{ color:; text-decoration: none;  background:url(images/arrow2.gif) no-repeat left; }

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

.sidebar a:hover { color:; text-decoration: none;  background:url(images/arrow2.gif) no-repeat left; }

    L'ho fatto al volo, ma penso il problema sia proprio lì 🙂
    Ciao :ciauz:

    0
  • G
    User •

    Claudioweb, sei un mito!!! Risolto, era proprio lì il problema! Grazie infinite!

    P.S. ringrazio anche gli altri che hanno tentato di darmi un aiuto!

    0
  • C
    Super User •

    @genint said:

    Grazie infinite!:)

    @genint said:

    ringrazio anche gli altri che hanno tentato di darmi un aiuto!Ti avevano già risposto ottimamente anche Onsitus, visto era propri lì il problema e dato un ottimo consiglio da usare in futuro misterwo. 😉

    Ciao ciao :ciauz:

    0
  • M
    User Attivo •

    Ciao Genint, e benvenuto sul forum GT.
    Marco il post come risolto!
    Bravi tutti! 😄

    0
Effettua l'accesso per rispondere