Visualizzazione risultati 1 fino 5 di 5

Discussione: menu orizzontale

  1. #1
    Guest

    Predefinito menu orizzontale

    Salve,
    sto cercando di realizzare un menù orizzontale. Ho creato un contenitore div, dentro ci ho messo una lista ul e quindi i diversi elementi li. Non riesco bene a posizionare il menu, lo noto perchè quando riduco la finestra tutti gli altri elementi del sito si riducono proporzionalmente, invece il menù rimane come spostato sulla sinistra, come se fosse fisso.
    Vi riporto il codice.

    html
    Codice:
    <div id="contenitore">
    			<ul id="menu">
    				<li class="list">Home</li>
    				<li class="list">Camere</li>
    				<li class="list">Dove siamo</li>
    				<li class="list">Foto</li>
    				<li class="list">Offerte</li>
    				<li class="list">Contatti</li>
    			</ul>
    css
    Codice:
    #contenitore {
                        height:55px;
                        width:2545px;
                        background-image:url("images/menuintero.png");
                        background-repeat:no-repeat;
    }
    	#menu{
                        margin-left:100px;
                        border:2px solid black;
                        width:590px;
    }
    	.list {
                   color:#FFF;
                   font-family:Arial, Verdana, sans-serif;
                   font-size:24px;
                   list-style:none;
                   display:inline-block;
    }

  2. #2
    NLSweb non è connesso Altervistiano Junior
    Data registrazione
    17-01-2014
    Messaggi
    658

    Predefinito

    prima di tutto nel codice HTML che hai riportato manca la chiusura del DIV

    dopo non ti serve definire class="list" per ogni voce ... visto che hai già definito un ID al UL ti basta scrivere

    Codice:
    #menu li{
     tuo codice
    }
    ...quando riduco la finestra tutti gli altri elementi del sito si riducono proporzionalmente, invece il menù rimane come spostato sulla sinistra, come se fosse fisso.
    il CSS del menu ha una dimensione fissa WIDTH e le singole voci non hanno una dimensione definita
    se vuoi che si proporzioni alla dimensione della finestra ti consiglio di definire il width del menu al 100%

  3. #3
    Guest

    Predefinito

    ho fatto come mi hai detto ma nulla. Il menù dovrebbe stare dentro un div con un immagine di background che si estende per tutta la finestra. Gli elementi sottostanti invece sono centrati. Questo menu continua a sembrare fisso.

  4. #4
    NLSweb non è connesso Altervistiano Junior
    Data registrazione
    17-01-2014
    Messaggi
    658

    Predefinito

    puoi mandare un link o postare il codice ?

  5. #5
    Guest

    Predefinito

    ho risolto ma non so come O_O ahahahahhaha!

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •