Problema Posizionamento sidebar

RE: Posizionamento sidebar

#1
Ciao a tutti, ho inserito una sidebar (il codice della sidebar è quello originale del tema) Il problema è che si va a posizionare a fianco della prima sidebar e non capisco il motivo. La mia domanda è: come faccio a inserire la sidebar "2" sotto alla sidebar "1" e dargli per esempio 5px di spazio? vi allego lo screen e il codice index per farvi capire meglio. Grazie in anticipo per l'aiuto
Codice:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
    lang.no_new_posts = "{$lang->no_new_posts}";
    lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>
{$header}
<br class="clear" />
<div class="sidebar" style="float: right; width: 22%;">
     <script type="text/javascript">
     jQuery(function(){
         jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
     });
     </script>
     <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong style="background: #111 url(images/duende2/topic_button.png)  repeat-x top;  border: 1px solid #212121;  border-width: 1px 1px 0 1px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  background: -moz-linear-gradient(top, #111 0%, #111 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,111));  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.1);  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;        white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  color: #fff;  text-shadow: 0 -1px 0 #191919;  font: 300 12px/1.3 Helvetica, Arial, sans-serif;  line-height: 30px;  height: 30px;  padding: 0 10px;  text-align: center;  min-width: 125px;  display: inline-block;">
Ultime Discussioni
</strong></td>
</tr>
<tr>
<td class="trow1">
     <div class="latestthreads"></div></td>
</tr>
</table>
</div>    
<div class="sidebar" style="float: right;width: 22%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead"><strong style="background: #111 url(images/duende2/topic_button.png)  repeat-x top;  border: 1px solid #212121;  border-width: 1px 1px 0 1px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  background: -moz-linear-gradient(top, #111 0%, #111 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,111));  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.02), 0 1px 0 rgba(255, 255, 255, 0.1);  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;        white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  color: #fff;  text-shadow: 0 -1px 0 #191919;  font: 300 12px/1.3 Helvetica, Arial, sans-serif;  line-height: 30px;  height: 30px;  padding: 0 10px;  text-align: center;  min-width: 125px;  display: inline-block;">
Mushroom Gaming
</strong></td>
</tr>
<tr>
<td class="trow1">
</td>
</tr>
</table></br>
    </div>    
<div class="forums" style="float: left;width: 77%;">
{$inferno_shoutbox}{$forums}
</div>
<br class="clear" />
{$boardstats}
<br style="clear: both" />{$theme_select}
{$footer}
</body>
</html>


Allegati Immagini
   
 

RE: Posizionamento sidebar

#2
@Raukrosper inserire una nuova sidebar non devi ogni volta creare un blocco con classe 'sidebar'.
Dopo la chiusura del tag table della prima sidebar mettici un br e dopo il codice della seconda sidebar
Citazione:Noi non possiamo aiutare tutti, ma tutti possono aiutare qualcuno
 

RE: Posizionamento sidebar

#3
Grazie ha funzionato
 

RE: Posizionamento sidebar

#4
Chiudo.
 
  

Vai al forum:


Utenti in questa pagina: 1 Ospite(i)