PDA

View Full Version : Gaps between divs and stylesheets

fecura
07-29-2005, 09:52 PM
Hi,
I'm trying to make a website using the two column layout with header found here: http://www.lissaexplains.com/css3.shtml, and I have a couple of questions.
First of all, there is a gap between the centre and header divs that I'd really like to get rid of and can't work out how.
Also, as this layout has a style sheet typed into the header section, could I also link to an external style sheet (That would change the fonts of everything, not just, for example, the header), and where would I place the link to it?

Thanks in advance for any help.
MaGiCSuN
07-29-2005, 11:13 PM
you put your css minus the <style> and </style> tags in a notepad file and save it as for example style.css

then you remove the stylesheet out of your layout and replace it with this between the <head> and </head> tag:

<link rel="stylesheet" type="text/css" href="style.css">

that should do it. For your other problem, post an url to the page you are having problems with :)

Love,
Mirna
fecura
07-29-2005, 11:42 PM
Thanks for the help :) I've just uploaded my page on to Geocities quickly to show what my problem is (Sorry about the mess, I'm still in the experimenting stages): http://www.geocities.com/estate123/index.html. Between the black box and the purple box there's a gap, and that's what I'm trying to get rid of.
kittycat
07-30-2005, 12:54 AM
You have top: 0; in there but no position: absolute; Try adding the position in or playing around with margin-top values
fecura
08-01-2005, 12:38 PM
That's fixed it, thanks :)