ciao,
ho un piccolo problema con l'impaginazione di un menu orizzontale.
vorrei centrarlo ma non mi riesce.
se scrivo il codice potreste dirmi dove sbaglio??
grazie amici..
ho un piccolo problema con l'impaginazione di un menu orizzontale.
vorrei centrarlo ma non mi riesce.
se scrivo il codice potreste dirmi dove sbaglio??
Codice:
<!doctype html>
<html>
<head>
<style>
body {
background-color: #e4edfc;
align: center;
}
.center {
margin:0 auto;
width: 60%;
border: 3px solid #73AD21;
padding: 10px;
}
}
</style>
</head>
<body>
<table width="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img src="images/index2_01.jpg" width="916" height="132" alt=""/></td>
</tr>
</tbody>
</table>
<table width="0" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
</tbody>
</table>
<button class="dropbtn">Home</button>
</body>
<head>
<style>
.dropbtn {border-radius: 3px;
background-color: #183e7d;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #183e7d;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #183e7d}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #183e7d;
}
</style>
</head>
<body>
<div class="dropdown">
<button class="dropbtn">Linea Pediatrica</button>
<div class="dropdown-content">
<a href="#">Megastar Junior</a>
<a href="#">Megastar ABD</a>
<a href="#">Megastar K</a>
<a href="#">Megastar Plus</a>
<a href="#">Megafolic</a>
<a href="#">Lenispass</a>
<a href="#">Leutrofin</a>
<a href="#">Plasigen B6</a>
<a href="#">Zincospray</a>
</div>
</div>
</body>
<head>
<style>
.dropbtn {border-radius: 3px;
background-color: #183e7d;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color:#183e7d;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #183e7d; color:white;}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #183e7d;
}
</style>
</head>
<body>
<div class="dropdown">
<button class="dropbtn">Linea Adulti</button>
<div class="dropdown-content">
<a href="#">Afrovir</a>
<a href="#">Glutaliver</a>
<a href="#">Megaflor 50</a>
<a href="#">Megastar Complex</a>
<a href="#">Neuroclar</a>
<a href="#">Plasigen B6</a>
<a href="#">Venil Plus schiuma</a>
<a href="#">Venil Plus cpr</a>
</div>
</div>
</body>
<head>
<style>
.dropbtn {border-radius: 3px;
background-color: #183e7d;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color:#183e7d;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #183e7d; color:white;}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #183e7d;
}
</style>
</head>
<body>
<div class="dropdown">
<button class="dropbtn">Dispositivi Medici</button>
<div class="dropdown-content">
<a href="#">Cicatrix crema</a>
<a href="#">Cicatrix gel</a>
<a href="#">Cicatrix spray</a>
</div>
</div>
<body>
</table>
<button class="dropbtn">Contatti</button>
</body>
</html>
Ultima modifica di un moderatore: