Lining up the header
-
Afternoon guys, I'm having some trouble lining up this image, It was cropped down in photoshop and now i'm trying to add it as you can see in my code but if you preview it you will see it is slightly off and I have no idea why!?!? HTML
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8" />
<title>Awesome Website from CSS-tricks</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head><body>
<ul id="nav"> <li></li> </ul></body>
</html>CSS
* {
margin: 0;
padding: 0;
}body {
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/body-bg.png) repeat-x top #f5ecd4;
}#nav {
height: 336px;
width: 800px;
margin: 0 auto;
background: url(images/header-bg.jpg) no-repeat;
}wanted to attach image but not sure how!
-
Afternoon guys, I'm having some trouble lining up this image, It was cropped down in photoshop and now i'm trying to add it as you can see in my code but if you preview it you will see it is slightly off and I have no idea why!?!? HTML
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8" />
<title>Awesome Website from CSS-tricks</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head><body>
<ul id="nav"> <li></li> </ul></body>
</html>CSS
* {
margin: 0;
padding: 0;
}body {
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/body-bg.png) repeat-x top #f5ecd4;
}#nav {
height: 336px;
width: 800px;
margin: 0 auto;
background: url(images/header-bg.jpg) no-repeat;
}wanted to attach image but not sure how!
I didnt understand your question but your meta declaration is improper. you wrote
Aaron Howarth wrote:
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8" />
it should be
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Your slightly off does not make sense and another thing is improper image repeating may not workout.
-
Afternoon guys, I'm having some trouble lining up this image, It was cropped down in photoshop and now i'm trying to add it as you can see in my code but if you preview it you will see it is slightly off and I have no idea why!?!? HTML
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8" />
<title>Awesome Website from CSS-tricks</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head><body>
<ul id="nav"> <li></li> </ul></body>
</html>CSS
* {
margin: 0;
padding: 0;
}body {
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/body-bg.png) repeat-x top #f5ecd4;
}#nav {
height: 336px;
width: 800px;
margin: 0 auto;
background: url(images/header-bg.jpg) no-repeat;
}wanted to attach image but not sure how!
-
Afternoon guys, I'm having some trouble lining up this image, It was cropped down in photoshop and now i'm trying to add it as you can see in my code but if you preview it you will see it is slightly off and I have no idea why!?!? HTML
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset=UTF-8" />
<title>Awesome Website from CSS-tricks</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head><body>
<ul id="nav"> <li></li> </ul></body>
</html>CSS
* {
margin: 0;
padding: 0;
}body {
font-size: 62.5%;
font-family: Helvetica, sans-serif;
background: url(images/body-bg.png) repeat-x top #f5ecd4;
}#nav {
height: 336px;
width: 800px;
margin: 0 auto;
background: url(images/header-bg.jpg) no-repeat;
}wanted to attach image but not sure how!
I think I know your problem, you need to deal with the
lu
and
li
tags in the css. Try this:
ul {
list-style-type: none;
}in your css and you will notice the difference. This may be useful to you: CSS UL LI - Horizontal CSS Menu Hope this will help you.
Sojaner!