Image positioning help

j3ron · 12-13-2008, 06:26 AM

Hi. I'm trying to place an image flush to the top-left edges of the screen - but no matter what I try, I get a "margin" (white space) to the top and to the left of the image.

See below link:
http://www.grafx.dk/testSite/index.html

Now. I'm aware that I can insert this graphic as a background and thus get rid of the white space - but I need to do it as an image in order to use it to define hotspots for links, as it's a menu bar.
I've tried using it in a frameset - and that doesn't seem to make any difference. Nothing I do gets rid of this whitespace to the left and top (the top especially is important - I can live with 5 pixels of whitespace to the left).
Anyone who can help?

j3ron · 12-13-2008, 07:26 AM

Got it figured out - I just needed to zero the margins and padding.

Code:

body {
background-color: #1c1811;
}

Becomes:

body {
margin: 0;
padding: 0;
background-color: #1c1811;
}

specialk · 12-17-2008, 01:36 AM

Yes, sometimes you have to tell your web page what you want, "no margin" is an order, it is interesting that the margin is default and not something that you should have to add in.

12-13-2008, 07:26 AM	#2
j3ron New Member Join Date: Dec 2008 Posts: 5	Got it figured out - I just needed to zero the margins and padding. Code: body { background-color: #1c1811; } Becomes: body { margin: 0; padding: 0; background-color: #1c1811; }

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

12-13-2008, 06:26 AM	#1
j3ron New Member Join Date: Dec 2008 Posts: 5	Image positioning help Hi. I'm trying to place an image flush to the top-left edges of the screen - but no matter what I try, I get a "margin" (white space) to the top and to the left of the image. See below link: http://www.grafx.dk/testSite/index.html Now. I'm aware that I can insert this graphic as a background and thus get rid of the white space - but I need to do it as an image in order to use it to define hotspots for links, as it's a menu bar. I've tried using it in a frameset - and that doesn't seem to make any difference. Nothing I do gets rid of this whitespace to the left and top (the top especially is important - I can live with 5 pixels of whitespace to the left). Anyone who can help?

12-17-2008, 01:36 AM	#3
specialk Bronze Member Join Date: Nov 2008 Posts: 70	Yes, sometimes you have to tell your web page what you want, "no margin" is an order, it is interesting that the margin is default and not something that you should have to add in.