I am slowly but surely learning php. Right now I am creating a header.php with html added in, for my site, however the graphics are misplaced when I look at the php file. In the html version it looks fine and both files are linked to the same style.css, so nothing was changed.
The html and correct look:
header.php look incorrect:
here is the header.php code:
[code]
[/code]
index.html code:
[code]
Style.css (exact same for both)
[code]body {
margin:0px;
padding:0px;
background:#2b1b17;
}
#header_wrap{
width:100%;
height:114px;
margin:0px;
background:url(images/header_bg.png) repeat-x;
}
#header{
width:100%;
margin:0 auto;
}
#site_logo{
width:340px;
height:100px;
background:url(…)no-repeat;
}
#menu_wrap{
width:100%;
height:41px;
background:url(images/menu_bg.png) repeat-x;
overflow: hidden;
}
#menu{
width:980px;
height:41px;
margin: 0 auto;
}
#menu ul{
margin:0 0 3px 15px;
padding:0px;
list-style:none;
}
#menu li {
margin:0px;
padding:0px;
}
#menu a {
float:left;
display:block;
height:36px;
width:128px;
padding:8px;
margin:0px 0 0 0px;
background:url(images/menu.png) no-repeat;
text-align:center;
font-size:14px;
text-decoration:none;
color:white;
font-weight:bold;
outline:none;
}
#menu a:hover {
color:black;
background:url(images/menu_hover.png) no-repeat;
}
#menu .current {
color:black;
background:url(images/menu_hover.png) no-repeat;
}[/code]