Pagina 1 di 1

Blocco mal ''costruito''

Inviato: 16/09/2015, 17:24
da pavel70
Ciao a tutti,
e perdonate la mia ignoranza. Ho creato un nuovo blocco ma sicuramente c'è qualche parte di codice che ho dimenticato perchè alla fine non c'è la chiusura del blocco, come da immagine. Mi dite per favore dove sbglio? Questo il codice:

Codice: Seleziona tutto

<div id="sidebar-1" class="sidebar-block forabg">
   <div class="inner">
      <span class="corners-top">
         <span> </span>
      </span>
      <div class="sidebar_title">
         <span style="color: #ffffff;">Better </span>
      </div>
      <div class="sidebar-content" style="display: block;">
         <ul class="topiclist forums">
            <li class="row bg1" style="padding: 4px;">
               <dl>
                  <dd style="width: 100%;">
                     <div style="text-align: center;"><a onclick="window.open(this.href,'_blank');return false;" <a href="http://tracking.publicidees.com/clic.php?partid=23500&progid=4381&promoid=119030" target="_blank"><img src="http://tracking.publicidees.com/banner.php?partid=23500&progid=4381&promoid=119030" border="0"></a></div>
                        <br />
                                            
                     <br />
                     <br /> </dd>
               </dl>
            </li>
            
			 </div>
			  </div>
			   </div>
Immagine

Re: Blocco mal ''costruito''

Inviato: 16/09/2015, 20:55
da Micogian
Manca la chiusura del tag <ul>
Se mettete i tag in colonna la cosa è evidente:

Codice: Seleziona tutto

<div id="sidebar-1" class="sidebar-block forabg">
    <div class="inner">
        <span class="corners-top"><span></span></span>
        <div class="sidebar_title">
            <span style="color: #ffffff;">Better </span>
        </div>
        <div class="sidebar-content" style="display: block;">
            <ul class="topiclist forums">
                <li class="row bg1" style="padding: 4px;">
                    <dl>
                        <dd style="width: 100%;">
                            <div style="text-align: center;">
                                <a onclick="window.open(this.href,'_blank');return false;" <a href="http://tracking.publicidees.com/clic.php?partid=23500&progid=4381&promoid=119030" target="_blank"><img src="http://tracking.publicidees.com/banner.php?partid=23500&progid=4381&promoid=119030" border="0"></a>
                            </div>
                            <br />                                               
                            <br />
                            <br /> 
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
</div> 
Il target=_blank è deprecato e gli arrotondamenti dei box si fanno con il tag "radius"
Questo codice arrotonda la parte superiore e lascia intatta quella inferiore.

Codice: Seleziona tutto

	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;

Re: Blocco mal ''costruito''

Inviato: 17/09/2015, 12:15
da pavel70
Grazie- Ho aggiunto il tag </ul> ma il risultato non è cambiato. Non capisco (perdonami) il tuo codice se e dove devo aggiungerlo

edit1: Ho risolto. A questo punto non era solo </ul> che mancava perchè come detto , aggiunto quel tag l'errore persisteva . Ho aggiunto alla fine anche questa parte di codice:

Codice: Seleziona tutto

</div>
      <span class="corners-bottom">
         <span> </span>
      </span>
   </div>
</div>	
e il problema l'ho risolto. Grazie

Re: Blocco mal ''costruito''

Inviato: 17/09/2015, 13:20
da Micogian
Quello è il codice dell'arrotondamento della parte inferiore, pensavo che andasse arrotondato solo in alto.
Comunque nella nuova versione di phpbb non si usa più quel sistema per arrotondare i moduli ma il tag radius.