Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    problema con display:block/inline

    ciao,

    ho un problema con un menu verticale.
    in pratica, se utilizzo display block,la voce di menu che è più lunga della larghezza del menu, e quindi va a capo, si sormonta alla voce di menu sotto.
    mentre se utilizzo display:inline, non si sormonta ma la proprietà a:hover mi evidenzia con il background, solo la lunghezza del testo e non tutta la lunghezza del menu come vorrei.

    come si risolve la cosa?
    Grazie

    codice:
    ul.menu{   
    list-style:none; 
    margin:0; 
    padding:1px; 
    background-color:#FFFFFF;  
    }     
    
    ul.menu a{ 
    display:block; 
    height:25px; 
    margin-top:1px; 
    padding:0 5px; 
    font-family:arial; 
    text-decoration:none;
    color:#000; 
    height:1.5em;line-height:1.5em; 
    }    
    
    ul.menu a:hover{ 
    background-color:#85154f; 
    }

  2. #2
    Aggiungi a "ul.menu a" la regola "float: left".
    CODENCODE \ Branding \ Design \ Marketing
    www.codencode.it

  3. #3
    float:left? a che serve?
    cmq non funziona, stesso problema
    l'unico che funziona quasi bene è display: table, solo che il background di a:hover non si estende per tutta la lunghezza del contenitore, ma si ferma alla lunghezza del testo

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.