Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New to the CF scene
    Join Date
    Oct 2004
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table layout help, im really stuck =(

    Right the problem is, something went wrong with my layout when i added a menu to the right of my website, i originally had 1 to the left, but now everything has gone wrong. I would appreciate if anyone could take a few minutes maybe to look at it and maybe could correct it for me.
    Iv spent weeks trying and can't get anywhere.

    this is the url to my site..
    http://www.lanfire.co.uk/lukepev/index.php

    ^^ as you can see the tables are messed. they should fit the width of the image,which is 768 pixels accross.

    now if you go to
    http://www.lanfire.co.uk/lukepev/index.php?page=wars

    iv actually got somewhere and manmaged to get the outer table width in lign with the banner. but i cant fix the center table and remove the space above it..


    Here i will provide, the index.php, main.php and wars.php for you to be able to view and edit it perfectly.

    I really appreciate any help. Thanks a lot

    Luke
    Attached Files Attached Files

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Omygod, like, eeewww?!!

    Could you have used more nested tables?!! No wonder you've tabled your way into a corner.

    Anyway: That charming little header image, not influenced in any way by taste, is supposed to be 768 px wide; i'll take your word for it.
    Your left and right side tables are each 110 px, and you've set the center one at 530. Adds up to 750 px, leaving you 18 px room for borders, cell spacing, etc. I didn't bother, but if you accurately calculate the actual width, you'll probably end up with the current result.
    An easy way to prove me wrong would be to reduce the center table to, say, 500 px; the whole lot should shrink to something near the header width.

    Another good idea would be to validate the lot; maybe you missed a tag somewhere (which wouldn't surprise me, considering the amount of markup). For this, it's best to add an appropriate doctype, which would be yet another good idea anyway.

    Lastly, it is plain wrong to have internal style declarations halfway down the body element; they belong in the head element, and only there.

    I'd seriously recommend you to read up on web standards and cascading style sheets; you really don't need nested tables five (!) levels deep to get a border around something...
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    LOL:

    Code:
    Could you have used more nested tables?!! No wonder you've tabled your way into a corner.
    You think?

    Actually, i dont blame him. It's something i would have done really. There's really no way of getting around certain things in pure HTML. It is only when i see complexity of that nature that i begin to desire a learning of something other than Tables, something like CSS. I still dont think though that CSS has been all that easy really. But in many ways, yea, i have seen examples of how you can basically by pass some of the limitations imposed by mere pure HTML.
    LovesWar

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Nesting = wrong

    There's no conceivable situation in which nesting tables five levels deep is required for any type of layout.

    If one is not comfortable with CSS positioning, or if specific layout wishes simply cannot be met with pure CSS alone, there is limited use for a layout table. A table, as in one.

    The layout mentioned by the initial poster, which is basically a header / three-column main / footer page, everything can be accomplished with proper markup, basic CSS without any positioning, and one (1) table to create three columns.

    HTML alone was never intended to create complex visual layouts with; that's why they (Who? Well, visitors from outer space, of course!) invented CSS. And yes, something that powerful and versatile usually is hard to get to grips with; that's why forums like these bring novices and experts together to help eachother out.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #5
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    HTML alone was never intended to create complex visual layouts with; that's why they (Who? Well, visitors from outer space, of course!) invented CSS. And yes, something that powerful and versatile usually is hard to get to grips with; that's why forums like these bring novices and experts together to help eachother out.
    LOL.

    Personally, i think the post is a fake. But you never know. He could be one of the alians from outer space.

    Just to reenforce what has already been said, i think a single table with a considerable porption of CSS might be really your only route.
    LovesWar

  • #6
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Essentially, though, his layout is exactly the same as:
    http://www.sfexaminer.com/home/

    Which does not use any tables It's difficult to understand CSS layouts when you're not accustomed to it (I think it took me longer to get CSS than HTML/XHTML) but it's worth it and comes easy when you're done -- with the occassional problem here and there!

    As for that website -- there are so many errors in there, I cannot pinpoint one that would be the culprit, all might have something to do with it. You should really clean up some of the junk in there, and then attack bugs -- otherwise, we're just doing a witchhunt.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #7
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    From roy:

    As for that website -- there are so many errors in there, I cannot pinpoint one that would be the culprit, all might have something to do with it. You should really clean up some of the junk in there, and then attack bugs -- otherwise, we're just doing a witchhunt.
    Witchhunt? Is that like the same as a p*ssy hunt? LOL.
    LovesWar

  • #8
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's not me you quoted there .
    Check out the Forum Search. It's the short path to getting great results from this forum.

  • #9
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    LOL....oops. Your right. That should have been Bradyj. Boy, what a friggin blunder.
    LovesWar

  • #10
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by SpiritualStorms
    Witchhunt? Is that like the same as a p*ssy hunt? LOL.
    Nooo it's a reference to 19th century American attacks on local women in Salem Massachusetts on the grounds they were enacting upon magical powers endowed by the Devil -- tortured, convicted, and murdered by political motives from religous zealouts devoid of any common sense

    Not to forget our European friends who had their stint in the Dark Ages.
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...

  • #11
    Regular Coder
    Join Date
    Dec 2003
    Location
    America
    Posts
    544
    Thanks
    0
    Thanked 0 Times in 0 Posts
    LOL......i am so insulted. Like i dont know about the Salem witch hunts. How dare you?

    I was joking. I know what a witch hunt is.

    from bradyj:

    Nooo it's a reference to 19th century American attacks on local women in Salem Massachusetts on the grounds they were enacting upon magical powers endowed by the Devil -- tortured, convicted, and murdered by political motives from religous zealouts devoid of any common sense

    Not to forget our European friends who had their stint in the Dark Ages.
    Uuummmmm..padron me, lad, but since when have the religeous zealots ever been blessed by the sanctuary of common sense? Isn't that a bit of an oxymoron? Not to get on the pulpit here, but religion has never been founded on logic, reason, rationality, or anything under the heading of "intellectual virtue." In fact, i would say its imperative that a religion first kill off any allegiance to intellectual glories. Cant very well proceed with the task of preaching magic, and the what not, without first convincing the people that there is no such things as laws, and realities. Oh no. You cant sell the magic wond idea until you first make sure that there's no restrictions to how valid your imagine is. But this is really an old issue that hasnt as of yet seen its closure, or dawning. You'd think medicine would convince people that science is infinitely superior to potions, and spooka boos.
    LovesWar

  • #12
    Senior Coder
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    2,469
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I know you were kidding, I was just teasing -- I agree with much of your statement, and to play devil's advocate, much of science has been progressed with the hope of religion.

    However, if we are to further this discussion, I recommend going PM -- hijacking this thread would not be good, and would move us off topic too much
    // Art is what you can get away with. <-- Andy Warhol
    ...:.:::: bradyjfrey.com : htmldog : ::::.:...


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •