CSS e menu orizzontale






/*

IMPORTANT NOTES: (PLEASE READ CAREFULLY!)

*******************************************
SI IMPORTA NEL FILE ASP E HTML
*******************************************

<html>

<head>

<link href="stile.css" rel="stylesheet" type="text/css">

</head>

<body>
[...]

</html>

*******************************************
STILE PER IL MENU ORIZZONTALE DI MENU.ASP
*******************************************

1. DO NOT MODIFY the system styles section, it is generated by the system,
your modifications will be overwritten. If you want to change the stylesheet
template, modify the ew.css in the "src" subfolder under the installed
directory. Only modify the ew.css if you have the necessary knowledges in
CSS.

2. DO NOT REMOVE THE FOLLOWING COMMENTS:

BEGIN_USER_STYLES
END_USER_STYLES

You MUST write your styles between these two comment lines below, styles
outside this user styles section will be discarded.

3. If you want to override the system styles, you can copy the styles to the
User Styles Section, or you can use a separate user stylesheet.

*/

/*BEGIN_SYSTEM_STYLES*/
/* CSS Document */


.Bold {
font-weight: bold;
}
.Bold {
font-size: 14px;
}
.Bold {
font-size: 18px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}

li {
float: left;
}

li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
background-color: #111;
}

.dropdown {
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
display: block;
}



/*END_SYSTEM_STYLES*/












( cssemenuorizzontale.html )- by Paolo Puglisi - Modifica del 17/12/2023