Visualizzazione dei risultati da 1 a 2 su 2

Discussione: lista ordinata

  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    84

    lista ordinata

    Ciao ragazzi

    ho creato una lista e chiederei gentilmente se qualcuno può controllare se ho fatto degli errori.
    La lista la trovate a questa pagina:

    chimicarn.altervista.org/prova.htm

    in più:

    codice:
    /* inizio lista quiz*/ 
    
    .colonna { font-size:90%; width:auto; height:auto; padding:5px; float:left; border: thin solid #8080BF; background-color: #D9D9EC; font-weight:bold; } 
    
    .colonna li{ margin-top:0; margin-bottom:0; padding-left:10px; list-style:circle; list-style-position:inside; } 
    
    .colonna a{ text-decoration:none; display:block; } 
    
    .colonna a:hover, .colonna a:focus, .colonna a:active { text-decoration:underline; } 
    
    p.lista { margin-bottom:0; } 
    
    /* fine lista quiz*/

    e poi:

    codice:
    <ul class="colonna"> 
    
    
    I quiz sono suddivisi per argomento.
     
    Scegli il quiz che vuoi svolgere.</p> 
    <p class="lista"> • Proprietà della materia</p> [*]quiz 1 [*]quiz 2 [*]quiz 3 
    <p class="lista"> • Trasformazioni fisiche e chimiche
    
    Metodi di separazione</p> [*]quiz 1 [*]quiz 2 [*]quiz 3 
    <p class="lista"> • Mole e bilanciamento di reazioni</p> [*]quiz 1 [*]quiz 2 [*]quiz 3 [/list]
    può andare? oppure ho commesso degli errori?
    Grazie a tutti!

  2. #2
    Per chiarezza, si tratta di una lista Non ordinata. <ul> = Unordered List
    io la nidificherei, a prescindere dal css, guarda come risulta piu chiaro il codice

    codice:
    
    I quiz sono suddivisi per argomento.
     
    Scegli il quiz che vuoi svolgere.</p> 
    
    <ul> [*]Proprietà della materia
            <ul>[*]quiz 1 [*]quiz 2 [*]quiz 3 [/list]
        [*]Trasformazioni fisiche e chimiche
            <ul>[*]quiz 1 [*]quiz 2 [*]quiz 3 [/list]
        [*]Mole e bilanciamento di reazioni
            <ul>[*]quiz 1 [*]quiz 2 [*]quiz 3 [/list]
        [/list]
    http://www.trustweb.it - Web Development - Design 2D/3D - SEO & SEM

    Twitter http://twitter.com/#!/TrustWeb
    LinkedIn http://it.linkedin.com/in/trustweb

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.