Salve atutti,
via allego il mio CSS e vi chiedo come mai non mi funzionano (solo in firefox) gli hyperlink su Informatica, Elettronica e Telecomunicazioni, mentre quelli della barra si.
body {
background-image: url(../immagini/imgsfondo.jpg);
padding: 0px;
margin: 0px;
}
#contenitore {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
height: 1250px;
width: 995px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
left: auto;
position: static;
top: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: none;
background-image: url(../immagini/sfondo_trib1.png);
}
#contenitore #nord #barra a {
font-family: "Courier New", Courier, monospace;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
position: relative;
top: 8px;
padding-left: 10px;
}
#contenitore #nord #barra a:hover {
font-family: "Courier New", Courier, monospace;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: none;
position: relative;
top: 8px;
padding-left: 10px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: dotted;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}
#contenitore #ovest {
position: relative;
height: 1000px;
width: 130px;
top: 0px;
float: left;
background-attachment: scroll;
background-image: url(../immagini/barra_sinistra.png);
background-repeat: no-repeat;
background-position: left top;
font-family: Arial, Helvetica, sans-serif;
}
#contenitore #ovest #informazioni {
position: relative;
height: 130px;
width: 130px;
top: 0px;
left: 0px;
float: none;
}
#contenitore #ovest #project {
position: relative;
height: 20px;
width: 125px;
top: 0px;
padding-left: 0px;
margin-left: 0px;
float: none;
left: 5px;
}
#contenitore #ovest #project_menu {
position: relative;
height: 100px;
width: 120px;
left: 5px;
top: 0px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: dotted;
border-left-style: dotted;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
#contenitore #centro {
position: relative;
height: 1000px;
width: 650px;
left: 0px;
top: 0px;
float: left;
}
#contenitore #est {
position: relative;
height: 1000px;
width: 215px;
left: 0px;
top: 0px;
}
#contenitore #nord {
position: relative;
height: 90px;
width: 995px;
top: 0px;
}
#contenitore #nord #logo {
position: relative;
height: 60px;
width: 955px;
top: 0px;
}
#contenitore #nord #barra {
position: relative;
height: 30px;
width: 995px;
top: 0px;
background-attachment: scroll;
background-image: url(../immagini/sfondobarra.png);
background-repeat: no-repeat;
background-position: left center;
text-align: center;
}
questo invece è l HTML
<!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=iso-8859-1" />
<title>Halos</title>
<link href="css/corpoindex.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
color: #FFFFFF;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}
-->
</style>
</head>
<body>
<div id="contenitore">
<div id="nord">
<div id="logo">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="995" height="60">
<param name="movie" value="animazioni/logo.swf" />
<param name="quality" value="high" /><param name="SCALE" value="noborder" /><param name="LOOP" value="false" />
<embed src="animazioni/logo.swf" width="995" height="60" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder"></embed>
</object>
</div>
<div id="barra">
Home
Foto
Project
Contatti
SecZone </div>
</div>
<div id="ovest">
<div id="informazioni">info</div>
<div class="style1" id="project">Project</div>
Informatica
telecomunicazioni
elettronica
</div>
<div id="centro">
</div>
<div id="est">
</div>
</div>
</body>
</html>
Rispondi quotando
