Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Allineamento menu

  1. #1

    Allineamento menu

    Rieccomi, avrei un piccolo problema...premetto che non sono per niente una cima con i css, ma dovrei risolvere una cosa: ho creato un menu con i css che dovrei inserire in una determinata tabella dove dovrebbe essere allineato al left della tabella stessa, però non riesco ad allinearlo, me lo mette sempre come vuole lui. Ho provato con il comando align: left; ma non funziona... il menu è il seguente:
    codice:
    </style>
    <style type="text/css">
    
    #navcontainer ul li
    {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    background: url("images/button1.gif") repeat-x 0px;
    color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 70%;
    text-align: center;
    }
    
    #navcontainer a
    {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 104px;
    height: 18px;
    border-top: 1px solid #A8B090;
    border-bottom: 1px solid #A8B090;
    border-left: 1px solid #A8B090;
    }
    
    #navcontainer li#active { background: url("images/button2.gif") repeat-x 0px; }
    #navcontainer a:hover { background: url("images/button2.gif") repeat-x 0px; }
    
    
    </style>
    </head>
    Qualche consiglio su come posso allinearlo sulla sinistra??

  2. #2
    mi ero dimenticato di postare l'html:
    codice:
    <div id="navcontainer">
    			<ul id="navlist">[*]Home[*]Pippo[*]Pluto[*]Caio[*]Contatti[/list]
    </div>
    In pratica il problema a quanto ho capito me lo dà sul float: left; se il float ad esempio lo sposto su right me lo attacca a destra della tabella, invece su left mi lascia sempre un 30 pxl di margine di distanza e non me lo attacca alla tabella

    Come posso risolvere? Help me^^

  3. #3
    Utente di HTML.it L'avatar di Renyp
    Registrato dal
    Nov 2004
    Messaggi
    304
    correzione al messaggio precedente: la lista ul ha, per definizione, un rientro a destra. dai display: inline; alla ul...

  4. #4
    Ho provato a togliere la dicitura "ul" quando richiamo il container ma mi dà sempre lo spazio

  5. #5
    OK, Renyp!!
    ho capito ora...logicamente dovevo fare la stessa cosa sull'html togliendo l'ul, ed ora si allinea perfettamente^^

    Grazie, mi hai salvato

  6. #6
    Utente di HTML.it L'avatar di Renyp
    Registrato dal
    Nov 2004
    Messaggi
    304
    mmmh ok ok, però aspetta un attimo
    non devi eliminare il tag ul! sarebbe un errore html a quel punto, non potrebbe essere validato il codice ecc...

    devi invece dare ad ul display: inline.

    #navcontainer ul {display: inline;}

    prova così

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.