Changing these Tables

Aerdan · #1 Nov 9th, 2007, 07:38

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 · #2 Nov 9th, 2007, 09:30

What are suppposed to b elooking at?

Aerdan · #3 Nov 9th, 2007, 13:40

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

AdRock · #4 Nov 9th, 2007, 13:48

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 · #5 Nov 9th, 2007, 14:11

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 · #6 Nov 9th, 2007, 21:27

Have you tried Margin?

Aerdan · #7 Nov 9th, 2007, 23:09

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 · #8 Nov 9th, 2007, 23:20

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 · #9 Nov 24th, 2007, 19:44

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?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
changing vaules in tables	iochinome	Databases	2	Mar 18th, 2008 13:53
Changing CSS with PHP	Emzi	PHP Forum	7	Oct 12th, 2007 00:24
changing pic's	bruno89	Web Page Design	4	Sep 8th, 2006 16:22
changing %20 in URL using PHP	JamieH	PHP Forum	1	Dec 8th, 2005 14:52
why are my fonts changing?	Val J	Flash & Multimedia Forum	0	Sep 1st, 2005 21:29

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Changing these Tables