Visualizzazione risultati 1 fino 5 di 5

Discussione: Impostare colore di sfondo menù

  1. #1
    Guest

    Question Impostare colore di sfondo menù

    Ciao a tutti, ho una pagina completa però vorrei impostare un colore di sfondo ad un menu, più precisamente ad ogni <li> in modo che il colore venga preciso intorno alla scritta e nel caso poter riuscire a mettere diversi colori per ogni <li>.
    Sapete come fare?

    Se volete posto il codice...

    Grazie

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,709

    Predefinito

    puoi impostare una classe ad ogni <li>. Ad esempio:

    Codice HTML:
    <html>
    <head>
    <style>
    .rosso
    {
    	background-color:#F00;
    }
    .verde
    {
    	background-color:#0F0;
    }
    .blu
    {
    	background-color:#00F;
    }
    </style>
    </head>
    <body>
    <ul>
    <li class="blu">link 1</li>
    <li class="rosso">link 2</li>
    <li class="verde">link 3</li>
    </ul>
    </body>
    </html>
    Ciao!

  3. #3
    Guest

    Predefinito

    Grazie... e scusami ancora per la mia infrazione xD
    Vediamo se così riesco a risolvere il problema :D

  4. #4
    Guest

    Predefinito

    Ho usato questo codice:
    Codice:
    <style>
    .sfondo
    {
            background-color:#000;
            max-width: 70px;
    }
    
    
                       </style>
    Il problema e che se ne faccio altri per le scritte che ho magari più larghe, non funziona... mi restringe tutto il menu :/
    Sapete a cosa può essere dovuto?

    Guarda come ho fatto:
    Codice:
           <head>
    <style>
    .sfondo
    {
            background-color:#000;
            max-width: 70px;
    }
    .sfondo2
    {
            background-color:#000;
            max-width: 85px;
    }
    
            .......
    
                 </head>
    <body>
    .................
    
    <li class="sfondo">
    <a href="LINK" style="text-decoration: none;"><font>TESTO</font></a>
    </li>
    
    <li class="sfondo2">
    <a href="LINK" style="text-decoration: none;"><font>TESTO PIU' LUNGO</font></a>
    </li>
    
                       </style>
    ..........
    I puntini indicano che ci sono altri codici.

  5. #5
    Guest

    Predefinito

    Caso risolto... ho modificato il CSS inserendo:
    Codice:
    max-height: 20px;
    Grazie comunque per l'aiuto :)

Regole di scrittura

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