Problema icone facebook/twitter/etc scrollano insieme alla pagina

Ciao, per non far passare troppo tempo, ora che controllo meglio, mi sono accorta di un piccolo problema.
Ho inserito i codici html e css come da questo precendete topic che avevo aperto:

https://aiuto.forumattivo.it/t15589-inserire-i-pulsanti-twitter-facebook-youtube-nell-header-del-forum#106784

Tutto funziona, links cliccabili etc.. soltanto che quando sono nel menu' principale, in pratica le icone twitter , facebook, etc.. scorrono insieme allo scorrere del forum, anche se sono in alto, appena con la rotella del mouse scorro verso giu', le icone si sovrappongono alle voci del forum... e sono come in 'trasparenza'...

diciamo scrollano insieme alla pagina anzichè rimanere fisse in alto.

Cosa posso fare?



I codici utilizzati sono questi:

Codice:

<ul class="socialicons">
<li><a href="URL PAGINA FACEBOOK"><img src="http://i71.servimg.com/u/f71/14/41/92/25/facebo10.png" /></a></li>
<li><a href="URL PAGINA TWITTER"><img src="http://i71.servimg.com/u/f71/14/41/92/25/twitte10.png" /></a></li>
<li><a href="URL CANALE YOUTUBE"><img src="http://i71.servimg.com/u/f71/14/41/92/25/youtub10.png" /></a></li>
<li><a href="URL PAGINA DIGG"><img src="http://i71.servimg.com/u/f71/14/41/92/25/digg10.png" /></a></li>
<li><a href="https://plus.google.com/100774546518155179714"><img

src="http://i41.servimg.com/u/f41/14/41/92/25/google10.png" /></a></li>
</ul>


da pda -> visualizzazione -> colori mettere quest'altro;

ul.socialicons{
list-style: none;
margin:0px;
padding:5px;
position:fixed;
left:0px;
top:250px;
}
ul.socialicons li{
padding-bottom:8px;
padding-left:15px;
}
ul.socialicons li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
opacity:1.9;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}


Grazie ancora!

Purtroppo non riesco ancora a sistemare le immagini, si vedono sopra i vari topic e le icone scorrono insieme alla pagina.

Se parli di quelle vicino al logo, io le vedo ferme...

In che senso quelle 'vicino al logo'? Quale logo?

Questo logo, i tasti di facebook ecc... si vedono sulla sinistra e se sono quelli, io li vedo fermi.

ah, no, parlo del mio sito, quello era solo un'esempio...
Mi hanno dato i codici html per inserire i codici (vedi su), li ho messi nel mio sito, ma le icone si vedono in trasparenza, e scorrono insieme alla pagina, anzichè rimanere fissi in alto.

Ahhh, allora come non detto... non sò neppure l' indirizzo del tuo sito...

Ciao soul33, se non inserisci il link del tuo forum nel profilo di Forum dei Forum faccio molta, molta, molta, molta fatica ad aiutarti!! Per favore aiutatami mettendo il link corretto del tuo forum . In questo modo ti posso dare buoni consigli per risolvere il problema.

Saluti, MartinoPio

Ciao, grazie! Provo a fare degli screenshots, perchè non mi va di aggiungere il sito alla lista links del forum dei forums, preferisco tenerlo più 'per me'.

Ecco il problema, ricordi ho inserito i codici che mi avevi fornito... funzionano perfettamente, solo che scorrono insieme alla pagina, cioè non sono 'fissi', e si sovrappongono alle varie scritture del forum:






cosa potrebbe essere? Forse nel codice html c'e' scritto che devono scorrere e che devono essere in trasparenza sopra i testi e fare lo scrolling?

Grazie ancora !

Purtroppo non riesco a risolvere nemmeno cambiando browser.... >_>

Va bene lo stesso sotto il logo? Caso mai metti i codici HTML in PDA-> Generale-> Configurazione e poi come CSS metti questo:

Codice:

ul.socialicons{
list-style: none;
margin:0px;
padding:5px;
position:relative;
left:0px;
top:250px;
}
ul.socialicons li{
padding-bottom:8px;
padding-left:15px;
}
ul.socialicons li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
opacity:1.9;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}

Saluti, MartinoPio

Grazie mille!! Ma in che senso il logo sotto? Il logo del forum? Penso quello deve andare sopra, essendo il titolo ' del forum...

Ciao solut33, per favore, inviami almeno il link del tuo forum in MP...non riesco a lavorare e cercare di aiutarti è difficilissimo!

Saluti, MartinoPio

Ti ringrazio! Scusa, in effetti cosi' non si capiva bene...
pero ho risolto, alla fine...

Ti spiego cosa ho fatto:

ho messo (anzi ha messo mio cugino: "absolute;" invece della parola che c'era prima che non ricordo)

e poi basta

Codice:


ul.socialicons{
list-style: none;
margin:0px;
padding:5px;
position:[color=red]absolute;[/color]
left:0px;
top:200px;
}
ul.socialicons li{
padding-bottom:8px;
padding-left:15px;
}
ul.socialicons li img{
opacity:0.5;
transition-duration:0.5s;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
ul.socialicons li img:hover{
opacity:1.9;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);



Ok, è risolto... solo che il primo post dopo un tot giorni non si puo' piu ' modificare... come faccio a mettere 'risolto'?

Grazie ancora!

Ciao solu33, ci pensa un moderatore, non preoccuparti .

Saluti, MartinoPio