Jump to content

Lining up the image

- - - - -
Started by aaronoafc, Feb 12 2012 06:53 AM

  • Please log in to reply
2 replies to this topic

#1
aaronoafc
Posted 12 February 2012 - 06:53 AM

aaronoafc

    Newbie

  • Members
  • Pip
  • 5 posts
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;

}
I have also attached the edited image file

Attached Files

#2
fread
Posted 17 February 2012 - 07:10 AM

fread

    Programming God

  • Members
  • PipPipPipPipPipPipPip
  • 787 posts
What do you mean by slightly off? It Looks ok to me.
Perfection of means and confusion of ends seem to characterize our age. Albert Einstein :confused:

#3
BlackRabbit
Posted 11 April 2012 - 05:05 AM

BlackRabbit

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 265 posts
  • Location:ten steps forward
yep, it looks ok, could it be a browser issue ? maybe screen color depth configuration ?
Back to JavaScript and CSS


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users



  1. CODECALL Programming Forum
  2. → Web Development Forum
  3. → JavaScript and CSS
IPB skins by Skinbox