Header won't line up 1

[singersower]

HELP! The header wont line up. It's an include page:

[

http://www.believersfellowship.info/New BF/index3.htm

]here

It lines up in it's own page but since I have it in a table on the page it's doing it's own thing.

Any clues? Or, should I just plan on putting it in there without making it an include page? I plan to turn it into a motion header with Flash but I haven't gotten that far yet.

Thank you in advance.

 

[RISTMO]

You have this code in your webpage:

<div class="Table_01">
	<div class="bfheader2m-01_">
		<img id="bfheader2m_01" src="images/bfheader2m_01.gif" width="260" height="314" alt="" />
	</div>
	<div class="bfheader2m-02_">
		<img id="bfheader2m_02" src="images/bfheader2m_02.gif" width="185" height="314" alt="" />
	</div>

	<div class="bfheader2m-03_">
		<img id="bfheader2m_03" src="images/bfheader2m_03.gif" width="158" height="314" alt="" />
	</div>
	<div class="bfheader2m-04_">
		<img id="bfheader2m_04" src="images/bfheader2m_04.gif" width="204" height="314" alt="" />
	</div>
	<div class="bfheader2m-05_">
		<img id="bfheader2m_05" src="images/bfheader2m_05.gif" width="194" height="314" alt="" />
	</div>

	<div class="bfheader2m-06_">
		<img id="bfheader2m_06" src="images/bfheader2m_06.gif" width="1001" height="117" alt="" />
	</div>
</div>

Replace that with this:

<div class="Table_01">
<img id="bfheader2m_01" src="images/bfheader2m_01.gif" width="260" height="314" alt="" /><img id="bfheader2m_02" src="images/bfheader2m_02.gif" width="185" height="314" alt="" /><img id="bfheader2m_03" src="images/bfheader2m_03.gif" width="158" height="314" alt="" /><img id="bfheader2m_04" src="images/bfheader2m_04.gif" width="204" height="314" alt="" /><img id="bfheader2m_05" src="images/bfheader2m_05.gif" width="194" height="314" alt="" /></div>
<div class="bfheader2m-06_"><img id="bfheader2m_06" src="images/bfheader2m_06.gif" width="1001" height="117" alt="" /></div>

May I ask why you're breaking up the image in the first place and why you're doing it like this:

|-------| |-------| |-------| |-------| |-------|
| | | | | | | | | |
| | | | | | | | | |
|-------| |-------| |-------| |-------| |-------|

instead of like this:

|----------------------------------------------|
| |
|----------------------------------------------|
|----------------------------------------------|
| |
|----------------------------------------------|
|----------------------------------------------|
| |
|----------------------------------------------|
|----------------------------------------------|
| |
|----------------------------------------------|

It's just typically done the second way, especially since if the user resizes their browser to a width shorter than the width of the top image, it would end up causing a similar problem as now (try my code and then resize your browser to a smaller width to see what I mean). You could fix that resize problem by using a table and putting every image in a new <td>, but the best way would be to just combine the image and export as one large header.

Rick

http://www.ristmo.com/

 

[RISTMO]

Lol... I just noticed that text (the spaces in my diagrams) renders differently on the page than in this textbox...:-/.

I wanted to say, though -- nice site. I like the design. It's clean, attractive, and easy to read and navigate.

Rick

http://www.ristmo.com/

 

[singersower]

Great!!! Thank you, works like a charm (of course)

Any thoughts/preferences: Should I put the Navigation bar (which includes dropdown menu yet to be built) on the include page or on the separate pages?



Thanx,
singersower

 

[RISTMO]

I usually use a php form of templating. On each page, I'll do this:

<? include("/doc_root/top.php"); ?>
content here...
<? include("/doc_root/bottom.php"); ?>

Then on the top.php page, I'll include the menu with everything else. However, if I use a submenu on the site, I'll often make a submenu.php page for each directory and do include("submenu.php"); (notice it's a relative path and not absolute). That way, it'll pull the submenu page from whichever directory I'm in.

Rick

http://www.ristmo.com/