Salve a tutti,
capisco che l'oggetto può non risultare molto chiaro, ma il problema è proprio questo.
Cioè ho una pagina web costruita via CSS la quale contiene un menu e questo mi da cliccabile solo la prima voce, per le altre nulla!!
E' da un pò che stò rigirando il codice ma nulla.
Per favore aiutatemi!!
web page: salvatela pure come index.html
Codice PHP:<html>
<head>
<title>- ITS -</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link href="../css/principale.css" rel="stylesheet" type="text/css"/>
<link href="../css/classi.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="contenitore">
<div id="toppage">
<div id="topp">
<div id="titolo"><div style=" font-size:2.0em; color:#FFFFFF; font-weight:bold;">ITS</div></div>
</div>
<div id="barra">
<div style="position:absolute; left:40px; top:5px; width:840px; text-align:right;" class="tmenu">
[url="./index.php"]Home[/url] | [url="./what.php"]What is..[/url] | [url="./contacts.php"]Contacts[/url]
</div>
</div>
</div>
<div id="menusx" class="tmenu">
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./index.php"]Home[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./register.php"]Register[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./login.php"]LogIn[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./what.php"]What is..[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./elearning.php"]E-Learning[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./contacts.php"]Contacts[/url]</div></div>
<div class="indicatore"><div style="position:absolute; top:5px;">[url="./links.php"]Links[/url]</div></div>
</div>
<div id="contenuti" class="ttesto">
<div class="titolo">Links</div>
</div>
<div id="chiusura"></div>
<div id="piepag"></div>
</div>
</body>
</html>
principale.css
Codice PHP:body { font: 13px verdana,helvetica,sans-serif;
padding: 0px;
margin: auto;
text-align: center;
background-color: #d6d6d6;
}
#contenitore {
width: 927px;
height:100%;
background: url(../interfaccia/sfondopagina.gif);
position: relative;
margin: 0px 0px 0px 0px;
text-align: left;
margin:0px auto;
}
#topp {
width: 927px;
height:124px;
top: 0px;
left: 0px;
position: absolute;
background: url(../interfaccia/toppage.jpg) no-repeat top left;
}
#barra {
width: 927px;
height: 24px;
top: 124px;
left: 0px;
position: absolute;
background: url(../interfaccia/barra.gif) no-repeat top left;
}
#titolo {
width: 800px;
height: 47px;
top: 50px;
left: 60px;
position: absolute;
background: url(../interfaccia/titolo.gif) no-repeat top left;
}
#toppage {
position:relative;
top:0px;
right:0;
width:927px;
height: 155px;
left: 0px;
}
#contenuti {
position:relative;
left:250px;
width:630px;
text-align: left;
}
#chiusura {
position:relative;
left:35px;
width:610px;
height:160px;
}
#menusx {
position:absolute;
top:150px;
left:32px;
width:145px;
}
classi.css
Codice PHP:.ttesto{
font-size: 1em;
color: #000;
}
.ttesto a:link {
color: blue;
text-decoration: none;
}
.ttesto a:visited {
text-decoration: none;
color: blue;
}
.ttesto a:hover {
text-decoration: none;
color: #ff6600;
}
.ttesto a:active {
text-decoration: none;
}
.tmenu {
font-size: 0.8em;
color: #333;
}
.tmenu a:link {
color: #fff;
text-decoration: none;
}
.tmenu a:visited {
text-decoration: none;
color: #fff;
}
.tmenu a:hover {
text-decoration: none;
color: #ffff00;
}
.tmenu a:active {
text-decoration: none;
}
.indicatore {
position:relative;
font-weight: bold;
font-size:1.2em;
width:201px;
height:25px;
padding-left: 18px;
left:0px;
background: url(../interfaccia/pulsmenusx.gif) no-repeat top left;
}
.titolo {
color:#0066ff;
font-weight: bold;
font-size:1.15em;
height:20px;
}
Rispondi quotando
