Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Problema con ol

  1. #1

    Problema con ol

    Signori, buon dì.

    Il css è il seguente:

    codice:
    @charset "UTF-8";
    
    * 				{
    					margin:			0;
    					padding:		0
    				}
    
    html,body			{
    	  				background: 		#fff url(../img/bg.gif) repeat-y 50% 0;
    					width:			100%;
    					min-height:		100%;
    					text-align:		left;
    					font-family:		Verdana, Arial, Helvetica, sans-serif;
    					font-size:		90%;
    					line-height:		140%;
    					color:			#000
    				}
    
    div#main			{	
    					position:		relative;
    					width:			950px;
    					min-height:		100%;
    					height: 		auto;
    					overflow:		hidden;
    					margin:			0 auto
    				}
    
    div#logo			{
    					width:			320px;
    					height:			auto;
    					min-height:		100%;
    					overflow:		hidden;
    					float:			left
    				}
    
    h1				{
    					margin:			140px 0 0 120px;
    					color:			#fff;
    					line-height:		130%;
    					letter-spacing:		-1px
    				}
    
    h2				{
    					font-weight:		normal
    				}
    
    span				{
    					color:			#00f
    				}
    
    div#content			{
    					width:			600px;
    					height:			auto;
    					min-height:		100%;
    					overflow:		hidden;
    					margin:			350px 0 0 0;
    					float:			right
    				}
    
    li				{
    					list-style-type:	none
    				}
    
    a:link,a:active,a:visited	{
    					text-decoration:	none;
    					color:			#00f
    				}
    
    a:hover				{
    					text-decoration:	none;
    					color:			#00f;
    					font-weight:		bold
    				}
    
    p#hl:first-letter 		{
    					font-size:		240%;
    					color:			#00f;
    					font-weight:		bold	
    				}
    
    p#hp 				{
    					font-size:		80%;
    					margin:			0 0 30px 0
    				}
    
    p#last 				{
    					font-size:		70%;
    					margin:			100px 0 0 0
    				}
    
    ol#col,ol#col li		{
    					margin:			0;
    					padding:		0;
    					list-style-type:	decimal-leading-zero
    				}
    
    ol#col				{
    					width: 			100%;
    					overflow: 		hidden
    				}
    
    ol#col li			{
    					float: 			left;
    					width: 			50%;
    					display:		inline
    				}
    Il problema invece è che non mi visualizza i numeri progressivi (01, 02, 03, ...) nella lista ordinata "col".

    Qulacuno mi sa spiegare il perché, per favore?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, hai nel css

    codice:
    li {list-style-type:none}
    dovresti avere per il tuo elenco un list-style-type:decimal-leading-zero;
    Ma con margini e padding settati su zero non vedresti comunque il punto elenco, a meno di aggiungere anche, se non vuoi modificare margini e padding, un list-style-position:inside;

  3. #3
    Grazie mille.

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.