Simple problem on this site - tables

  • Uzzo
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 136
  • Loc: London
  • Status: Offline

Post April 30th, 2004, 11:35 am

Hi

Ive got a very simple problem on this site:
http://cms-stu-iis.gre.ac.uk/db810/arive/index.htm (dont click on the 'participants' link - it goes elsewhere)

You will notice that if you click on the various links at the left, the position of the links table keeps moving. This happens because whenever a new paragraph is started in the main body, it moves the left column of the table down as well. How can I solve this so my links box stays at the same place on every page.

Thanks.
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 30th, 2004, 11:35 am

  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post May 1st, 2004, 2:18 am

404'd
CSS website design tutorials
  • fional24
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Nov 12, 2003
  • Posts: 125
  • Loc: Scotland
  • Status: Offline

Post May 1st, 2004, 2:48 am

havent managed to look at your page, but from the description it sounds like you just need to change the vertical alignment of the cell which is holding your links table to top. This will make sure your links always stay at the top no matter how much content you add to the other cell.

so
Code: [ Select ]
<td valign="top">
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post May 1st, 2004, 3:07 am

Is this the link we should be looking at?

http://cms-stu-iis.gre.ac.uk/db810/arrive/index.htm
- dM
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post May 1st, 2004, 3:30 am

if dm is right, I can see what you mean. First thing I noticed was that you are missing a table tag... But I doubt that is the problem. The top position of the nav bar is getting lower depending on the size of the page content.

I can't work out why though - it's this sort of error that made me leave tables for good.

Actually that table tag might make a difference... The td it is in has valign="top" so it could be the lack of table is messing it up? I don't know. You're actually missing quite a few closing tags in that area
CSS website design tutorials
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post May 1st, 2004, 3:55 am

I played around with the HTML from the home page. There was a good bit of extraneous code and nesting errors. For the menu on the left column, you might consider not using a generic DIV for right/left alignment of images, but use the TD or IMG attributes instead. The DIV's can cause some spacing problems when it gets squished in a table cell.

I think the first step would be to clean up your HTML so you can get all the errors fixed, then come back and address the spacing issue.

btw: I notice you're not using any spacing GIF's. When I did tabled layouts, these were essential.
- dM
  • Uzzo
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 136
  • Loc: London
  • Status: Offline

Post May 1st, 2004, 4:37 am

Thanks a lot guys, I have sorted the problem out. Luckily my new flatmate that moved in is a really clever IT project manager and she showed me how it is done in notepad. Really put me to shame.

Thaks for your suggestions though,

I need to brush up on my html!
  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Joined: Jan 25, 2004
  • Posts: 776
  • Loc: Nippon
  • Status: Offline

Post May 1st, 2004, 5:42 am

digitalMedia wrote:
btw: I notice you're not using any spacing GIF's. When I did tabled layouts, these were essential.

Bad, bad, bad, bad, bad, bad, BAD!!! Spacers are useless. A little css makes spacers a complete waste of space.
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post May 1st, 2004, 6:06 am

lol i refrained from that gsv :wink:
  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Joined: Jan 25, 2004
  • Posts: 776
  • Loc: Nippon
  • Status: Offline

Post May 1st, 2004, 6:45 am

Sorry, I couldn't restrain myself. I can't believe dM even recommended using such a sorry design hack! (no offense)

Bad practice is bad practice.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post May 1st, 2004, 7:28 am

I don't do tabled layouts anymore. When I did, however, I used spacer.gif out the waaaazooo. I agree, they're bad, but for that type of layout system, especially when you're not writing for a specific DTD, they're essential.

That's my story, and I'm stickin to it.
- dM
  • gsv2com
  • Professor
  • Professor
  • User avatar
  • Joined: Jan 25, 2004
  • Posts: 776
  • Loc: Nippon
  • Status: Offline

Post May 1st, 2004, 7:56 am

I use tables for design on occasion, however, I've never found the need to use spacers. You can mix css and tables and get the same results. They're useful, not essential IMHO.
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post May 1st, 2004, 8:00 am

gsv2com wrote:
You can mix css and tables and get the same results.


I agree
- dM

Post Information

  • Total Posts in this topic: 13 posts
  • Users browsing this forum: ScottG and 152 guests
  • 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 post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.