Aide creation menu déroulant
dani
-
dani -
dani -
Salut à tous,
Après plusieurs recherche à ce sujet, et malheureusement sans avoir pu en comprendre le fonctionnement, je viens solliciter votre aide afin de réaliser un menu déroulant pour lequel je souhaiterais que les containers "B1TC et B2TC" puisse affiche en dessous le même containers:
Merci d'avance pour vos info
#A {
font-size: 11px;
}
#B1 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-left: 5px;
font-weight: bold;
}
#B1TC {
float: left;
}
#B1T1 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 1px;
font-weight: bold;
}
#B1T2 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 5px;
font-weight: bold;
}
#B2 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
font-weight: bold;
}
#B2TC {
float: left;
}
#B2T1 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 1px;
font-weight: bold;
}
#B2T2 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 5px;
font-weight: bold;
}
</style>
</head>
<body>
<div id="A">
<div id="B1">LANGUE:</div>
<div id="B1TC">
<div id="B1T1"> FR</div>
<div id="B1T2"><img src="Nouvelle annonce/Fra.png" width="18" height="12" /></div>
</div>
<div id="B2">DEVISES:</div>
<div id="B2TC">
<div id="B2T1"> EUR</div>
<div id="B2T2"><img src="Nouvelle annonce/Fra.png" width="18" height="12" /></div>
</div>
</div>
</body>
</html>
Après plusieurs recherche à ce sujet, et malheureusement sans avoir pu en comprendre le fonctionnement, je viens solliciter votre aide afin de réaliser un menu déroulant pour lequel je souhaiterais que les containers "B1TC et B2TC" puisse affiche en dessous le même containers:
Merci d'avance pour vos info
#A {
font-size: 11px;
}
#B1 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-left: 5px;
font-weight: bold;
}
#B1TC {
float: left;
}
#B1T1 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 1px;
font-weight: bold;
}
#B1T2 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 5px;
font-weight: bold;
}
#B2 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
font-weight: bold;
}
#B2TC {
float: left;
}
#B2T1 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 1px;
font-weight: bold;
}
#B2T2 {
background-color: #6CF;
color: #999;
float: left;
margin-top: 4px;
margin-right: 5px;
font-weight: bold;
}
</style>
</head>
<body>
<div id="A">
<div id="B1">LANGUE:</div>
<div id="B1TC">
<div id="B1T1"> FR</div>
<div id="B1T2"><img src="Nouvelle annonce/Fra.png" width="18" height="12" /></div>
</div>
<div id="B2">DEVISES:</div>
<div id="B2TC">
<div id="B2T1"> EUR</div>
<div id="B2T2"><img src="Nouvelle annonce/Fra.png" width="18" height="12" /></div>
</div>
</div>
</body>
</html>
A voir également:
- Aide creation menu déroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Creation compte gmail - Guide
- Création site web - Guide