Visualizzazione dei risultati da 1 a 6 su 6

Discussione: centrare 'float'

  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085

    centrare 'float'

    Ciao ..
    Qualcuna ha idea di come si possa centrare nella pagina un div "float" ?
    Grazie mille


    #menu{float:left;
    margin : 0 2em 2em 3em;
    padding-top:1em;
    background: url(navbk.jpg);}
    #nav,
    #nav li{list-style-type:none;
    margin:0;
    padding:0}
    #nav {padding-left: 6em;
    padding-right: 5.5em}
    #nav li{float:left;
    width:10em;
    margin-right:0.5em;
    text-align: center}
    #nav a{float:left;
    width:10em;
    padding: 2px 0 5px;
    text-decoration:none;
    background: #BEFF9A;
    color: #999}
    #nav li.activelink a,
    #nav a:hover{color: #000}

  2. #2
    Utente di HTML.it L'avatar di Buzzz
    Registrato dal
    Jan 2009
    Messaggi
    775
    hai provato a dare una larghezza fissa al div tipo width:500px; e margin:0 auto; ?

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    provato ..
    non funcsia !!


    a proposito di menù a etichette (tipo http://www.ansa.it/)
    come avranno fatto ad ottenere qull'effetto grafico ?
    mi riferisco in particolare ai bordi


    -------
    <div id="nav-bar">
    <ul id="nav-main"> [*]home [*]<a href="/web/notizie/r... >calcio</a>
    <li class="on"><a href="/we... >economia</a> [*]<a href="/web/notizie/r... >cinema</a> [*]<a href="/web/multimedi... >foto</a> [*]<a href="/web/multimedi... >video</a> [*]<a href="/web/static/ho... >newsmap</a> [*]<a href="/web/static/an... >ansaspecializzati</a> [*]<a href="/web/static/an... >ansainternational</a> [*]<a href="http://meteonew.an... >meteo</a> [/list]
    </div>
    --------
    Grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Un FLOAT e` flottato a destra o sinistra. Non ha senso centrarlo.

    Si puo` centrare un oggetto (ma allora non e` flottato), oppure si puo` centrare qualcosa all'interno di un oggetto float.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Se vuoi un menù che ha gli elementi li flottati, ma che sia centrato prova a guardare qui: qui

    Per il menù di ansa.it è un semplicissimo menù a tab senza niente che non sia codice css:
    Assegni a[*] il float, un border-right (quello scuro che divide i "nomi"), poi lavori su <a> dando un display: block; oppure lavorando col padding, poi il background e il border a quello attivo, ma con ques'ultimo dovrai lavorare anche con i margini perchè il padding non rende l'elemento a un "blocco", ma sarà sempre una linea di testo.

  6. #6
    Utente di HTML.it
    Registrato dal
    Oct 2009
    Messaggi
    1,085
    Grazie mille ..
    cercavo proprio un menù con elementi li flottati !

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.