[thelist] CSS & DIV rendering trouble

burgan at iprimus.com.au burgan at iprimus.com.au
Mon Mar 3 19:37:01 CST 2003

Thanks Emma,

I've not got this far - http://www.greaterthani.com/test/index.html
The css file linked to this document is at

Obviously I wont post the code right here due to the length of it - but it
can be viewed in the browser.

Any more coding suggestions would be most appreciated.

Thank you very much.

By the way: What is the general opinion on making sure pages view properly
in NN4. If you open my page in NN4, the Horizontal Rule's don't view and
the javascript doesn't work.

Tim Burgan

Original Message:
From: Emma Jane Hogbin emmajane at xtrinsic.com
Date: Mon, 3 Mar 2003 19:30:00 -0500
To: thelist at lists.evolt.org
Subject: Re: [thelist] CSS & DIV rendering trouble

On Mon, Mar 03, 2003 at 06:27:06PM -0500, burgan at iprimus.com.au wrote:
> I have a 'div' tag that I want to have a height of 1 pixel - in order to
> create a line across my page.

Lines are good. :) But I'm not sure what the context of the whole design
is going to be. As someone else has mentioned you could use an hr to
create a line. The question is though: why do you want the line?
	separate sections: use an "hr" element
	add decoration to a shape/block of content: use a CSS border

In your web page you have a red picture that creates an equally long line
as the div background above. What is it that you'd like to accomplish?
Should it be a black line and then a red line right underneathe?

Instead of wrapping the table in a div, I'd recommend just adding a
border-top to the table. Like this:

.menubar_line {
	border-top: 1px solid #000;
	width: 700px;

then in your page:

<table class="menubar_line">
content goes in here.

> The div tag appears to have a height of around 20 pixels or so .. how do I
> get it just to 1px like I want it.

Can you draw a picture in photoshop (or similar) that shows what you would
like the page to look like? Then we can build the HTML and CSS to match
your desired effect.


Emma Jane Hogbin
[[ 416 417 2868 ][ www.xtrinsic.com ]]
* * Please support the community that supports you.  * *

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !

mail2web - Check your email from the web at
http://mail2web.com/ .

More information about the thelist mailing list