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

    come centrare un menu in css

    Ciao a tutti,
    vi chieo un grosso piacere, non riesco a centrare il mio menu, mi sapete aiutare?

    Grazie mille a tutti!

    CSS:

    ul.dropdown {
    background: transparent url(../../../../images/rocktime/box1-bottom-left.png) 0 100% no-repeat;
    font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
    }

    ul.dropdown li {
    padding: 5px 10px;
    background-color: #42413C;
    color: #fff;
    line-height: 22px;
    white-space: nowrap;
    }

    ul.dropdown li.first {
    padding-left: 15px;
    background: transparent url(../../../../images/rocktime/box1-bottom2.png) 0 100% no-repeat;
    }

    ul.dropdown li.last {
    padding-right: 15px;
    background: transparent url(../../../../images/rocktime/box1-bottom2.png) 100% 100% no-repeat;
    }

    ul.dropdown li.hover,
    ul.dropdown li:hover {
    color: #b0d730;
    font-size: 14px;
    }

    ul.dropdown a:link,
    ul.dropdown a:visited { color: #fff; text-decoration: none; }
    ul.dropdown a:hover { color: #b0d730; }
    ul.dropdown a:active {
    color: #0395cc;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    }

    ul.dropdown ul {
    left: -21px;
    width: 150px;
    padding: 0 16px;
    background: url(../../../../images/rocktime/box1-top.png) 50% 0 no-repeat;
    }

    ul.dropdown li.last ul {
    left: auto;
    right: 16px;
    }

    ul.dropdown ul li {
    height: auto;
    padding: 5px 15px;
    line-height: 1.3em;
    white-space: normal;
    }

    ul.dropdown ul li.first {
    padding-left: 0;
    background: #42413C;
    }

    ul.dropdown ul li.last {
    padding-bottom: 10px;
    background: transparent url(../../../../images/rocktime/box1-bottom.png) 50% 100% no-repeat;
    }

    ul.dropdown ul li.first ul {
    top: 0;
    padding: 0 16px 0 0;
    background-image: url(../../../../images/rocktime/box1-outwards-top-right.png);
    }

    ul.dropdown ul li.first li.first {
    background-image: none;
    }

    ul.dropdown ul li.last {
    padding-right: 0;
    }

    ul.dropdown ul li.last ul {
    left: 100%;
    right: auto;
    top: -16px;
    }

    ul.dropdown ul ul {
    top: -12px;
    left: 100%;
    padding: 16px 0 0;
    background: transparent url(../../../../images/rocktime/box1-top-left.png) 0 0 no-repeat;
    }

    ul.dropdown ul ul li.first {
    padding-top: 10px;
    background: #42413C url(../../../../images/rocktime/box1-top-right.png) 100% 0 no-repeat;
    }

    ul.dropdown form * {
    display: inline;
    float: center;
    }

    ul.dropdown form label {
    display: none;
    }

    ul.dropdown form input.text {
    width: 143px;
    height: 18px;
    padding: 2px 25px 2px 5px;
    border-width: 0;
    background: transparent url(../../../../images/rocktime/bg_search-field.png) 0 0 no-repeat;
    color: #969696;
    font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    }

    ul.dropdown form input.text:focus {
    outline: none;
    }

    ul.dropdown form input.button {
    position: relative;
    margin: 4px 0 0 -20px;
    }


    ul.dropdown *.dir {
    padding-right: 20px;
    background-image: url(../../../../images/rocktime/nav-arrow-down.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    }


    /* -- Components override -- */

    ul.dropdown-horizontal ul *.dir {
    padding-right: 15px;
    background-image: url(../../../../images/rocktime/nav-arrow-right.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Ciao Niccoclimb, a questo punto mi odierai ma non pensi che sarebbe più facile avere aiuto se tu rendessi la vita più facile a chi ti aiuta?

    Innanzitutto manca l'html per cui non si capisce dove è inserito il tuo menu e rispetto a chi si deve centrare.
    In secondo luogo, non ritieni che sarebbe meglio mettere solo il codice necessario? Ciò significa che tutti gli stili relativi ai sottomenu molto probabilmente non sono rilevanti per noi al fine di risolvere il tuo problema
    Terza cosa (e qui è colpa mia che non te l'ho detto prima), sarebbe meglio che tu postassi il codice tra i tag [ CODE ] e [ / CODE ] (senza spazi, comunque c'è il pulsante nell'editor quando scrivi il messaggio)

    Non avresti un link al sito dove c'è il problema?

  3. #3
    Scusami hai ragione, ho fatto un po' di confusione!

    Facciamo così, ho messo il tutto online,così facciamo prima :-)

    www.rocktimepistoia.it/public/new rc/index.html

    Grazie e scusate se ho fatto casino!

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    c'è qualche problema nell'indirizzo, forse manca qualche carattere lì dove c'è "new rc". prova a vedere

  5. #5

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    Allora, dovresti assegnare al tuo menu una larghezza specifica e più piccola del suo contenitore padre (ad es.800px)
    Poi dovresti togliere il posizionamento assoluto e il float:left;
    a questo punto assegna all menu "margin:0 auto" e vedrai che magicamente si centrerà.

  7. #7
    Innanzi tutto grazie mille!
    Ho provato ma non fa niente, ho provato ad aggiornarlo così vedi cosa ho sbagliato.

    E poi scusa visto che ci siamo, mi tira su l'immagine infondo al menu, la curvetta, sai cosa posso fare?

    Ti ringrazio veramente tanto per l'aiuto.

  8. #8
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    hai dimenticato il "margin:0 auto".
    Ora magno e poi ti dico della curva.

  9. #9
    Ora riprovo, prima mangio anch'io :-) !

    Grazie davvero!

  10. #10
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    devi assegnare la class "last" all'ultimo elemento (quello con "contatti") ed elimina l'elemento vuoto.

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.