Visualizzazione dei risultati da 1 a 4 su 4

Discussione: consiglio per layout

  1. #1
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746

    consiglio per layout

    devo sistemare con i css il menù di navigazione in alto a destra nell'immagine sottostante:



    Il logo ed il menù sono contenuti nello stesso div (header).

    Pensavo di assegnare ad ognuno un div e di metterli affiancati uno all'altro, con il menù allineato a destra. I vari links metterli in liste affiancate tra di loro.

    E' un idea giusta o dovrei risolvere con una tabella?

    come mi consigliate di fare ?
    Errare humanum est, perseverare ovest

  2. #2
    fai un bel menu a tendina, metti una barra sotto il logo e le opzioni allineale a destra
    Luca Pennisi - Web Marketing Specialist

  3. #3
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746
    Originariamente inviato da cane-nero
    fai un bel menu a tendina, metti una barra sotto il logo e le opzioni allineale a destra
    proprio quello che non devo fare
    Errare humanum est, perseverare ovest

  4. #4
    Utente di HTML.it L'avatar di carlo2002
    Registrato dal
    Jun 2002
    Messaggi
    2,746
    allora... nel div header (quello in alto contenente logo e menù) ho inserito due div, uno per l'immagine del logo e uno per il menù. Ho fatto questa separazione nel caso in futuro ci sia qualcosa da aggiungere nel div del logo.

    Poi ho creato il menù con una serie di div class flottati a destra per fare le colonne ed in ognuno di essi i link sono inseriti in liste ul-li

    spero sia giusto come concetto :master:

    ecco un parziale del css riguardante la zona in discussione

    codice:
    div#header{
    margin: 0 ;
    padding: 0 ;
    }
    
    div#logo{
    margin: 0 ;
    padding: 0 ;
    width: 250px ;
    float: left ;
    }
    
    div#navigazione {
    margin: 0 ;
    padding: 0 ;
    width: 500px ;
    float: right ;
    }
    
    div.nav {
    margin: 15px 20px 10px 20px ;
    padding: 0 ;
    float: right ;
    }
    
    div.nav ul {
    margin: 0 ;
    padding: 0 ;
    list-style-type: none ;
    }
    
    div.nav li {
    margin: 4px 0px 0px 0px ;
    padding: 0 ;
    }
    
    div.nav a {
    text-decoration: none ;
    }
    Errare humanum est, perseverare ovest

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.