too much space between divs

aarontra · Apr 7, 2003

There is too much space in between div "linkmenu"
and "vbar". Everytime I try to make them closer it cuts off the text of "linkmenu".

I only want a little space between them.

http://webapp.cdl.edu/Cats2002test/CATS2003.08.20.MML/test/test.html

file: eport.css

#linkmenu { position:absolute;
left:1%;
top:15%;
}

#vbar { position:relative;
left:15%;
top:1%;
z-index:1;

}

#icon { position:absolute;
left:29%;
top:4%;
z-index:3;

}
#header {
position:absolute;
left:33%;
top:10%;
z-index:2;

}
#headertext {
position:absolute;
left:37%;
top:8%;
z-index:3;

}

http://webapp.cdl.edu/Cats2002test/CATS2003.08.20.MML/test/test.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<LINK REL=stylesheet HREF="eport.css" TYPE="text/css">

</HEAD>

<BODY>
<div id="linkmenu">
test<br>
Project Documents<br>
</div>

<div id="vbar">
<img src="bg_bar.gif" width="200%" height="100%">
</div>

<div id="icon">
<img src="portfolio_icon.gif">
</div>

<div id="headertext">
Digital Portfolios
</div>
<div id="header">
<img src="rule_line.gif">
</div>
</BODY>
</HTML>

Thanks in advance
Aaron

aarontra · Apr 7, 2003

I figured it out.
The img "bg_bar.gif" was wider than I thought (a bounch of bg white).

I put the images in tables and it became clear.

I changed

#vbar { position:relative;
left:0%;
top:0%;
z-index:1;

}

now it works like I excepted.

Thank you
Aaron

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

too much space between divs

aarontra

Programmer

aarontra

Programmer

Similar threads

Part and Inventory Search

Sponsor