Changing these Tables

[Aerdan]

Hello,

I'm in the process of remaking my guild's website, and I'm redoing the code so that tables don't make the layout anymore (yay!), however, I have a couple of problems. All the code is clean and I get no errors, however, I want to know if it's possible to fix the couple of tables included in this short page.

http://www.ascendo-tuum.com/atbeta/index.php

Check the source code. By learning how to fix this table issue so that it is CSS-driven, I shouldn't have as many problems making the rest of the site, but I want to make sure it's being put together correctly from the start! Thanks in advance.

Code in Question:

Code: Select all

<div id="admin">
    <div id="adminlogo">
    <table cellpadding="0" cellspacing="0" border="0">
        <tr>
        <td class="adminmenu"><a href="index.php?p=admin&amp;mod=mmanagement">Member Management</a></td>
        <td class="adminmenu"><a href="index.php?p=admin&amp;mod=recruitment">Recruitment Notices</a></td>
        <td class="adminmenu"><a href="index.php?p=admin&amp;mod=progression">Progression Admin</a></td>
        <td class="adminmenu"><a href="index.php?p=admin&amp;mod=rmanager">Review Manager</a></td>
        </tr>
    </table>
    </div>
</div>

<div id="wrapper">
    <div id="topbar">
    <table cellpadding="0" cellspacing="0" border="0">
        <tr>
        <td class="topbarleft">Left Text</td>
        <td class="topbarright">Right Text</td>
        </tr>
    </table>
    </div>
</div>

[AdRock]

What are suppposed to b elooking at?

[Aerdan]

The code that's highlighted, I was looking to see if that code can be done without using tables, through CSS.

[AdRock]

You should be able to do it with an unordered list and just add css to the list

Have a look here http://www.alistapart.com/articles/taminglists/

[Aerdan]

Excellent, that's exactly what I'm looking for, thank you.

I do have a follow-up question. Is there a way to do padding in CSS without it moving the background with it? The table created there is also done because I can pad the table to get the text in the right position without it adjusting the background. Thanks again in advance!

[Marc]

Have you tried Margin?

[Aerdan]

Yeah, it starts the background at the point the margin is, same for padding

Edit: The page isn't showing up properly in IE at all: it's adding blank space Any coding reason why or how to fix it?

Thanks again in advance for the help!

[AdRock]

Have you tried adding a background image to each list item?

I have never tried it but it is just a theory.....also the I haven't had a beer for 2 weeks and it's starting to think for me :crazy:

[Aerdan]

Sorry for a lack of response. I haven't had a chance to run the last fixes, but going to shortly.

I'm also looking to fix this line break issue. Does anyone know a way to fix it so it won't break the images in a row like it is?