Ciao a tutti, mi sto avventurando da diversi mesi tra fitta giungla dei css. Dopo aver letto la guida su html.it mi sono preso anche il libro"CSS guida completa" di gianluca troiani, e ben fatta e molto chiara. ora sto tentando di riprodurre un esempio riportato nel libro:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<link type="text/css" rel="stylesheet" href="menutenda.css" />
</head>
<body>
<ul class= "menunavigazione">
[*] Prima voce
<li class= "vocecorrente"> Seconda voce
<ul>[*] Prima sotto voce[*] Seconda sotto voce [*] Terza sotto voce [/list]
[*] Terza voce [*] Quarta voce [*] Quinta voce [/list]
</body>
</html>
codice:
@charset "utf-8";
/* CSS Document */
.menunavigazione {
margin:0px;
padding: 0;
width: 200px;
list-style:none;
}
.menunavigazione ul {
margin:0px;
padding: 0;
width: 200px;
list-style:none;
}
.menunavigazione a {
display:block;
text-decoration: none;
padding: padding 2px 10px;
}
.menunavigazione ul {
border-top: 1px solid;
}
.menunavigazione {
border-top: 1px solid;
}
.menunavigazione a {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
.menunavigazione li.vocecorrente {
position: relative;
}
.menunavigazione ul {
top: -1px;
left:190px;
position: absolute;
}
.menunavigazione li.vocecorrente {
font-weight: bold;
}
.menunavigazione li.vocecorrente li {
font-weight: normal;
}
.menunavigazione a:link,
.menunavigazione a:visited {
background: #EEE;
color: #000;
}
.menunavigazione a:hover,
.menunavigazione a:focus,
.menunavigazione a:active {
background: #FFF;
color: #009;
}
.menunavigazione li.vocecorrente li {
position:relative;
left: 3px;
top: 3px;
background: #999;
}
.menunavigazione li.vocecorrente li a{
position: relative;
left: -3px;
top: -3px;
}
dovrebbe anche fare un efetto ombra, che devo ancora capire da cosa nasce
ma comunque con FF niente da fare
qualche idea?