Table Left Column Spacing

free web hosting

Open Discussion > MODERATED AREA > Computers > Programming Languages > CSS (Cascading Style Sheets)

Table Left Column Spacing

sonesay

Jan 26 2009, 02:45 AM

http://sonesayi.com/si/testlayout.html
http://sonesayi.com/si/testlayout.css

I cant seem to figure out why I get spacing down the left column of this table

. Any help appreciated like always

Comment/Reply (w/o sign-up)

jlhaslip

Jan 26 2009, 04:10 AM

CODE

.left { margin: 0; padding: 0; }

Not sure why the reset of margin and padding on the left hand side of the matrix works to remove the "line", but it does.

And here is a sample of the "matrix" coding for both Table elements and div elements that worked for me on another project once upon a time.

http://jlhaslip.com/matrix/

Comment/Reply (w/o sign-up)

sonesay

Jan 26 2009, 04:44 AM

Thanks for spotting that jlhaslip, Also for the example link as well. There are obviously many ways to do it and I'm not sure what is easier to create and maintain but I will stick with my version for now. It is weird that I have to explicitly apply margins and paddings to zero to my left and right columns. I would think they would be passed down from the table selector.

I did not create a document type for the page so could that be why margins and padding doesn't get inherited automatically by the child elements?

Comment/Reply (w/o sign-up)

jlhaslip

Jan 26 2009, 06:05 AM

And if you review the code for the matrix sample I posted, you notice that the Table version is a lot less code than you used.
Check it out. Your version is pretty complex. I think the biggest difference is in my use of cell spacing and cell padding for the tabled version. Not certain about that though.

Comment/Reply (w/o sign-up)

sonesay

Jan 26 2009, 07:10 AM

I had a quick look and your table version uses styles in the table tag attributes itself. The reason I wanted CSS classes is so I can reuse them else where. I will have a further look and decide on what version I will go with but at the moment I have somehow managed to mess up my site template so I am frantically trying to correct it right now.

Thank you again for your help.

Comment/Reply (w/o sign-up)

Similar Topics

Keywords : Spacing

Looking for Table, Left, Column, Spacing

Searching Video's for Table, Left, Column, Spacing

See Also,

Table Column Spacing Css

Html Table Adjust Column Spacing

Change Alignment Selected Column Left

Remove Windows Explorer Left Hand Column

Php Id Table Column

Select 1 Column Table Php

Table Column Lines

Div Code Add Column Table

Table Column Linehtml

3 Column Table Code

Column Table Html

Add Image Column Table Sql 2005

Adding Column Table Html

Center Table Column Html

Html Table Column Margin

Inserting Column Html Table

Style Table Column Align

Table Column Width Styled Css

Code Adding Fields Side Table Left Side Table

Create Table Php Input Rows Column

Inserting Column Database Table Jsp Page

Wont Html Table Column Resize

Bbcode Custom Column Size Table

Html Insert Table 7 Rows 1 Column

Bbcode Custom Column Size Table

Latex Table Column Width Fill Page

Css Table Align Cells Left

Jtable Split Column Column

Web Design Auto Scroll Left Mouse Moves Left

Php Columns Spacing

Css Spacing Firefox

Spacing Line Height Css

Line Spacing Ie6 Css Code

Scroll Left Mouse Moves Left

Css Align Column Align Column Center

Visual Basic 2008 Sql Database Table Excel Table

Mysql Query Create Table Fom Table Columns

Sample Script Php Convert Exel Table Sql Table

Table Post Form Html Table

Display Values Table Html Table Jsp

Css Table Background Image Doesnt Fit Table

Show Mysql Table Html Table

Vb Data Table Save Table

Reset Table Id Alter Table

Javascript Dom Insert Table Row Table

Add Incremental Column Sql

3 Column 3 Row Div Web Template

2 Column Post Html Css

Html Column Center

Html Center Column

Insert Column Javascript

Aling Text Column

Mysql Increment Column

Javascript Add Image Column

Addition Column Html

Ms Access Sql Add Column Auto

Put Numbers Column Sql Increment 1

Add Auto Increment Column Ms Sql

Html Align Column

Change Column Autoincrement Sql

Mysql Incrementing Column

Html Align Column

Css Dynamic Column Width

Sql Auto Increment Column

Insert Mysql Column Id Id

Reset Id Column Mysql Phpmyadmin

Mysql Order Column Auto

Reseeding Ms Access Identity Column

Auto Increment Id Column Excel

Latex Column Evenly Distribute

Grid Rows Column Javascript

Auto Increasement Column Start 1

Add Html Column Dynamically Javascript

Add Column Auto Number Mssql

Mysql Select Column Index

Alter Sql Column Add Auto Increment

Mysql Order Column Auto

3 Column Wordpress Template Band Musician

Reset Auto Generated Column Sql Server

Httpwwwtrap17comindexphpalign Text Column Tables Css T53517html

Mysql Add Autoincrement Column Existing Rows

Free Column Mini Sites Templates

Auto Increment Column Select Sqlserver

Free Column Blogspot Vintage Templates

Create Column Blob Datatype Mysql Db

Increase Width Text Column Html

Adjust Picture Size Fit Column Width Css

Creating View Part Text Column Mysql

Alter Tablename Add Column Auto Increment Mysql

Mysql Add Auto Increment Column Existing Rows

Sql Server 2005 Create Auto Increase Column

Html Tables Column Sample Source Code

Adding Table Td Table Js

Php Marquee Left

Scroll Left Top Div

Img Left Border

Left 4 Dead Css Mod

Left 4 Dead Sex

Img Margin Left

Run Marquee Left

Moving Ball Left As3

House Left Sex Scene

Stop Left Scroll Bar

Web Page Left Aligned

Css Left Justify Ul List

Li Set Text Position Left Css

Left 4 Dead Porn Sex

Left 4 Dead Porn

Marquee Left Scrolling

Picture Left Alignedlatex

Jquery Set Left Scroll

Css Move Page Left

Left Click Disable

Css Left Menu Bars

Iframe Scrolling Left

Love Left Mistake Mad

Mause Image Left

Scrollbar Position Left

Red Spots Left Pimples

Space Left Device 28

Vidoes Left Dead

Left 4 Dead Fx 5200

Flash Fade Left Tut

Scrolls Moving Left

Xp Left Click Change

Disable Left Click

House Left Sex Scenes

Left Scroll Buttonsjavascript

Block Left Click

Fix Image Left Screen Css

Qoutes Boyfriend Left

Hlsw Left 4 Dead

Javascript Left Click

Mouse Scroll Left Flash 30

Scrolling Images Left Html

Left 4 Dead Porn Videos

Making Left Scrollbar Flash

Comments Scroll Left Profile

Left 4 Dead Nvidia 6200

Latex Left Align Headings

Move Scrollbar Left Side Css

Flash Left Marquee Images

Dark Red Spot Left Acne

Code Move Text Left

House Left Rape Scene

Mouse Left Click Disabled Xp

Chromium Space Left Device

advertisement

Table Left Column Spacing

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com