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:Codice 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;
}
2) Come faccio a fare in modo che il menù è accentrato?Codice 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>
[*][url="home.php"][b]Home[/b][/url]
[*][url=""][b]Tesserati[/b][/url]
[*][url=""][b]Nazionali[/b][/url]
[*][url=""][b]Partite[/b][/url]
[*][url=""][b]Albo d'oro[/b][/url]
[*][url=""][b]Marcatori[/b][/url]
[*][url=""][b]Notizie[/b][/url]
[/list]
</div>
<div id="contenuti">
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
Rispondi quotando
