Hello. I am having trouble with a very basic issue. The top border of the tables -- I cannot find it in the style sheet. Currently, a border appears on the top of every table and I cannot remove it. Can someone help?

Comments

andregriffin’s picture

andregriffin commented

Hmm, I'll look into this soon and probably add default styling for tables in the next version (don't worry, i'll get back to you on this issue before then). You can always install the Firebug extension for firefox to see what exactly is causing the problem and where it is in the stylesheet.

Iyaz’s picture

Iyaz commented

The problem sometimes appears in Firefox, always appears in Safari. Maybe that will help?

Iyaz’s picture

Iyaz commented

Kind of got it (finally). You were right -- just throw in a default style for tables.
Just throwing something like this in the style sheet cleans it up. I know that there's all kinds of useless code in there, but it helps if I want to change any parameters (obviously, I'm no CSS expert).

table {
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
border-collapse: separate;

}

andregriffin’s picture

andregriffin commented

Sure. that could be replaced with something like 

table {
border:0px outset grey;
border-collapse: separate;
border-spacing: 0
}

I assume you have an idea about CSS shorthand. For instance, the order of setting the border-width, padding, margin etc. around an element is "top right bottom left." If you want to just set the top and bottom separately from the left and right sides, you can just use "top/bottom left/right" (for example, margin:10px 0). There are other combinations you'll figure out.

Also you'll see i combined many of the border styles into one element called "border," (for example, border:1px solid #000 is a black 1px width with a solid line).

Iyaz’s picture

Iyaz commented

Thanks for the help. I have some idea of shorthand (although, I forget the order of "top right bottom left" easily).

I love the simplicity of framework. Thanks for putting it together. If you're interested in helping a start-up redesign a site, check out http://FiniteComedy.com (my site) and give us an e-mail at FiniteComedy@gmail.com

Iyaz’s picture

Iyaz commented

Running into trouble when I use th for a row that spans multiple columns. The border reappears. More help?

I threw in a

th
{
border:0px outset grey;
border-collapse: separate;
border-spacing: 0

}

in the style sheet, but that's not working.

andregriffin’s picture

andregriffin commented

if you post a link to your table or email me, I can get it right for you in no time. I haven't yet decided how I will do the "Official" default formatting for tables....

Iyaz’s picture

Iyaz commented

Hey, Andre.

I put the code up using textarea tags and also another way.

http://finitecomedy.com/files/andreistheman.html

Thanks for your help. I really appreciate it. (Also, the table border reappeared in Firefox 3).

Iyaz’s picture

Iyaz commented

Andre, if you can, give me an e-mail at FiniteComedy@gmail.com

andregriffin’s picture

andregriffin commented
Status: Active » Closed (fixed)
k.obrien’s picture

k.obrien commented

Not sure if this is the issue - but Drupal's system styles apply a top border to the <tbody> tag. I had to override this to get rid of the top border on one of my tables - even though I did NOT put the <tbody> tag in my code. It seems like some browsers just assume it's there even though it isn't.