Allineamento immagine intestazione

Sentivate la mia mancanza con le domande ...come dire... da sprovveduta?

Ho messo una gif di Halloween sul forum, questo forum
http://ilcortiledellematte.forumattivo.it/
phpBB3
e come si può vedere è un po' invadente.


Ho messo il codice che ho trovato qui sul forum di assistenza nella descrizione forum, dopo il link dell'intestazione, ma mi viene così e non mi piace molto

Codice:

<a href="LINK"><img src="LINK IMMAGINE" /></a>

Si può fare qualcosa per averla di fianco al logo in alto?
Ho provato a cercare, ma non sono riuscita da sola a trovare un sistema.
Grazie come sempre

L'immagine l'hai messa nella descrizione, quindi non è possibile affinacarla al logo tramite CSS

Bisogna operare via template e aggiungere l'immagine direttamente accanto al logo (e non nella descrizione).

Tuttavia, ho delle alternative.. vediamo se ti piacciono

1. Come prima cosa ti consiglio di cancellare la parte relativa al link.. se non vuoi che quando qualcuno clcica sull'immagine, vada in un'altra pagina, allora è inutile che tieni il href="LINK", anche perchè se lo lasci così, porta ad una pagina di errore

2. Utilizza questo codice per posizionare l'immagine dove preferisci:

Codice:

<img style="position: absolute; top: 10px; left: 10px;" src="http://img.photobucket.com/albums/v111/TinaAurora/gif24.gif">

Se vuoi che l'immagine sia fissa sullo schermo, cambia "absolute" con "fixed". Con quel codice l'immagine sarà allineata in alto a sinistra, se vuoi che compia sulla destra, cambia "left:" con "right:"

Fammi sapere

Grazie MattiaDes, è quasi tutto chiaro. Chiedo solo conferma.
Nella descrizione del sito tolgo il codice che ho messo io e metto quello che mi hai dato tu...
È così oppure non ho capito niente?
Grazie per la pazienza.

Dunque... nella descrizione del sito non va... mi esce una scritta PHoto no found...intanto penso.

T.Aurora ha scritto:Dunque... nella descrizione del sito non va... mi esce una scritta PHoto no found...intanto penso.

Hai uno screenshot?

T.Aurora ha scritto:Grazie MattiaDes, è quasi tutto chiaro. Chiedo solo conferma.
Nella descrizione del sito tolgo il codice che ho messo io e metto quello che mi hai dato tu...
È così oppure non ho capito niente?
Grazie per la pazienza.

Esattamente scusa per la risposta in ritardo siccome ti dava errore, ti ho ricaricato la gif, prova con questo:

Codice:

<img style="position: absolute; top: 10px; left: 10px;" src="http://i.imgur.com/f13fH48.gif">

Appena vedi se funziona, possiamo discutere su come e dove posizionare l'immagine

per Niko: non ho quello screenshot perchè ho tolto subito l'immagine Photo No found.

per MattiaDes: perfetto, ora l'immagine c'è... è al posto di prima ma c'è, ma non scusarti del ritardo, ci mancherebbe; quando hai tempo mi dici come spostarla, così imparo un'altra cosa nuova, nuova per me ovviamente.

inseriscilo e modifcalo come vuoi

Codice:

<p style="position:absolute; top:10px; left:300px">
        <img alt="breve descrizione dell'immagine" src="http://2img.net/i/fa/admin/icones/help_it.png" />
</p>

Eccomi, ottimo! allora @T.Aurora proverò a farti varie casistiche

In alto a sinistra fissa in alto:

Codice:

<img style="position: absolute; top: 10px; left: 10px;" src="http://i.imgur.com/f13fH48.gif" />

In alto a destra fissa in alto:

Codice:

<img style="position: absolute; left: 10px; right: 10px;" src="http://i.imgur.com/f13fH48.gif" />

In alto a sinistra fissa sulla schermo (se scorri la pagina l'immagine rimane comunque):

Codice:

<img style="position: fixed; top: 10px; left: 10px;" src="http://i.imgur.com/f13fH48.gif" />

In alto a destra fissa sulla schermo (se scorri la pagina l'immagine rimane comunque):

Codice:

<img style="position: fixed; top: 10px; right: 10px;" src="http://i.imgur.com/f13fH48.gif" />

Come valore c'è sempre 10px, se lo aumenti l'immagine risulterà più spostata dai margini

Grazie ragazzi... ma come farei senza di voi? grazie a the crow e grazie a te MattiaDes, mi salvo tutti i codici. Sei stato davvero gentilissimo .

Chiudo il topic e metto risolto.