Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Problema liste definizione

    Ciao a tutti,
    sto utilizzaando le liste di definizione per assemblare il menù laterale ho un problema per quanto riguarda la barra tra un gruppo e l'altro di voci: es.

    Codice PHP:
        <dl>
          <
    dt>Voce principale 1</dt>
          <
    dd>[url="#"]link secondario 1[/url]</dd>
          <
    dd>[url="#"]link secondario 1[/url]</dd>
          <
    dd>[url="#"]link secondario 1[/url]</dd>
          <
    dd class="barra"></dd>
          <
    dt>Voce principale 2</dt>
    ...... 
    Dove ho messo la class barra devo mettere un'immagine, una linea per capirci eppoi riprendo un altro tag <dt> ...

    Il codice CSS è il seguente:

    Codice PHP:
    dl{width:182px}

    dt{
        
    font-familyVerdanaGenevaArialHelveticasans-serif;
        
    font-size11px;
        
    color#fff;
        
    font-weightBold;
        
    margin10px 0 0;
        
    text-alignleft;
        
    margin-left3px;
    }

    dd {
        
    margin0;
        
    padding-left:14px;
        
    line-height1.4;
        
    background:url(../img/bullet.gifno-repeat center left;
        
    margin-left3px;
    }

    [
    B]dd .barra [/B]  {
    margin0;
    padding0px
    /*line-height: 1.3em;*/ 
    width:183px;  
    background-imageurl(../img/linea.gif); 
    background-repeatrepeat-x;
    displayblock;

    Però non me la vedo in pratica vedo un'immagine bullet.gif che sovrascrive il testo della <dt> successiva es. Voce principale 2 :master:
    Come posso risolvere 'sto problema? Sbaglio tag? :master:

  2. #2
    codice:
    dd.barra  {
    margin: 0;
    padding: 0px;
    /*line-height: 1.3em;*/
    width:183px;  
    background-image: url(../img/linea.gif);
    background-repeat: repeat-x;
    display: block;
    }
    senza spazio tra selettore e classe!

  3. #3
    Ciao grazie!
    Era una questione di spazi tra dd e la class barra l'unico problema è che ora la linea che mette con un ritorno a capo sotto invece la <dt> successiva dovrebbe essere subito sotto senza ritorni a capo.
    :master:

  4. #4
    Ok ero condentrato sul tag dd ed invece era il dt che aveva questa impostazione:
    margin: 10px 0 0;

    Grazie

  5. #5
    Orribile scoperta! IE visualizza le linee divisorie Firefox non le vede per niente! Come mai? E' per caso sbagliato mettere una class dentro un tag <dd>??? :master:

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.