Sottomenù Bootstrap che non funziona correttamente

controsenso

Utente Attivo
26 Nov 2014
36
1
0
Ho inserito il seguente codice per creare un sottomenù con bootstrap:

HTML:
<li class="dropdown">
   <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown prodotti <span class="caret"></span></a>
 <ul class="dropdown-menu" role="menu">
                                <li><a href="primoprodotto.html">Primo prodotto</a></li>
                                <li><a href="secondoprodotto.html">Secondo prodotto</a></li>
                                <li><a href="terzoprodotto.html">Terzo prodotto</a></li>
 </ul>
</li>
Nella home funziona, ma se per esempio vado nella pagina "primoprodotto.html" (che ha lo stesso codice) non mi apre più il sottomenù..
Qual'è l'errore?

Grazie!
 

n1k4r0

Utente Attivo
15 Nov 2012
135
0
0
se l'html è sempre uguale allora forse nelle pagine interne manca del css o del javascript che in home ci sono invece
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
3.985
295
83
Bisogna vedere anche il resto del codice in particolare il CSS, la pagina completa online sarebbe l'ottimo.

E imparare ad non usare bootstrap non sarebbe meglio? Usare quelle librerie non è che si trova più pappa pronta! Si trova più problemi!
 

controsenso

Utente Attivo
26 Nov 2014
36
1
0
Bisogna vedere anche il resto del codice in particolare il CSS, la pagina completa online sarebbe l'ottimo.

E imparare ad non usare bootstrap non sarebbe meglio? Usare quelle librerie non è che si trova più pappa pronta! Si trova più problemi!
Ce l'ho in locale.. :(

Bootstrap dovrebbe facilitare la creazione di un sito soprattutto perchè lo rende responsivo..ecco perchè lo sto usando.

Il menu funziona quando clicchi le "sottopagine" ma una volta che entri in una di queste e vuoi per esempio cambiare voce del sottomenu non si apre..
Non è che il problema è in questa parte di codice dove c'è il "#"?:
HTML:
 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown prodotti <span c
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
3.985
295
83
Ce l'ho in locale.. :(
se ce l'hai in locale questo non significa che non puoi postare la parte di codice che è interessata, farci vedere solo i link non serve a nulla!
Bootstrap dovrebbe facilitare la creazione di un sito soprattutto perchè lo rende responsivo..ecco perchè lo sto usando.
Boostrap non facilita proprio nulla e anche usandolo serve una base di conoscenze di programmazione, non per niente tutti quelli che lo usano poi si trovano nei guai e chiedono qui!
Il responsive si può ottenere anche scrivendo il codice a manina
Il menu funziona quando clicchi le "sottopagine" ma una volta che entri in una di queste e vuoi per esempio cambiare voce del sottomenu non si apre..
Non è che il problema è in questa parte di codice dove c'è il "#"?:
HTML:
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown prodotti <span c
Tu continui con quei link, ma secondo me il problema non è lì! Il problema dovrebbe stare nel css abbinato alle pagine che non aprono il sottomenu!
Il simbolo del cancelletto come ti hanno già detto non produce nessun effetto ai fini di cambiare pagina, ma può portare all'inizio della stessa pagina e non produce nessun divieto ad aprire il sottomenu
 
Ultima modifica:

controsenso

Utente Attivo
26 Nov 2014
36
1
0
se ce l'hai in locale questo non significa che non puoi postare la parte di codice che è interessata, farci vedere solo i link non serve a nulla!Boostrap non facilita proprio nulla e anche usandolo serve una base di conoscenze di programmazione, non per niente tutti quelli che lo usano poi si trovano nei guai e chiedono qui!
Il responsive si può ottenere anche scrivendo il codice a maninaTu continui con quei link, ma secondo me il problema non è lì! Il problema dovrebbe stare nel css abbinato alle pagine che non aprono il sottomenu!
Il simbolo del cancelletto come ti hanno già detto non produce nessun effetto ai fini di cambiare pagina, ma può portare all'inizio della stessa pagina e non produce nessun divieto ad aprire il sottomenu

Questo è il css associato alla pagina
HTML:
@CHARSET "ISO-8859-1";
.tits
{
    padding-left: 211px;
    color: red;
}


.bgwhite
{
    background-color: white;
}

body
{
    background-color: #eee;
}

.textpenny
{
    font-size: 17px;
}

.st
{
    font-size:22px;
}
.contatti{

  float: right;
}

.blocco
{
 display: block;
 height: 50px;
}

.video
{
	background-color: red;
	height: 300px;
	
}


.scritta
{
	font-size: 20px;
}



.qualita
{
	height: 200px;
	background-color: grey;
	
}

.icona
{
	
	font-size: 90px;
}
.iconatre
{
	font-size: 90px;
	margin-top: 30px;
        height: 90px;
}


.top
{
	margin-top: 20px;

	
	}


	.testo
{
	text-align: justify;
        font-size: 15px;
}


.f
{
    padding-top:12px;
	font-size: 12px;
	line-height:38px;
	text-align: center;
        color: #ffffff;
	height:20px;
	background-color: black;
	width: 100%;
	}

       
.riquadro
{
    border: 1px solid #ccc;
    height: auto;
    width: auto;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 4px;
    margin-left: 4px;
    padding-top: 10px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 20px;
}



.riquadrodue
{
    border: 1px solid #ccc;
    height: 120px;
    width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
   padding-top: 9px;
   padding-right: 5px;
   padding-left: 9px;
   padding-bottom: 5px;
}

.grassetto
{
    font-weight:bold;
}

table {
	font-size: inherit;
	border: 1px solid #c8c8c8; 
}
.tabella_corsi{
	border: 1px solid #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	line-height: 14px;
        color:red;
}

.rosso
{
    color: red;
}


.nero
{
    color: black;
}

.sottotitoli
{
    font-size: 20px;
    color: red;
    
}

.linea
{
 color: red;     
    border-bottom: solid 1px red;
}

.lineadue
{
  
    border-bottom: solid 1px black;
}

.iconadue
{
  font-size: 90px;
}


.immagine
{
    padding-left: 50px;
  margin-top: 50px;
}




footer
{
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: black;
    font-size: 9px;
    color: white;
    width: 100%;
}


.iframe-container {
    height: 0;
    padding-bottom: 50%;
    padding-top: 0;
    overflow: hidden;
}
.iframe-container iframe, .iframe-container object,  
.iframe-container embed {
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }