Visualizzazione dei risultati da 1 a 5 su 5

Discussione: css li annidati

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    142

    css li annidati

    Ciao a tutti
    ho questo css:
    #box1 li{
    background: url(../immagini/point.jpg) no-repeat;
    list-style:none;
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#161616;
    text-align:left;
    margin-bottom:10px;
    height:auto;
    width:100%;
    }

    #box2 li{
    list-style-type:disc;
    list-style-position:inside;
    background: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#161616;
    text-align:left;
    margin-bottom:10px;
    height:auto;
    width:100%;
    }

    <div id="box1">
    <ul>[*]
    <div id="box2">
    <ul>[*]

    [/list]
    </div>
    [/list]

    Non capisco perchè il css del box2 non venga considerato e prenda sempre il css del box1. Se invece inserisco il css direttamente nel tag 'li' funziona.
    Grazie mille

  2. #2
    prima di tutto un div non lo hai chiuso...correggi e fai sapere

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    142
    non è quello il problema
    quel codice l'ho scritto io nel forum. Nella pagina è chiuso

  4. #4
    vedi che io ho messo questo codice qui
    http://www.w3schools.com/tags/tryit....yhtml_div_test

    e in un file html aperto con ie9(ho aggiunto color:red; nel box2 per vedere come lo gestiva) e si vede rosso quindi lo vede dallo stile del box2
    codice:
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    #box1 li{
     background: url(../immagini/point.jpg) no-repeat; 
    list-style:none;
     font-family: Verdana, Geneva, sans-serif;
     font-size:11px;
     font-weight:normal;
     color:#161616;
     text-align:left;
     margin-bottom:10px;
     height:auto;
     width:100%;
     }
     
    #box2 li{ 
    list-style-type:disc; 
    list-style-position:inside; 
    background: none;
     font-family: Verdana, Geneva, sans-serif;
     font-size:11px;
     font-weight:normal;
     color:#161616;
     text-align:left;
     margin-bottom:10px;
     height:auto;
     width:100%;
    color:red;
     }
     
    </style>
    </head>
    <body>
    
    <div id="box1">
     <ul>[*]
     <div id="box2">
     <ul>[*]
    lololo
     [/list]
     </div>
     [/list]
     </div>
    </body>
    </html>
    Immagini allegate Immagini allegate

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2006
    Messaggi
    142
    Grazie, riprovo
    potrebbe essere dovuto dall'azzerramento il problema:
    /*RESET CSS*/
    h1, h2, h3, h4, h5, h6, li, ul{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }
    li,ul{
    text-align:left;
    list-style:none;
    }

    /*FINE RESET CSS*/

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.