Non sono molto pratico con CSS ma ho provato a fare una home page. Ho due problemi con il menù...
1) Non so come fare a fare in modo che sia con Google Chrome che con Firefox si vedano correttamente... Fatto in un modo con GC sfora ma con MF si vede ben accentrato... Fatto in un altro sfora con Firefox ma va bene con GC...
Cosa sbaglio?
Questa è la pagina html:
2) Come faccio a fare in modo che il menù è accentrato?
1) Non so come fare a fare in modo che sia con Google Chrome che con Firefox si vedano correttamente... Fatto in un modo con GC sfora ma con MF si vede ben accentrato... Fatto in un altro sfora con Firefox ma va bene con GC...
Cosa sbaglio?
PHP:
body {
background-image: url("Sfondo.png");
}
#container {
width: 900px;
height: 840px;
margin: auto;
}
#header {
width: 900px;
height: 250px;
background-image: url("Header.png");
}
#centro {
width: 900px;
height: 620px;
background-image: url(corpo.png);
}
#menu {
width: 900px;
height: 50px;
position: absolute;
margin-left: 35%;
left: -225;
}
#menu ul {
list-style: none;
margin: 10px;
padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul a {
text-decoration: none;
display: block;
float: left;
line-height: 25px;
color: white;
margin-right: 50px;
}
#menu ul a:hover {
color:#b214b8;
}
#contenuti {
width: 850;
height: 500;
margin: auto;
padding: 20px;
position: relative;
top: 50px;
overflow: auto;
}
#footer {
width: 900px;
height: 30px;
background-image: url("Footer.png");
}
#footer a {
text-decoration: none;
color: white;
font-size: 11px;
font-weight: bold;
}
Questa è la pagina html:
PHP:
<html>
<head>
<style>
@import url(home.css);
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="centro">
<div id="menu">
<ul>
<li><a href="home.php"><b>Home</b></a></li>
<li><a href=""><b>Tesserati</b></a></li>
<li><a href=""><b>Nazionali</b></a></li>
<li><a href=""><b>Partite</b></a></li>
<li><a href=""><b>Albo d'oro</b></a></li>
<li><a href=""><b>Marcatori</b></a></li>
<li><a href=""><b>Notizie</b></a></li>
</ul>
</div>
<div id="contenuti">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
2) Come faccio a fare in modo che il menù è accentrato?