Problema alle iconcine sul banner.

Harold Barrel · Messaggio da **Harold Barrel** » 26/04/2012, 9:41

Spero mi possiate aiutare. Nel mio sito (http://vintagerockforum.altervista.org) ho inserito sul banner due icone - il problema è che mi coprono la scritta del banner.
Mi chiedevo se fosse possibile o fare in modo che stiano una sotto l'altra, sempre sul lato sinistro, oppure farle stare in riga in basso a destra, come su questo forum.
Il codice che ho inserito nell'overall_header, dopo il testo

Codice: Seleziona tutto

<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>

è il seguente:

Codice: Seleziona tutto

                     <!-- mod etrusco //-->
<div id="mod-etrusco">
<a href="http://facebook.com/vintagerockforum" target="_blank" title="Facebook"><img src="http://vintagerockforum.altervista.org/immagini/facebook.png"></a>
                                <a href="http://youtube.com/user/vintagerockforum/videos" target="_blank" title="YouTube"><img src="http://vintagerockforum.altervista.org/immagini/youtube.png"></a>


</div>
<!-- end mod etrusco //-->

Lo stile è aggiornato, il forum pure (3.0.10). Lo stile che uso è prosilver special edition con i colori cambiati.

Ringrazio in anticipo.

Messaggio da **Micogian** » 26/04/2012, 11:03

Puoi sempre usare una posizione "relativa" per le immagini. per la seconda puoi usare un "a capo", ad esempio:

Codice: Seleziona tutto

                         <!-- mod etrusco //-->
    <div id="mod-etrusco" style="position: relative; top: 50px; left: 10px;">
    <a href="http://facebook.com/vintagerockforum" target="_blank" title="Facebook"><img src="http://vintagerockforum.altervista.org/immagini/facebook.png"></a><br />
                                    <a href="http://youtube.com/user/vintagerockforum/videos" target="_blank" title="YouTube"><img src="http://vintagerockforum.altervista.org/immagini/youtube.png"></a>
    </div>

Ovviamente modificando top e left puoi metterle dove vuoi.

Harold Barrel · Messaggio da **Harold Barrel** » 26/04/2012, 11:17

Grazie per la risposta.
Ho attuato la cosa su un forum di prova, e il risultato è questo:
http://www.micheleperrone.altervista.or ... /index.php

Le iconcine vengono sì una sotto l'altra, ma la posizione sembra calcolata non relativamente al banner, ma all'intera pagina....
Dove sbaglio?

EDIT
Scusa la mia ignoranza, ma qual è l'a capo? Questo?

Codice: Seleziona tutto

<br />

Messaggio da **Micogian** » 26/04/2012, 17:28

Per fare in modo che le immagini vengano riferite al "contenitore" bisogna inserire la parte delle immagini all'interno del contenitore, in pratica usando i <div> annidati.
Per esempio, questo è un modo per visualizzare due riquadri all'interno di un altro con due posizioni diverse. Crea una file html con questo codice e guarda il risultato:

Codice: Seleziona tutto

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>prova</title>
	</head>

	<body bgcolor="#ffffff">
		<div style="position: relative; top: 50px; left: 50px; width: 500px; height: 200px; border: 1px solid #FF0000;">
			<div style="position: absolute; top: 10px; left: 10px; width: 100px; height: 30px; border: 1px solid #00FF00;"></div>
			<div style="position: absolute; top: 150px; left: 380px; width: 100px; height: 30px; border: 1px solid #008000;"></div>
		</div>
	</body>

</html>

Il riquadro principale ha "position: relative;", quelli all'interno "position: absolute;"

Il risultato sarà questo:

testata.jpg

Il tag <br /> manda a capo.

phpBB Italia

Problema alle iconcine sul banner.

Problema alle iconcine sul banner.

Re: Problema alle iconcine sul banner.

Re: Problema alle iconcine sul banner.

Re: Problema alle iconcine sul banner.

Chi c’è in linea