Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    131

    Menu da verticale a orizzontale

    Buonasera,

    non mi riesce di modificare le voci di questo menu da verticali una sotto l'altra ad orizzontali affiancate.
    Potete dirmi dove intervenire?

    codice:
    <style>
    #header{position:fixed; top:50%;left:30vh;z-index:80;float:left;margin-top:-325px;width:156vh;background:#21aabd;}
            h1{margin:0;padding:0;}
            #logo{display:inline-block;float:left;padding:10px; border-bottom: 2px solid #e2e2e0; color: #fff; text-decoration:none;text-transform:uppercase;font-weight:normal;font-size: 20px;font-family: oswald; line-height: 24px; }
            .menu {float:left; list-style-type:none;}
            .menu li a{ display:block; padding: 3px 10px;color: #fff;text-decoration:none; text-transform:uppercase; font: 14px;font-family: oswald;}
            .menu li a:hover{background:#666;}
    </style>
    <body>
    <div id="header">
    <ul class="menu">
                <a href="#" id="logo">img4.png</a>
    <li><a href="#page-1" class="selected">Home</a></li>
                <li><a href="#page-2">Times </a></li>
                <li><a href="#page-3">Square</a></li>
                <li><a href="#page-4">New</a></li>
                <li><a href="#page-5">Contacts</a></li>
              
            </ul>
      </div>
    Grazie!
    Ultima modifica di tabagista; 02-05-2021 a 15:55

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    4,913
    Ciao, molto banalmente potresti applicare il float agli elementi <li>:
    codice:
    .menu li {
      float:left;
    }
    Fai sapere se questo risolve.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 20% tra i post del forum; il 15% sul web. Ti resta... humm spè
    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

    "Mi son documentato"

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2011
    Messaggi
    131
    Ci voleva proprio questo. Risolto grazie

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 © 2021 vBulletin Solutions, Inc. All rights reserved.