4WebHelp
 FAQ  •  Search  •  User Groups  •  Forum Admins  •  Smilies List  •  Statistics  •  Rules   •  Login   •  Register
Toggle Navigation Menu

 Help with lining up graphics
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic
Author Message
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Sun Sep 21, 2003 4:50 am (14 years, 1 month ago) Reply with QuoteBack to Top

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
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
Daniel
Team Member



Joined: 06 Jan 2002
Posts: 2564

PostPosted: Sun Sep 21, 2003 7:30 am (14 years, 1 month ago) Reply with QuoteBack to Top

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?

________________________________
Image
OfflineView User's ProfileFind all posts by DanielSend Personal Message
thetribe
WebHelper
WebHelper


Joined: 10 Nov 2002
Posts: 62
Location: Ashington, Northumberland. UK

PostPosted: Sun Sep 21, 2003 8:58 am (14 years, 1 month ago) Reply with QuoteBack to Top

the simple answer is that it is not aligned to the top
Code:
<td>
      <table cellSpacing=0 cellPadding=2 width="100%" bgcolor="#000000"><tr><td align="center" valign="center">

should be
Code:

<td valign="top">
      <table cellSpacing=0 cellPadding=2 width="100%" bgcolor="#000000"><tr><td align="center" valign="center">

________________________________
Phil.
My Musical Preferences
Image
OfflineView User's ProfileFind all posts by thetribeSend Personal MessageVisit Poster's Website
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Sun Sep 21, 2003 5:58 pm (14 years, 1 month ago) Reply with QuoteBack to Top

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
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
Daniel
Team Member



Joined: 06 Jan 2002
Posts: 2564

PostPosted: Sun Sep 21, 2003 6:08 pm (14 years, 1 month ago) Reply with QuoteBack to Top

I think if you replace
Code:
  <TR>
    <TD width="100%">
      <TABLE border=0 width="500" background="images/image001.jpg"><TR><TD valign="top">
with
Code:
  <TR>
    <TD width="100%" valign="top">
      <TABLE border=0 width="500" background="images/image001.jpg"><TR><TD valign="top">
it should work.

________________________________
Image
OfflineView User's ProfileFind all posts by DanielSend Personal Message
thetribe
WebHelper
WebHelper


Joined: 10 Nov 2002
Posts: 62
Location: Ashington, Northumberland. UK

PostPosted: Sun Sep 21, 2003 6:11 pm (14 years, 1 month ago) Reply with QuoteBack to Top

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

<tr>
    <td width="100%">
      <table border=0 width="500" background="images/image001.jpg"><tr><td valign="top">
      <p class="section">

Change to
Code:

<tr>
    <td width="100%" valign="top">
      <table border=0 width="500" background="images/image001.jpg"><tr><td valign="top">
      <p class="section">


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

________________________________
Phil.
My Musical Preferences
Image
OfflineView User's ProfileFind all posts by thetribeSend Personal MessageVisit Poster's Website
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Mon Sep 22, 2003 11:19 pm (14 years, 1 month ago) Reply with QuoteBack to Top

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
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
thetribe
WebHelper
WebHelper


Joined: 10 Nov 2002
Posts: 62
Location: Ashington, Northumberland. UK

PostPosted: Tue Sep 23, 2003 8:40 am (14 years, 1 month ago) Reply with QuoteBack to Top

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.

________________________________
Phil.
My Musical Preferences
Image
OfflineView User's ProfileFind all posts by thetribeSend Personal MessageVisit Poster's Website
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Tue Sep 23, 2003 3:08 pm (14 years, 1 month ago) Reply with QuoteBack to Top

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
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
thetribe
WebHelper
WebHelper


Joined: 10 Nov 2002
Posts: 62
Location: Ashington, Northumberland. UK

PostPosted: Tue Sep 23, 2003 3:21 pm (14 years, 1 month ago) Reply with QuoteBack to Top

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 )

Smile

________________________________
Phil.
My Musical Preferences
Image
OfflineView User's ProfileFind all posts by thetribeSend Personal MessageVisit Poster's Website
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Tue Sep 23, 2003 9:11 pm (14 years, 1 month ago) Reply with QuoteBack to Top

Thanks for your help Phil.

Scott
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
thetribe
WebHelper
WebHelper


Joined: 10 Nov 2002
Posts: 62
Location: Ashington, Northumberland. UK

PostPosted: Thu Sep 25, 2003 8:50 am (14 years, 1 month ago) Reply with QuoteBack to Top

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

________________________________
Phil.
My Musical Preferences
Image
OfflineView User's ProfileFind all posts by thetribeSend Personal MessageVisit Poster's Website
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Fri Sep 26, 2003 2:12 am (14 years, 1 month ago) Reply with QuoteBack to Top

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
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
thetribe
WebHelper
WebHelper


Joined: 10 Nov 2002
Posts: 62
Location: Ashington, Northumberland. UK

PostPosted: Fri Sep 26, 2003 7:00 am (14 years, 1 month ago) Reply with QuoteBack to Top

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:

<!-- Begin Navigation Cell -->
<br />

and remove the
Code:

<br />


Hope this helps Smile

________________________________
Phil.
My Musical Preferences
Image
OfflineView User's ProfileFind all posts by thetribeSend Personal MessageVisit Poster's Website
scottd78
Junior WebHelper
Junior WebHelper


Joined: 18 May 2003
Posts: 27

PostPosted: Sat Sep 27, 2003 4:45 am (14 years ago) Reply with QuoteBack to Top

Thanks Phil. That worked fine. Just two things now: 1.) the navigation buttons are not centered on the naviagation bar, and 2Smile 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
OfflineView User's ProfileFind all posts by scottd78Send Personal MessageVisit Poster's Website
Display posts from previous:      
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic


 Jump to:   


Go to page 1, 2  Next

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot edit your posts in this forum.
You cannot delete your posts in this forum.
You cannot vote in polls in this forum.


Page generation time: 0.08564 seconds :: 17 queries executed :: All Times are GMT
Powered by phpBB 2.0 © 2001, 2002 phpBB Group :: Based on an FI Theme