31 users online (0 members and 31 guests)  


  Results 1 to 10 of 10

Related

  1. Scroll bar for part of page    Forum: HTML Forum
    Replies: 1
  2. Include file woes!    Forum: HTML Forum
    Replies: 16
  3. Javascript woes    Forum: Javascript Forum
    Replies: 3
  4. Cross-Browser woes...    Forum: General Discussion
    Replies: 4
  1. #1
    Gimik's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Diego
    Posts
    11

    Table Woes part 2

    Having a problem and while I believe its an easy answer it is one that eludes me. I read through all the posts regarding help or tables on the forum and believe I found the answer around page 9 or 10 but again its an answer I do not understand. My site is at members.cox.net/agathon1 and my problem is that I am trying to move the news table closer to the nav bar on the left. I can do this by changing the width but when I do it it also makes my news table grow out to the right which I do not want to happen. I basically want to move the news closer to the nav bar and leave only a slight space where the maroon will still be seen, at the same time shrinking the news table (only horizontally) so that I might fit other things to the right of it. Thanks for any help.

  2. #2
    Derek's Avatar
    Be Yourself

    Status
    Offline
    Join Date
    Aug 2001
    Location
    St. George, Utah, USA
    Posts
    466
    hmm maybe you could change the percentages? What I mean is you have a table inside of a table there...

    Code:
    <table cellspacing=0 cellpadding=0 background=maroon.jpg width=745 border=1>
    <tr>
    <td valign=top>
    
    <table cellspacing=0 cellpadding=2 bgcolor=black border=1>
    <tr>
    <td width=130>
    <a href=index.html><img src=main.jpg border=0></a>
    <a href=barracks.html><img src=barracks.jpg border=0></a>
    <a href=forum.html><img src=forum.jpg border=0></a>
    <a href=mailto:gimik1@cox.net><img src=email.jpg border=0></a>
    <a href=links.html><img src=links.jpg border=0></a>
    <img src=bottom.jpg>
    </td>
    </tr>
    </table>
    
    </td>
    <td align=left valign=top>
    
    <table cellspacing=0 cellpadding=2 width=500 bgcolor=black border=1>
    <tr>
    <td valign=top>
    
    <table cellspacing=0 cellpadding=4 height=800 background=grey.jpg border=1>
    <tr>
    <td valign=top>
    <font color=white face=garamond>February 28<br><br>Well really starting to make some
    progress on this web page.  Still trying to figure out some odds and ends but the
    site has gone through a graphical overhaul. I am pleased as of now and will
    continue to push ahead for even greater things.
    </td>
    </tr>
    </table>
    In your td's you could probably set the first percentage to say 30%, which means you want 30% of the first table (not the table that's inside the table but the MAIN table itself) to be the links then set the other t0 70%, which means 70% of the main table. Or it could be 40% and 60%. You may have to play around with it. Anyone got an easierway? I dunno maybe if you could give the full link to all the images then I could do it myself but without htem I"m just guessing... and if I confused you I wouldn't be surprised maybe someone can better explain? or does someone have a better way? Your table codes kinda weird and I'm not sure all that valid in some places but browsers are forgiving these days so it still works but I dunno...

  3. #3
    Gimik's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Diego
    Posts
    11
    Well I started learning html using numbers instead of the percentages which I am regretting atm because percentages seems the way to go in order to deal with different resolutions. However, when I change my numbers to percentages it throws everything out of wack. I also tried organizing my code somewhat as you have done and when I did so again it made everything go wild. The problem appears to be the navigation picture that I broke up in order to make links. That seems to be the main culprit, and I believe this is what you mean when you say my table codes kind of weird? Now I not only have the original question but a new can of worms I am wondering about.

  4. #4
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    You should run your code thru our HTML validator. I have spotted several problems in the code, all of which should cause concern.

    <table cellspacing=0 cellpadding=0 background=maroon.jpg width=745>
    <tr>
    <td valign=top>


    <table cellspacing=0 cellpadding=2 bgcolor=black>
    <tr>
    <td width=130>


    <a href=index.html>
    <img src=main.jpg border=0>
    </a>
    <a href=barracks.html><img src=barracks.jpg border=0>
    </a>
    <a href=forum.html>
    <img src=forum.jpg border=0>
    </a>
    <a href=mailto:gimik1@cox.net>
    <img src=email.jpg border=0>
    </a>
    <a href=links.html>
    <img src=links.jpg border=0>
    </a>
    <img src=bottom.jpg>


    </td>
    </tr>
    </table>


    </td>
    <td align=left>
    <td valign=top>


    <table cellspacing=0 cellpadding=2 width=500 bgcolor=black>
    <tr>
    <td valign=top>

    <table cellspacing=0 cellpadding=4 height=800 background=grey.jpg>
    <tr>
    <td valign=top>
    <font color=white face=garamond>February 28<br>
    <br>Well really starting to make some progress on this web page. Still trying to figure out some odds and ends but the site has gone through a graphical overhaul. I am pleased as of now and will continue to push ahead for even greater things. no closing font tag
    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>

    </td>
    </body>
    </html>
    AHFBWEB Less customers per server, more power for you!

    Business Class Shared Hosting

  5. #5
    Derek's Avatar
    Be Yourself

    Status
    Offline
    Join Date
    Aug 2001
    Location
    St. George, Utah, USA
    Posts
    466
    Though using percentages is smart that isn't what I meant. Lets say you have this table:

    Code:
    <table bgcolor=black border=1>
    <tr>
    <td>
    <img src=blah.jpg>
    </td>
    <td>
    <img src=blah2.jpg>
    </td>
    </tr>
    </table>
    But the pictures are differnet sizes but you want the tables cells to be the same size? just ad this:

    Code:
    <table bgcolor=black border=1 width=60%>
    <tr>
    <td [color=red]width=50%
    >
    <img src=blah.jpg>
    </td>
    <td [color=red]width=50%[/code]>
    <img src=blah2.jpg>
    </td>
    </tr>
    </table>
    [/code]

    That just sets the cells at even. Maybe if you change the width around and mess with it you could get what you want to be done.

  6. #6
    Derek's Avatar
    Be Yourself

    Status
    Offline
    Join Date
    Aug 2001
    Location
    St. George, Utah, USA
    Posts
    466
    Code:
    <table bgcolor=black border=1 width=60%>
    <tr>
    <td width=50%> 
    <img src=blah.jpg> 
    </td> 
    <td width=50%> 
    <img src=blah2.jpg> 
    </td> 
    </tr> 
    </table>
    sorry

  7. #7
    Gimik's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Diego
    Posts
    11
    Let me try to focus on just one of my many growing problems atm. This is the piece of code I am really trying to understand atm.

    <table cellspacing=0 cellpadding=0 border=1 bgcolor=black>
    <tr>
    <td width=130 valign=top>
    <a href=index.html>
    <img src=main.jpg border=0>
    </a>
    <a href=barracks.html>
    <img src=barracks.jpg border=0>
    </a>
    <a href=forum.html>
    <img src=forum.jpg border=0>
    </a>
    <a href="mailto:gimik1@cox.net">
    <img src=email.jpg border=0>
    </a>
    <a href=links.html>
    <img src=links.jpg border=0>
    </a>
    <img src=bottom.jpg>

    This code lines up everything on top of each other however it creates spacing inbetween the links showing the black table color in the spaces. This I do not want.

    <table cellspacing=0 cellpadding=0 border=1 bgcolor=black><tr><td width=130 valign=top>
    <a href=index.html><img src=main.jpg border=0></a><a href=barracks.html><img src=barracks.jpg border=0></a><a href=forum.html><img src=forum.jpg border=0></a><a href=mailto:gimik1@cox.net><img src=email.jpg border=0></a><a href=links.html><img src=links.jpg border=0></a><img src=bottom.jpg>

    This is the exact same code from up above except it appears it likes the compact look or something because the picture comes out perfect with no spaces, and perfectly lined up as is on my site currently. Now what is the difference between these 2 versions that would cause this in the first place?

    And if I attempt to use percentages with either of these 2 variations it does even stranger things such as placing all the pieces next to each other horizontally either along the top or the bottom depending on which of the above forms I try. Now why is it that its having fits when I try using percentages?

  8. #8
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    get rid of the border

    hint: the table tag should always have the width, images should always have heigth and width. If these attributes are not present the browser must read all of the tables contents before it can display the table. The next hint would be to make the file sizes on your images smaller. The whole page, images, content yaddayaddayadda should never exceed 45kb.


    D
    AHFBWEB Less customers per server, more power for you!

    Business Class Shared Hosting

  9. #9
    Derek's Avatar
    Be Yourself

    Status
    Offline
    Join Date
    Aug 2001
    Location
    St. George, Utah, USA
    Posts
    466
    and if that doesn't work try this:

    Code:
    <table cellspacing=0 cellpadding=0 border=1 bgcolor=black> 
    <tr> 
    <td width=130 valign=top> 
    <a href=index.html><img src=main.jpg border=0></a> 
    <a href=barracks.html><img src=barracks.jpg border=0></a> 
    <a href=forum.html> <img src=forum.jpg border=0></a> 
    <a href="mailto:gimik1@cox.net"><img src=email.jpg border=0></a> 
    <a href=links.html> <img src=links.jpg border=0></a> 
    <img src=bottom.jpg>
    It doens't fit I don't think but just put the <a href=> and the imgs and the closing </a> on the same line.

  10. #10
    Zaire's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Mar 2001
    Location
    Hamburg, NY
    Posts
    312
    Tables are a pain, esp... when they get really nested... that's why I like a good WYSIWYG editor (probably missed a few letters, but ohh darn)..

    Dreamweaver is a great product

    http://macromedia.com



Tags for this Thread