Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543

    Posizionamento per menù div

    Ciao, allora, premettendo che non posso usare "display: inline;" perchè mi sfasa il layout dei nifty corners, come posso allineare orizzontalmente rispetto al div nav i pulsanti del menù? Posto i codici e poi spiego meglio:
    codice:
    body {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	background-color: #006699;
    }
    #nav {
    	font-weight: bold;
    	color: #CCCCCC;
            text-align:center;
    }
    #butt_home {
    	height: 28px;
    	padding-top: 9px;
    	color: #666666;
    	background-color: #D4D0C8;
    	width: 100px;
    }
    #butt_sono {
    	height: 28px;
    	padding-top: 9px;
    	background-color: #999900;
    	width: 100px;
    }
    #butt_port {
    	height: 28px;
    	padding-top: 9px;
    	background-color: #CC6600;
    	width: 100px;
    }
    Questo è il css
    codice:
    <body onload="Nifty('div#butt_home','top');">
    <div id="nav">
    <div id="butt_home">Home</div>
    <div id="butt_sono">sono</div>
    <div id="butt_port">port</div>
    </div>
    e questo è l'html

    Allora io vorrei posizionare su una stessa riga i div butt_xxxx.....ora, possibilmente preferirei posizionarli rispettivamente a nav....tipo mettere 5px dal top, ma non riferito alla pagina ma al div nav, perchè se posiziono nav a 35px dal top i vari butt devono trovarsi a 40....che faccio? cosa uso?
    position static, relative, absolue non producono l'effetto desiderato

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  2. #2
    Utente di HTML.it L'avatar di oronze
    Registrato dal
    Jun 2001
    Messaggi
    3,543
    ho risolto, in una prova ho messo relative a nav e absolute a tutti gli altri....funziona anche se nn riesco a capirne la logica

    No ai layout tabellari!

    Insulto libero: http://forum.html.it/forum/showthread.php?s=&postid=12524872#post12524872

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    float:left;
    serve per posizionare vari oggetti di tipo blocco sulla stessa riga.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.