Help with lining up graphics

Junior WebHelper Joined: 18 May 2003 Posts: 27

Hi,

Could someone please help me to remove the extra row above the blue box at the top of the "Contact Info" page in my web site? I would also like for the text "Contact Info" to start on the same row as the other page titles do on the other pages. The full web address is: www.4sqt.com/contact.htm. Please e-mail me if you have any questions. Thanks a lot!

Scott

Team Member Joined: 06 Jan 2002 Posts: 2564

I think this might be part of the problem...

Code:

<TD>
<TABLE cellSpacing=0 cellPadding=2 width="100%" bgcolor="#000000"><tr><td align="center" valign="center">
<TABLE cellSpacing=0 cellPadding=1 width="100%" bgcolor="#99ccff"><tr><td>
<TABLE cellSpacing=0 cellPadding=1 width="100%" bgcolor="#000000"><tr><td>
<TABLE cellSpacing=0 cellPadding=0 height="127" width="100%" bgcolor="#99ccff"><tr><td align="center">
<TABLE>
<TR><TD class="heading"><i>Welcome to...</i></td>
<td align="center" valign="center" rowspan="3"><img align="right" src="images/scrollandpen.gif"></td></tr>
<tr><td><img align="center" src="images/header.jpg"></td></tr>
<tr><td align="right" class="smallerText"><b>...<u>where <font color="#990000">quality</font> is the norm</u>.</b></td></tr>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD>

See how many tables there are there? Smile

Otherwise, what's the difference between that page and the others, since the others don't have that problem?

My Musical Preferences · Posted: Sun Sep 21, 2003 8:58 am (20 years, 7 months ago)

the simple answer is that it is not aligned to the top

Code:

should be

Code:

Junior WebHelper Joined: 18 May 2003 Posts: 27

Thanks a lot! That worked, but now I just need line up the page title ("Contact Info" and the red line underneath it) to the same position as the other page titles. It just needs to be moved a little higher up the page.

Scott

Team Member Joined: 06 Jan 2002 Posts: 2564

I think if you replace

Code:

with

Code:

it should work.

My Musical Preferences · Posted: Sun Sep 21, 2003 6:11 pm (20 years, 7 months ago)

try this (the local copy I have has no images so it's not hte same depth and I can't tell)

Code:

Change to

Code:

[edit] Bah, last time I answer the phone while posting, beaten by Daniel Twisted Evil

[/edit]

Junior WebHelper Joined: 18 May 2003 Posts: 27

Daniel,

I tried adding the "valign=top", but unfortunately that didn't work. It did, however, work for my first question. Do you have any other suggestions? Thanks.

Scott

My Musical Preferences · Posted: Tue Sep 23, 2003 8:40 am (20 years, 7 months ago)

it seems to be the depth of your header row, for some reason on this page it comes further down the page. Check out these 2 examples with borders set to 1
http://thetribe.mine.nu:81/test3.html
http://thetribe.mine.nu:81/test5.html
You will see that on the contact page the bottom border of the header cell is further down the page and this is causing the problem.

Junior WebHelper Joined: 18 May 2003 Posts: 27

Thanks for your reply. I actually hired someone to write the code, so I really don't know much HTML at all. Can you tell me exactly what needs to be changed? Thanks.

Scott

My Musical Preferences · Posted: Tue Sep 23, 2003 3:21 pm (20 years, 7 months ago)

I'll try and take a look at it later and see if I can make some headway (anyone else is welcome to take over earlier if they have time Smile

)

Junior WebHelper Joined: 18 May 2003 Posts: 27

Thanks for your help Phil.

Scott

My Musical Preferences · Posted: Thu Sep 25, 2003 8:50 am (20 years, 6 months ago)

sorry it took me longer than I thought to get back and have a look.

Hope you don't mind I couldn't spot what was causing the problem so I created a new layout for it. Still shows exactly the same but just done a slightly different way, I have commented in the code so you can see where everything goes and it may help you understand more about the layout of the page. Smile

Take a look at the source here - http://thetribe.mine.nu:81/test6.html

Let me know if you have any more questions about it

Junior WebHelper Joined: 18 May 2003 Posts: 27

Thanks a lot Phil! It looks good. The only thing now is that the red line at the top (and hence the text) is a little higher up on the page than it is on the other pages. I know this is being picky, and you've already helped me quite a bit, so if you don't have time or don't feel like fooling with it right now, I understand. Just let me know, and I can check with someone else if necessary. Thanks again !. Very Happy

Scott

My Musical Preferences · Posted: Fri Sep 26, 2003 7:00 am (20 years, 6 months ago)

No probem, actually the text is at the same level as the other pages it's the navigation that's a bit lower as I went off your homepage where the navigation is lower than the rest.
http://www.thetribe.fsnet.co.uk/compare.jpg is an image showing 2 browsers showing the text lining up.
If you want to lift the navigation back up then go to this part of the HTML

Code:

<br />

and remove the

Code:

<br />

Hope this helps Smile

Junior WebHelper Joined: 18 May 2003 Posts: 27

Thanks Phil. That worked fine. Just two things now: 1.) the navigation buttons are not centered on the naviagation bar, and 2 Smile

I would like for the red lines on the text page (just underneath "Contact Info" and the body of the text) to come in from the right margin, so that they are the same width as they are on the other pages. Really appreciate all your help. Thanks again.

Scott