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

    lista centrata dimensioni in pixel

    Ciao
    per un menù utilizzo una lista, centrata nel parent.
    codice:
    <style>
    #inline-list ul {
    	text-align: center;
    }
    #inline-list ul li {
    	display: inline;
    	width: 80px;
    	height: 40px;
    	background: #000066;
    }
    </style>
    <div id="inline-list">
      <ul>[*]Link 1[*]Link 2[/list]
    </div>
    Non riesco ad ottenere di impostare i singoli elementi di lista a una dimensione prestabilita, se non usando delle immagini: se utilizzo dei DIV, questi collassano. Se li imposto come display=block, perdo la centratura, e via così.
    Per favore, sapreste indirizzarmi? grazie!

  2. #2

    [RESOLVED]

    ok ho già risolto, con riferimento all'inesauribile CSSplay di Stu Nicholls (centered menu )

    Lo style diventa:
    codice:
    #inline-list {
    	text-align: center;
    	height: 40px;
    }
    
    #inline-list UL {
    	display: inline-block;
    	margin: 0 auto;
    	padding: 0;
    	list-style-type: none;
    	white-space: nowrap;
    }
    
    #inline-list LI
    {
    	display: inline;
    }
    
    #inline-list A
    {
    	display: block;
    	float: left;
    	margin-top: 0;
    	width:80px;
    	height: 40px;
    }
    Più i vari conditional comments per IE2, IE3, IE15, ecc.

    Grazie.
    Prego.
    Figurati.
    E' un piacere.
    Buon lavoro.
    Altrettanto.

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.