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

    Centrare tab menu con elementi float.

    Ciao a tutti,

    sto lavorando su di un menu di navigazione a tab e ho il seguente problema:

    devo posizionare centralmente il menu, però sia i "li" che gli "a" sono posizionati float:left, e quindi il text-align: centere margin:auto non funzionano.

    chi mi può dire come posizionare centralmente il menu?


    edit.

    per aiutarvi a capire il mio problema, sto realizzando un menu come descritto nell'articolo "Menu con tab grafiche", e nell'articolo stesso non viene specificato come posizionare centralmente nel browser la barra di navigazione.

    link all'articolo

  2. #2

  3. #3
    scusa, ma puoi essere un pò più chiaro?

    perkè inserendo margin: 0 auto oppure text-align:center in ul non succede nulla.

  4. #4
    Basta che dai una dimensione a "ul" e poi lo allinei..
    per fare le prove imposta temporaneamente un bordo a "ul" per vederlo..poi lo dimensioni secondo le tue esigenze e poi lo sposti e dai il padding desiderato..

    o un altro modo può essere tipo questo:
    codice:
    <html>
    <head>
    <style type="text/css">
    
    ul{border: 1px solid black;margin: 0; padding: 0; list-style-type: none;}
    li{float: left; margin: 20px;}
    div#ero{background-color: yellow;width: 300px;}
    
    </style>
    </head>
    <body>
    
    <div id="ero">
    <ul>[*]ciao[*]bibbiena[*]marioesolo[/list]
    <div style="clear: both;"> </div>
    </div>
    </body>
    </html>
    prova a salvartelo in una pagina e vedere che effetto fa..

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.