Table Padding in Twenty Eleven

andkobe
(@andkobe)

13 years, 9 months ago

I’m using the Twenty-Eleven theme, and whenever I add a table, there is always padding between the rows. I’ve looked over the stylesheet many times, and I can’t figure out what is causing the padding.

Here is an example page.

http://thecreated.com/author/

If you look at the table to the left under the navigation bar, you will see the slight spacing.

Does anyone have any thoughts on how I can get rid of this spacing?

Viewing 10 replies - 1 through 10 (of 10 total)

Pioneer Web Design
(@swansonphotos)

13 years, 9 months ago

This is because Twenty Eleven is built on CSS3 which makes the use of ‘Table’ obsolete. Study CSS3.

Thread Starter andkobe
(@andkobe)

13 years, 9 months ago

As much as I would like to learn more about CSS3, I do not have much time. Is there anyway to prevent CSS3 from causing padding in any tables that I use?

Pioneer Web Design
(@swansonphotos)

13 years, 9 months ago

We are also busy.

Thread Starter andkobe
(@andkobe)

13 years, 9 months ago

Anyone else with any ideas?

Pioneer Web Design
(@swansonphotos)

13 years, 9 months ago

http://wordpress.org/support/topic/remove-comment-bubble-on-twenty-eleven-theme?replies=5

Pioneer Web Design
(@swansonphotos)

13 years, 9 months ago

Site design used to revolve around a table layout – with twenty eleven and HTML5 this is poor design…the very purpose of this new tech is to move away from a set table size. Use up to date code – yes – this makes old pages look like sh**, I too have some old ones I made with tables in HTML on old posts – I will get to them in time – move forward!

Thread Starter andkobe
(@andkobe)

13 years, 9 months ago

SO my temporary work around is to separate each table row into a separate table. (not the answer you would want to hear SeaCoast :))

However, this works for me until I’m able to convert everything to CSS.

Pioneer Web Design
(@swansonphotos)

13 years, 9 months ago

Improper

Moderator cubecolour
(@numeeja)

13 years, 9 months ago

To remove space between table cells you can use the border-collapse property in applied to your tables in CSS. http://www.w3.org/wiki/CSS/Properties/border-collapse

However as has been mentioned, using tables for layout is really not a good idea.

Thread Starter andkobe
(@andkobe)

13 years, 9 months ago

So my site is now using all CSS code. I figured out how Photoshop can created all of the code automatically.

For those of you have have a similar need, check out: http://www.ehow.com/how_5942744_create-css-html-photoshop.html

However, all of my positioning is “absolute”. However, the content in the middle of the pages may vary in length, so I need to do relative positioning.

Does anyone know how to convert absolute references to relative, and still have the site look right?

This is where I’m at right now with my site.

http://www.TheCreated.com

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Table Padding in Twenty Eleven’ is closed to new replies.

Table Padding in Twenty Eleven

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics