Visualizzazione risultati 1 fino 5 di 5

Discussione: [CSS] problema menù in CSS

  1. #1
    Guest

    Question [CSS] problema menù in CSS

    Ciao a tutti, ho un problema che non riesco a risolvere.
    Sul mio sito sto applicando le nozioni che imparo a scuola (frequento il 5° anno di un istituto informatico). Ho provato ad inserire un menù creato con il linguaggio CSS. Il menù si vede e funziona, ma c'è solo un problema: se in un campo del menù scrivo più parole, esse vengono disposte su più righe.
    Per intederci vi posto lo screen preso dal mio sito:

    La frase: Torna alla Home Page viene divisa in 4 righe, e io voglio tenerla su una sola riga.
    La mia domanda è: che campo del codice CSS devo modificare o aggiungere?
    Ecco il codice CSS:
    Codice:
    /*1. lo stile del div contenitore con id=%u201Dmenu_css_orizzontale”*/
     #menu_css_orizzontale{
     overflow:hidden;
     width:100%;
     padding:1px; 
    background-color: black;
    /* border:1px solid black;*/
     }
    
     /*2. lo stile css dei link (elementi <a>)*/
     #menu_css_orizzontale a{
     display:block;
     float:left;
     width:60px;
     height:25px;
     margin-left:1px;
     padding-left:15px;
     background-color:black;
     border-left:10px solid black;
     font-family:arial;
     font-size:15;
     text-transform:uppercase;
     text-decoration:none;
     color: white;
     line-height:25px;
     }
    
     /*3. lo stile css sullo stato hover dei link*/
     #menu_css_orizzontale a:hover{
     background-color:black;
     border-left:10px solid black;
     color: blue;
     }
    
     /* rimossione del margine sinistra per il primo link*/
     #menu_css_orizzontale a.primo{
     margin-left:0;
     }
    Mentre, nella pagina, ho aggiunto solo questo codice:
    Codice HTML:
    <div id="menu_css_orizzontale">
     <a href="index.html" class="primo">Torna alla Home Page</a>
     <a href="#nogo">Secondo Link</a>
     </div> 
    la pagina sulla quale c'è il menù è: http://www.houseofsmile.altervista.org/prova.html
    Come posso risolvere il problema?
    Grazie in anticipo!
    Ultima modifica di houseofsmile : 19-10-2011 alle ore 20.14.42 Motivo: [html]

  2. #2
    Guest

    Predefinito

    Ho visto che hai risolto, a questo link la scritta che vuoi mettere è tutta su una riga e idem anche sulle altre pagine.

    EDIT: un problema ci può essere con la larghezza in cui metti i link, prova a fare qualche prova cambiando questi valori:

    Codice:
    width:60px;
     height:25px;
     margin-left:1px;
     padding-left:15px;
    Ultima modifica di connectionsite : 19-10-2011 alle ore 19.17.07

  3. #3
    Guest

    Predefinito

    ciao, grazie.. non ho risolto il problema, forse hai visto male tu.. ora provo a modificare..

  4. #4
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Il problema è che definisci una larghezza per gli elementi a, non farlo.

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Il problema è che definisci una larghezza per gli elementi a, non farlo.
    ho risolto il problema, grazie! (:

    Andrea.

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •