Ciao a tutti,
mi piacerebbe creare un menu usando i tag ul e li ;
ci possono stare + ul nidificati.
La cosa particolare è che tutti gli item del menu dovrebbero essere separati tra loro da un bordo.
Att.ne: i bordi devono partire dal lato più estremo sinistro.
Sono riuscito a ottenere qualcosa con questo codice, ma vorrei rimuovere le classi Deep_T1, Deep_T2 e Deep_T3 .
E' possibile farlo?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
<style type="text/css">
ul, li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul
{
width: 200px;
background-color: #cccccc;
}
li
{
border-top: solid 1px gray;
}
.Deep_T1
{
padding-left: 10px;
}
.Deep_T2
{
padding-left: 20px;
}
.Deep_T3
{
padding-left: 30px;
}
</style>
</head>
<body>
<ul>
<label>Menu</label>[*]
<div class="Deep_T1">Item 1</div>
<ul>[*]<div class="Deep_T2">Item 1.1</div>[*]<div class="Deep_T2">Item 1.2</div>[/list]
[*]
<div class="Deep_T1">Item 2</div>
<ul>[*]
<div class="Deep_T2">Item 2.1</div>
<ul>
[*]<div class="Deep_T3">Item 2.1.1</div>
[*]<div class="Deep_T3">Item 2.1.2</div>
[/list]
[*]<div class="Deep_T2">Item 2.2</div>[/list]
[*]
<div class="Deep_T1">Item 3</div>
<ul>[*]<div class="Deep_T2">Item 3.1</div>[*]<div class="Deep_T2">Item 3.2</div>[/list]
[/list]
</body>
</html>
Rispondi quotando
