Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1

    Attribuire lunghezza di un menu Orizzontale

    Ciao a tutti,

    sto impazzendo al fine di capire come attribuire la lunghezza ad un menu orizzontale che ho trovato in giro.
    C'è chi può darmi una mano?
    Grazie
    Alasque

  2. #2
    La larghezza si da generalmente con il comando width

  3. #3
    ti ringrazio ma non è proprio questo che volevo sapere.
    io devo dare una misura in modo che a destra sia '0' ed una certa misura a sinistra
    Alasque

  4. #4
    Non è molto chiaro quello che vuoi sapere

    a destra e a sinistra di cosa
    intendi il comado margin-left e margi-right?

    Così al buio è difficile capire cosa intendi, se posti il codice sarà più facile aiutarti!

  5. #5
    Ciao sea_green


    il problema è il seguente:

    io utilizzo dw cs3 e quando vado nelle proprietà del css non riesco a dare una dimensione (in lunghezza) al menu orizzontale.ti posso mandare i files per farteli vedere?
    Alasque

  6. #6
    Mandali che provo a vedere se ti posso aiutare!

  7. #7
    Helper.css

    * {
    margin: 0;
    padding: 0;
    }

    body {
    border-top: solid 1px #fff;
    background-image: url(images/pattern1.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    padding-top: 1px;
    padding-right: 20px;
    padding-bottom: 1px;
    font-family: Eurostile;
    font-size: 16px;
    line-height: normal;
    }

    p { margin-bottom: 1em; }

    ul.classic {
    list-style: disc;
    margin-bottom: 1em;
    padding-left: 10em;
    }

    h1,h2,h3 {
    margin-bottom: 0.5em;
    font-family: Tahoma;
    line-height: normal;
    }

    h1 {
    border-bottom: solid 1px #d9d9d9;
    font-weight: normal;
    font-size: 180%;
    text-indent: 5px;
    letter-spacing: -1px;
    }

    .dropdown-upward {
    margin-top: 600px !important;
    }


    Dropdown.css

    * {
    margin: 0;
    padding: 0;
    }

    body {
    border-top: solid 1px #fff;
    background-image: url(images/pattern1.jpg);
    background-repeat: repeat-x;
    background-position: 0 0;
    padding-top: 1px;
    padding-right: 20px;
    padding-bottom: 1px;
    font-family: Eurostile;
    font-size: 16px;
    line-height: normal;
    }

    p { margin-bottom: 1em; }

    ul.classic {
    list-style: disc;
    margin-bottom: 1em;
    padding-left: 10em;
    }

    h1,h2,h3 {
    margin-bottom: 0.5em;
    font-family: Tahoma;
    line-height: normal;
    }

    h1 {
    border-bottom: solid 1px #d9d9d9;
    font-weight: normal;
    font-size: 180%;
    text-indent: 5px;
    letter-spacing: -1px;
    }

    .dropdown-upward {
    margin-top: 600px !important;
    }

    Defaut.ultimate.css

    @charset "UTF-8";

    /**
    * Default Ultimate Linear CSS Drop-Down Menu Theme
    *
    * @file default.ultimate.css
    * @name Default
    * @version 0.1
    * @type transitional
    * @browsers Windows: IE5+, Opera7+, Firefox1+
    * Mac OS: Safari2+, Firefox2+
    *
    * @link http://www.lwis.net/
    * @copyright 2008 Live Web Institute. All Rights Reserved.
    *
    */

    @import "default.css";


    /*-------------------------------------------------/
    * @section Base Style Extension
    */

    ul.dropdown a,
    ul.dropdown span {
    display: block;
    padding: 7px;
    text-align: left;
    }



    /*-------------------------------------------------/
    * @section Base Style Override
    */

    ul.dropdown li {
    padding: 0;
    border: none;
    }

    ul.dropdown ul a,
    ul.dropdown ul span {
    padding: 3px;
    }



    /*-------------------------------------------------/
    * @section Base Style Reinitiate: post-override activities
    */





    /*-------------------------------------------------/
    * @section Custom Styles
    */

    ul.dropdown li {
    }

    ul.dropdown li.hover,
    ul.dropdown li:hover {
    background: url(images/grad2.png) 0 100% repeat-x;
    color: #000;
    }

    ul.dropdown li a:active {
    background: url(images/grad1.png) repeat-x;
    }


    /* Non-first level */

    ul.dropdown ul {
    margin-top: 0;
    }

    ul.dropdown ul li {
    }

    ul.dropdown ul li.hover,
    ul.dropdown ul li:hover {
    }



    /* Mixed */

    ul.dropdown li a,
    ul.dropdown *.dir {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: #fff #d9d9d9 #d9d9d9;
    }



    /*-------------------------------------------------/
    * @section Support Class `open` Usage
    * @source js, artificial
    *
    */

    ul.dropdown li.hover *.open {
    background-color: #fff;
    color: #000;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF0000;
    border-right-color: #d9d9d9;
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9;
    }

    ul.dropdown ul li.hover *.open,
    ul.dropdown-vertical li.hover *.open {
    padding-left: 15px;
    border-top-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FF0000;
    }

    ul.dropdown-vertical-rtl li.hover *.open {
    padding-right: 15px;
    border-right-color: #FF0000;
    border-left-style: none;
    }

    ul.dropdown-upward li.hover *.open {
    border-top-color: #fff;
    border-bottom-color: #ff0000;
    }

    ul.dropdown-upward ul li.hover *.open {
    border-bottom-color: #d9d9d9;
    }


    /* CSS2 clone */

    ul.dropdown li:hover > *.dir {
    background-color: #fff;
    color: #000;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF0000;
    border-right-color: #d9d9d9;
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9;
    }

    ul.dropdown ul li:hover > *.dir,
    ul.dropdown-vertical li:hover > *.dir {
    padding-left: 15px;
    border-top-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FF0000;
    }

    ul.dropdown-vertical-rtl li:hover > *.dir {
    padding-right: 15px;
    border-right-color: #FF0000;
    border-left-style: none;
    }

    ul.dropdown-upward li:hover > *.dir {
    border-top-color: #fff;
    border-bottom-color: #FF0000;
    }

    ul.dropdown-upward ul li:hover > *.dir {
    border-bottom-color: #d9d9d9;
    }

    Default.css

    @charset "UTF-8";

    /**
    * Default Ultimate Linear CSS Drop-Down Menu Theme
    *
    * @file default.ultimate.css
    * @name Default
    * @version 0.1
    * @type transitional
    * @browsers Windows: IE5+, Opera7+, Firefox1+
    * Mac OS: Safari2+, Firefox2+
    *
    * @link http://www.lwis.net/
    * @copyright 2008 Live Web Institute. All Rights Reserved.
    *
    */

    @import "default.css";


    /*-------------------------------------------------/
    * @section Base Style Extension
    */

    ul.dropdown a,
    ul.dropdown span {
    display: block;
    padding: 7px;
    text-align: left;
    }



    /*-------------------------------------------------/
    * @section Base Style Override
    */

    ul.dropdown li {
    padding: 0;
    border: none;
    }

    ul.dropdown ul a,
    ul.dropdown ul span {
    padding: 3px;
    }



    /*-------------------------------------------------/
    * @section Base Style Reinitiate: post-override activities
    */





    /*-------------------------------------------------/
    * @section Custom Styles
    */

    ul.dropdown li {
    }

    ul.dropdown li.hover,
    ul.dropdown li:hover {
    background: url(images/grad2.png) 0 100% repeat-x;
    color: #000;
    }

    ul.dropdown li a:active {
    background: url(images/grad1.png) repeat-x;
    }


    /* Non-first level */

    ul.dropdown ul {
    margin-top: 0;
    }

    ul.dropdown ul li {
    }

    ul.dropdown ul li.hover,
    ul.dropdown ul li:hover {
    }



    /* Mixed */

    ul.dropdown li a,
    ul.dropdown *.dir {
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: #fff #d9d9d9 #d9d9d9;
    }



    /*-------------------------------------------------/
    * @section Support Class `open` Usage
    * @source js, artificial
    *
    */

    ul.dropdown li.hover *.open {
    background-color: #fff;
    color: #000;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF0000;
    border-right-color: #d9d9d9;
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9;
    }

    ul.dropdown ul li.hover *.open,
    ul.dropdown-vertical li.hover *.open {
    padding-left: 15px;
    border-top-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FF0000;
    }

    ul.dropdown-vertical-rtl li.hover *.open {
    padding-right: 15px;
    border-right-color: #FF0000;
    border-left-style: none;
    }

    ul.dropdown-upward li.hover *.open {
    border-top-color: #fff;
    border-bottom-color: #ff0000;
    }

    ul.dropdown-upward ul li.hover *.open {
    border-bottom-color: #d9d9d9;
    }


    /* CSS2 clone */

    ul.dropdown li:hover > *.dir {
    background-color: #fff;
    color: #000;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FF0000;
    border-right-color: #d9d9d9;
    border-bottom-color: #d9d9d9;
    border-left-color: #d9d9d9;
    }

    ul.dropdown ul li:hover > *.dir,
    ul.dropdown-vertical li:hover > *.dir {
    padding-left: 15px;
    border-top-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FF0000;
    }

    ul.dropdown-vertical-rtl li:hover > *.dir {
    padding-right: 15px;
    border-right-color: #FF0000;
    border-left-style: none;
    }

    ul.dropdown-upward li:hover > *.dir {
    border-top-color: #fff;
    border-bottom-color: #FF0000;
    }

    ul.dropdown-upward ul li:hover > *.dir {
    border-bottom-color: #d9d9d9;
    }
    Alasque

  8. #8
    ok, ma qual è il nome della classe o dell'id del menù che ti da problemi?

  9. #9
    dovrebbe essere nav
    Alasque

  10. #10
    Ma non c'è nessun NAV nel codice che mi hai postato!

    Il sito è on-line?
    Se sì mandami il link...

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.