Pagina 1 di 1
Problema alle iconcine sul banner.
Inviato: 26/04/2012, 9:41
da Harold Barrel
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.
Re: Problema alle iconcine sul banner.
Inviato: 26/04/2012, 11:03
da Micogian
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.
Re: Problema alle iconcine sul banner.
Inviato: 26/04/2012, 11:17
da Harold Barrel
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?
Re: Problema alle iconcine sul banner.
Inviato: 26/04/2012, 17:28
da Micogian
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.