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

    [css] spaziatura tra linee elenchi puntati

    ho un elenco puntato che fa da menu verticale. può capitare che le righe siano più lunghe e vadano alla riga successiva.

    in firefox nessun problema mentre in explorer la distanza tra un punto elenco ed il successivo è eccessiva.

    per ridurla avevo pensato di mettere:
    height: 1em;
    line-height: 1em;

    che funziona in explorer ma in firefox mi sovrappone le linee dei punti elenco che "vanno alla riga successiva".

    come ovviare?

    scusate se il codice è un po' "sporco":

    codice:
    #menusez, #menumain 	{
    	background-color: #00C;
    	color: #99CCFF;
    	font-size: 0.8em;
    	font-weight: bold;
    	padding-bottom: 10px;
    	padding-top: 10px;
    	text-transform: uppercase;
    	top: 0px;
    	width: 100%;
    }
    
    #menusez ul, #menumain ul {
    	list-style: none; /* elimino i punti elenco */
    	margin: 0px;
    	padding: 0px; /* elimino i rientri delle liste */
    }
    
    #menusez ul li a, #menusez ul li a:visited, #menumain ul li a, #menumain ul li a:visited {
    	background-color: transparent;
    	border: 0px;
    	border-bottom: 1px solid #4A8CCD;
    	color: #BCD2FF;
    	display: block;
    	margin: 0px;
    	padding: 2px 2px 2px 10px;
    	padding-left: 8px;
    	padding-right: 12px;
    	text-decoration: none;
    	width: auto;
    }
    
    #menusez ul li a:hover, #menumain ul li a:hover {
    	background: url('/cdcds/img/frecciadx.gif') #66CCFF no-repeat center right;
    	border: 0px;
    	border-bottom: 1px solid #FFFFFF;
    	color: #FFFFFF;
    	display: block; /* il link occupa tutto lo spazio orizzontale */
    	margin: 0px;
    	padding: 2px 12px 2px 10px;
    	padding-left: 8px;
    	text-decoration: none; /* elimino la sottolineatura */
    	text-decoration: none;
    	width: auto;
    }

  2. #2
    vi è mai capitato questo inconveniente?
    sapete come posso risolvere?

  3. #3
    Utente di HTML.it L'avatar di jepers
    Registrato dal
    Nov 2004
    Messaggi
    214
    Io avevo risolto crenado una classe per ol,li e dando un padding-bottom=Opx

    Fai un pò di tentativi cosi e vedi cosa viene, dovrebbe funzionare.
    Est modus in rebus...

  4. #4
    si i tentativi li ho fatti ma il problema con explorer rimane.
    ho ripulito pure le dichiarazioni multiple dei padding nel caso fossero quelle... ma non erano quelle.

    ed ora che faccio?

  5. #5
    una notte e un giorno di tentativi ma alla fine ho trovato e lo comunico a tutti, spero vi torni utile:

    mancava un "width" che explorer voleva a tutti i costi.

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 © 2025 vBulletin Solutions, Inc. All rights reserved.