Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121

    CSS: display block e inline

    Ciao, ho un problema di visualizzazione tra IE e Netscape, il risultato che vorrei ottenere è quello di IE.

    Ho un menu che deve avere per ogni voce una dimensione fissa senza che si adatti alla dimensione del testo.
    Di solito con dislay:block funzionava in tutti i browser, solo che essendo un elenco in linea, non so come fare per ottenere la stessa cosa facendo rimanere in linea tutte le varie voci.

    codice:
    <div id="menu">
    	<ul class="menu-elenco">
    		[*]prova1
    		[*]prova1
    		[*]prova1
    		[*]prova1
    		[*]prova1
    		[*]prova1		
    	[/list]
    </div>
    <div id="sottomenu">
    	<ul class="sottomenu-elenco">
    		[*]prova1
    		[*]prova1
    		[*]prova1
    		[*]prova1
    		[*]prova1
    		[*]prova1		
    	[/list]
    </div>
    codice:
    ul.menu-elenco {
    	margin: 5px 0px 0px;
    	padding: 0px;
    	height: 15px;
    }
    ul.menu-elenco li {
    	margin: 0px 2px;
    	padding: 0px;
    	height: 15px;
    	width: 110px;
    	display: inline;
    	list-style-type: none;
    }
    ul.menu-elenco a:link , ul.menu-elenco a:visited {
    	text-decoration: none;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #002B59;
    	font-weight: bold;
    	margin: 0px;
    	padding: 0px;
    	height: 15px;
    	width: 110px;
    	background-image: url(../img/bott_sfumato_grande.jpg);
    	background-repeat: no-repeat;
    	background-position: bottom;
    }
    Il link della pagina è questo

    Grazie
    ciao ciao

  2. #2
    se ho capito quello che intendi, te la devi giocare con i px, in base a quante voci fai stare su una linea fai la proporzione. Altrimenti... spiegati meglio

    ciao

  3. #3
    Utente di HTML.it L'avatar di deleted_id_48586
    Registrato dal
    Nov 2002
    Messaggi
    1,732
    metti i link <a> come display:block gli dai una dimensione e poi li fai flottare

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2003
    Messaggi
    121
    metti i link <a> come display:block gli dai una dimensione e poi li fai flottare
    Ok, grazie. Funziona, non ci avevo proprio pensato!




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.