Ciao.
Ho questo layout:
Sarebbe perfetto se non ci fosse quel piccoloCodice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/* COMMONS */
*{
margin:0px;
padding:0px
}
body{
text-align:center;
font-size:100%;
}
a:link, a:visited,a:hover,a:active{
text-decoration: none;
}
ul{
list-style-type:none;
}
/* MAIN */
#header {
background-color:#FFFFFF;
}
#header h1 {
margin:0 auto;
width:720px;
height:100px;
text-align:left;
background-color:#FFFFFF;
font-size:300%;
}
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active{
display:block;
line-height:100px;
color:#FF8042;
}
#navigation {
height:50px;
border-top:1px solid #FF8042;
border-bottom:1px solid #FF8042;
}
ul#navbar {
margin:0px auto;
width:720px;
}
ul#navbar li{
display:inline;
}
ul#navbar li a{
padding:10px;
line-height:50px;
border-right:1px solid #FFCC00;
font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
font-variant: small-caps;
letter-spacing:1px;
color: #3169A5;
}
ul#navbar li a:hover{
background-color:#3169A5;
color:#FFFFFF;
}
#navbar a.current:link,
#navbar a.current:visited,
#navbar a.current:hover,
#navbar a.current:active{
color:#FF8042;
text-decoration:underline
}
div#container {
position:relative;
margin:0px auto;
text-align:left;
width:720px;
}
#content{}
#footer{
height:60px;
border-top:1px solid #FF8042;
border-bottom:1px solid #FF8042;
}
#footer h6{
margin:0px auto;
width:720px;
line-height:60px;
text-align:left;
}
</style>
</head>
<body>
<div id="header"><h1>[url="/index.php"]Header[/url]</h1></div>
<div id="navigation">
<ul id="navbar">
[*][url="index.php"]Home[/url]
[*][url="aboutus.php"]About us[/url]
[*][url="news.php"]News[/url]
[*][url="contacts.php"]Contacts[/url]
[/list]
</div>
<div id="container">
<div id="content">
<h2>Content</h2>
<h2>Content</h2>
<h2>Content</h2>
</div>
</div>
<div id="footer"><h6>Footer</h6></div>
</body>
</html>
ma noiossimo piccolo spazio sulla sinistra del
link
Presumo che sia un comportamento di default di un
tag lima domando se c'è un modo per evitarlo.
Il problema è che se metto li float il menu non è
centrato ma 'scivola' sulla sinistra.
Suggerimenti
Rispondi quotando
