Ciao mi chiamo matteo esono nuovo di questo forum ( ma non del sito dato che ho imparato qui html+css ) occhiolino
Passiamo al mio quesito , ho creato questa pagina xhtml :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
html xmlns="http://www.w3.org/1999/xhtml" lang="it"/>
<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=iso-8859-1"/>
<link rel=stylesheet href="primapagina.css" type="text/css"/>
<title>chi sono</title>
</head>
<body class="body">
<h1 class="chisono">frase 1.
<br>
<br />frase 2 .
<br>
<br />frase 3</h1>
<h2 class="contatti"><a href="contatti.html">contatti</a></h2>
<h3 class="contatti1"><a href="rates.html">rates</a></h3>
<h4 class="contatti2"><a href="condizioni.html">condizioni</a></h4>
<h5 class="contatti3"><a href="gallery.html">galley</a></h5>
</body>
</html>
collegata a questo css :
.chisono{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
text-align: left;
font-weight: normal;
font-style: normal;
position: relative;
top: 70px;
left: 20px;
z-index: auto;
}
.body{
background-image: url(weblink23.jpg);
color: white;
}
.contatti{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 400px;
z-index: auto;
}
.contatti1{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 490px;
z-index: auto;
}
.contatti2{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 300px;
z-index: auto;
}
.contatti3{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 550px;
z-index: auto;
}
A:LINK {text-decoration: none; color: Red; font-size: 12pt;}
A:VISITED {text-decoration: none; Color: green; font-size: 12pt;}
A:HOVER {Color: red; font-size: 13pt;}
ora i problema nasce su l' allineamnto dei linx che vengono visualizzati in testa alla pagina , ne senso che se li visualizzo con IE non ci sono problemi risultano correttamante allineati ,mentre con firefox no!
come posso risovere ?
Passiamo al mio quesito , ho creato questa pagina xhtml :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
html xmlns="http://www.w3.org/1999/xhtml" lang="it"/>
<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=iso-8859-1"/>
<link rel=stylesheet href="primapagina.css" type="text/css"/>
<title>chi sono</title>
</head>
<body class="body">
<h1 class="chisono">frase 1.
<br>
<br />frase 2 .
<br>
<br />frase 3</h1>
<h2 class="contatti"><a href="contatti.html">contatti</a></h2>
<h3 class="contatti1"><a href="rates.html">rates</a></h3>
<h4 class="contatti2"><a href="condizioni.html">condizioni</a></h4>
<h5 class="contatti3"><a href="gallery.html">galley</a></h5>
</body>
</html>
collegata a questo css :
.chisono{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
text-align: left;
font-weight: normal;
font-style: normal;
position: relative;
top: 70px;
left: 20px;
z-index: auto;
}
.body{
background-image: url(weblink23.jpg);
color: white;
}
.contatti{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 400px;
z-index: auto;
}
.contatti1{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 490px;
z-index: auto;
}
.contatti2{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 300px;
z-index: auto;
}
.contatti3{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: White;
font-size: medium;
font-weight: normal;
text-align: center;
font-style: normal;
position: absolute;
top: 15px;
left: 550px;
z-index: auto;
}
A:LINK {text-decoration: none; color: Red; font-size: 12pt;}
A:VISITED {text-decoration: none; Color: green; font-size: 12pt;}
A:HOVER {Color: red; font-size: 13pt;}
ora i problema nasce su l' allineamnto dei linx che vengono visualizzati in testa alla pagina , ne senso che se li visualizzo con IE non ci sono problemi risultano correttamante allineati ,mentre con firefox no!
come posso risovere ?
