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
4.449
338
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
4.449
338
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;
    }
 

WottaFacca

Utente Attivo
20 Mar 2015
134
0
0
Desenzano d/G
Le varie pagine del sito hanno un loro foglio di stile o sono tutte collegate ad un'unico CSS?

Se la prima è giusta dovrai inserire in tutte il collegamento al file dove crei il menu.
Altrimenti avrai qualcosa di sbagliato quando richiami gli id e le classi
 
Discussioni simili
Autore Titolo Forum Risposte Data
M riga dei sottomenù in php? PHP 2
L Far apparire/scomparire un sottomenù al click jQuery 1
W Aiuto per menù fatto con immagini e relativo sottomenù HTML e CSS 2
G Come modificare la posizione dei sottomenù spry HTML e CSS 0
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
C Validazione Bootstrap PHP 0
D Carousel bootstrap con video HTML e CSS 2
P Bootstrap navbar si richiude su mobile HTML e CSS 2
websilvia Contact form using Bootstrap 3.3.4 PHP 8
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
F Come passare una variabile al modal di bootstrap PHP 1
motleyrulez Paginazione Tabella Bootstrap Javascript 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
felino [Bootstrap] Allineamento verticale HTML e CSS 1
MaryRoxenne Questione Bootstrap HTML e CSS 1
L Bootstrap 4 input ext value HTML e CSS 1
riminese77 [ASP.Net] Popup Bootstrap in datagrid ASP.NET 0
W [Javascript] Bootstrap Admin templates, mi dareste dei consigli? CMS (Content Management System) 0
I Bootstrap 4 Card overlay non responsive CMS (Content Management System) 0
fabiodisconzi Miglior template bootstrap 4 admin? CMS (Content Management System) 1
L Come sovrascrivere i parametri di Bootstrap CMS (Content Management System) 0
L Navbar dropdown con Bootstrap: link ai css CMS (Content Management System) 4
E Bootstrap con parallax e particles jQuery 2
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
T [PHP] passare una variabile in una finestra MODAL di bootstrap PHP 3
M Responsive design bootstrap HTML e CSS 2
xone [Vendo] Landing Page in html css bootstrap responsive Compravendita siti e domini 0
F Bootstrap Notify jQuery 0
V Creare funzioni PHP per agevolare bootstrap PHP 1
V Passare a PHP pagina bootstrap creata in HTML PHP 1
A [Javascript] Problemi menu bootstrap Javascript 1
A Bootstrap grid img a sinistra serie di div a destra CMS (Content Management System) 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
O Bootstrap carousel-caption responsive CMS (Content Management System) 2
F img bootstrap centrata nello schermo HTML e CSS 1
F Slide down/up dropdown Bootstrap jQuery 0
otto9due Form personalizzato in bootstrap da integrare nel tema wordpress WordPress 0
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
L tabella bootstrap PHP 3
L Problema Bootstrap Modulo Email + php PHP 1
J Bootstrap dropdown menu non funziona con jquery-1.8.2??? jQuery 5
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
MarcoGrazia Verifica della data inserita in un form ( utilizzando bootstrap ) Javascript 7
L slider bootstrap HTML e CSS 0
MarcoGrazia Problema con bootstrap, saltata tutta la paginazione in IE8 HTML e CSS 1
E problema con carousel di Bootstrap HTML e CSS 1
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
F 5 colonne con bootstrap 2 HTML e CSS 4
F Altezza immagini Bootstrap HTML e CSS 1

Discussioni simili