Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Dec 2012
    Messaggi
    5

    Logo all'interno della navigationbar.

    Ciao a tutti,
    vorrei chiedere se è possibile inserire all'interno della navaigation bar del mio sito un logo. ho provato più di una volta ma il risultato è sempre pessimo.
    Io vorrei che il logo avesse la stessa grandezza di uno dei <ul> e che fosse posizionato all'estrema sinistra della barra.
    E' possibile, aiuto
    Grazie a tutti.
    Posto l'Html e il CSS.
    HTML:
    <div id="nav">
    <ul>
    [*]Home
    <ul>
    [*]Squadra
    [*]Software
    [/list]

    [*]Luoghi
    <ul>
    [*]Viaggi
    [*]MyTrip
    [/list]

    [*]Foto
    [*]Contatti
    [/list]
    </div>


    Questo è il mio Css relativo:

    #nav {
    margin: 10px auto;
    margin-top: -50px;
    text-align: center;

    }

    #nav ul ul {
    display: none;
    }

    #nav ul li:hover > ul {
    display: block;
    }


    #nav ul {
    background: #efefef;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 240px; /*barra di navigazione distanza dal lato*/
    border-radius: 7px;
    list-style: none;
    position: relative;
    }

    #nav ul:after {
    content: ""; clear: both; display: block;
    }

    #nav ul li {
    float: left;
    }

    #nav ul li:hover {
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    }

    #nav ul li:hover a {
    color: #fff;
    }

    #nav ul li a {
    display: block;
    padding: 9px 50px; /*grandezza barra navigazione*/
    color: #757575;
    text-decoration: none;
    }



    #nav ul ul {
    background: #5f6975;
    border-radius: 0px;
    padding: 0;
    position: absolute;
    top: 100%;
    }

    #nav ul ul li {
    float: none;
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
    }

    #nav ul ul li a {

    color: #fff;
    }

    #nav ul ul li a:hover {
    background: #4b545f;
    }


    #nav ul ul ul {
    position: absolute;
    left: 100%;
    top:0;
    }


    #nav li {

    text-align:justify;

    }


    Help
    P.S : qualcuno sa dirmi come fare in modo che non si resizza tutto in maniera sballata quando ingrandisco o rimpicciolisco la finestra del browser.

    Grazie mille.

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,812
    mare009,
    ricorda che sei tenuto, come tutti, ad utilizzare il tag [CODE][/CODE] per postare codice sul forum.
    grazie

  3. #3
    Utente di HTML.it
    Registrato dal
    Dec 2012
    Messaggi
    5
    Scusa, ero sicuro di averlo inserito.
    Scusa.

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.