Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327

    Border-right crea problemi in menu dropdown in css puro

    Ciao ragazzi, buona serata a tutti!
    Sto letteralmente diventando pazzo,sto provando a realizzare un piccolo menù a tendina orizzontale in puro stile css.
    Ci sono due bottoni principali, passando con il mouse in uno dei due bottoni spuntano i relativi sottomenù.
    Il problema è che quando spunta il sottomenù si ha uno shift del tasto superiore.
    So che così non è chiaro, è per questo che ho caricato la pagina in un sito di hosting in modo da farvi capire meglio: ECCO IL SITO CON PROBLEMI


    Se andate a guardare il sorgente del relativo foglio di stile, ho commentato tutto (sono davvero pochissime righe) in modo da renderlo di immediata comprensione.
    Qualcuno è in grado e/o ha la voglia di aiutarmi?
    Non so veramente più dove sbattere la testa.
    Grazie in anticipo a chiunque voglia aiutarmi !

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Credo di aver individuato il problema:
    codice:
    #menu ul li a{border-right:none}
    ...
    #menu ul ul li a{border-right:1px solid #000}
    Nel primo caso (quando il sottomenu e` chiuso) non c'e` il bordo destro
    Nel secondo caso (sottomenu aperto) c'e` il bordo destro, che quindi "si fa spazio" spostando anche il blocco del primo livello.

    Soluzioni possibili:
    - togliere il bordo al sottomenu
    - aggiungere il bordo (eventualmente bianco o trasparente) al menu di primo livello
    - diminuire la dimensione del sottolivello di quanto occupa il bordo
    ... ecc su questa linea
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327
    Grazie mille per la risposta intanto!
    Hai perfettamente ragione il motivo è quello!!!!
    Ho risolto in questo modo:
    codice:
    #menu ul li:hover ul {margin-right:-1px}
    Non riesco tuttavia ancora a capire perché non riesco ad aggiungere il bordo destro all'ultimo tasto del menù di primo livello tramite:
    codice:
    #ultimavoce a{border-right:1px solid #000} 
    /*NON FUNZIONA!!! QUESTO BORDO NON SPUNTA!!!*

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327
    Niente, il bordo dx proprio non riesco a metterlo, avete qualche idea?

  5. #5
    codice:
    #ultimavoce a{border-right:1px solid #000} 
    /*NON FUNZIONA!!! QUESTO BORDO NON SPUNTA!!!*
    è normale se non consideri la discendenza (tranquillo non mi sono capito neanch'io)
    comunque prova
    codice:
    #menu #ultimavoce a{border-right:1px solid #000}

  6. #6
    Utente di HTML.it
    Registrato dal
    Nov 2007
    Messaggi
    327
    Grazie mille adesso và!!!
    Ma come mai è necessario considerare la discendenza?
    Pensavo che
    codice:
     #ultimavoce
    fosse univoco ed inconfondibile e di conseguenza anche
    codice:
    #ultimavoce a

  7. #7

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.