[HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina

mircovenix

Nuovo Utente
23 Lug 2018
1
0
1
buongiorno a tutti.
stavo sviluppando una parte di un sito web, e ne posto solo la parte interessata…
il codice che posto (sia html che css) è di un menu a tendina.

Codice html
codice:
Codice:
<div id="contenitore_menu_1">
    <ul id="menu_1">
        <li id="scelta_menu_1">
            <p>
                1
            </p>
        </li>
        <li id="scelta_menu_2">
            <p>
                2
            </p>
        </li>
        <li id="scelta_menu_3">
            <p>
                3
            </p>
        </li>
        <li id="scelta_menu_4">
            <p>
                4
            </p>
        </li>
        <li id="scelta_menu_5">
            <p>
                5
            </p>
            <ul id="sotto_menu_1">
                <li id="scelta_sotto_menu_1">
                    <p>
                        1
                    </p>
                </li>
                <li id="scelta_sotto_menu_2">
                    <p>
                        2
                    </p>
                </li>
                <li id="scelta_sotto_menu_3">
                    <p>
                        3
                    </p>
                </li>
            </ul>
        </li>
    </ul>
</div>


Codice css
codice:
Codice:
div[id="contenitore_menu_1"]{
    position: relative;
    top: 150px;
    right: 100px;
    bottom: 0px;
    left: 100px;
}
div[id="contenitore_menu_1"] ul[id="menu_1"]{
    padding: 0px;
    margin: 0px;
}
div[id="contenitore_menu_1"] ul[id="menu_1"] li[id*="scelta_menu"]{
    position: relative;
    float: left;
    width: 200px;
    list-style: none;
    background-color: #454545;
}
div[id="contenitore_menu_1"] ul[id="menu_1"] li[id*="scelta_menu"]:hover{
    /*colori e bordi*/
    background-color: #4d4d4d;
}
div[id="contenitore_menu_1"] ul[id="menu_1"] li[id*="scelta_menu"] ul[id*="sotto_menu"]{
    position: absolute;
    top: 50px;
    visibility: hidden;
}
div[id="contenitore_menu_1"] ul[id="menu_1"] li[id*="scelta_menu"]:hover ul[id*="sotto_menu"]{
    visibility: visible;
}
div[id="contenitore_menu_1"] ul[id="menu_1"] li[id*="scelta_menu"] ul[id*="sotto_menu"] li[id*="scelta_sotto_menu"]{
    width: 200px;
    height: 50px;
    background-color: #454545;
}
div[id="contenitore_menu_1"] ul[id="menu_1"] li[id*="scelta_menu"] ul[id*="sotto_menu"] li[id*="scelta_sotto_menu"]:hover{
    background-color: #4d4d4d;
}
come potete vedere dalla foto che ho allegato, compare uno spazio tra ogni singolo tag li del menu a tendina orizzontale. non saprei come risolvere.

Grazie per l' aiuto e scusate del disturbo
 

Allegati

  • Cattura.JPG
    Cattura.JPG
    20,7 KB · Visite: 449

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Per me sono i tag <p> dentro i tag <li> che danno problemi! Come saprai i <p> sono paragrafi e hanno del margin di defoult
 
Discussioni simili
Autore Titolo Forum Risposte Data
L problema collegamento file css con html HTML e CSS 1
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
L [HTML] Problema con navbar HTML e CSS 0
F [HTML] problema tag canonical HTML e CSS 7
ANDREA20 [HTML] problema con i div HTML e CSS 10
Tommy03 [HTML] Problema Iphone - Android HTML e CSS 1
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
A [HTML] Problema HTML e CSS 2
Daniele_Carrara [HTML] Problema attributo min HTML e CSS 0
S [HTML] problema resonsive HTML e CSS 2
S [HTML] Problema <input type="date"> HTML e CSS 0
M problema con video in html 5 HTML e CSS 7
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
1992lvc [WordPress] Problema sidebar widget html Facebook WordPress 2
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
M [HTML] Problema visualizzazione immagini su dispositivi HTML e CSS 4
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
Kolop [WordPress] [HTML] Problema header su mobile WordPress 4
S [HTML] Problema non visibilità del sito HTML e CSS 1
J [HTML] problema IFrame con dispositivi IOS HTML e CSS 0
R [PHP] Problema stampa array bidimensionali con formula $html.=<<<myHtml... PHP 2
D [phpBB] [HTML] Problema pagina elenco argomenti (di forum) phpBB 9
A [HTML] Problema Safari e unita vw e vh. HTML e CSS 4
jonnino2004 [HTML] problema con bordo su h1 HTML e CSS 2
trattorino [PHP] [HTML] problema form PHP 1
B [HTML] Problema main box di un template HTML e CSS 2
Michaelweb93 [HTML] Problema sito web - wordpress WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce CMS (Content Management System) 0
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
S Problema invio form php/html PHP 3
S [HTML] Problema menu a comparsa HTML e CSS 5
nipone [WordPress] [HTML] Problema su Sticky Sidebar WordPress 2
M [HTML] Problema Checkbox HTML e CSS 3
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
S [HTML] Problema Sovrapponimento Tab con Contentuto HTML e CSS 0
fulviozecchin Problema Visualizzazione tabelle HTML nel Browser HTML e CSS 9
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
filomeni Problema con mail() in html PHP 4
S [HTML] Problema immagini verticali che si visualizzano capovolte HTML e CSS 3
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
P problema sito html su smartphone.. HTML e CSS 17
S Problema trasformare una stringa in html object Javascript 0
A problema : codice html HTML e CSS 1
C Problema con html e php :D PHP 1
D Problema collegamento file css con html HTML e CSS 4
O Problema con email in formato HTML PHP 1
G html problema table scrollable con header fisso HTML e CSS 2

Discussioni simili