Topic: CSS2: table (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=10952" title="Pages that link to Topic: CSS2: table (Page 1 of 1)" rel="nofollow" >Topic: CSS2: table <span class="small">(Page 1 of 1)</span>\$

Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 04-18-2003 07:57 Hi, everybody. Would you give me your words, please. I am making a site using table to show contents. But funny bugs happen all the time. I set table line white but when I view it using IE5 or 6, doesn't show it first. When I minimize the screen and open it again, it is fine. But often still missing a couple of lines between each rows. I don't know why....... The link is: http://www32.brinkster.com/sanukiudon/1.doscom-ok.htm Anyway, here is my code: [quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Template for DOS</title> <style type="text/css"> body { background: #000; color: #fff; font-size: x-small; font-family: verdana, sans-serif; } h1 { font-size: 90%; } .sp{ text-align: center;text-decoration: underline; } .left { background: #666; width: 15%; position: absolute; top: 15%; left: 3%; border: solid #fff 1px; padding: 8px; } .middle{ background: #666; width: 80%; position: absolute; top: 15%; left: 20%; border: solid #fff 1px; padding: 8px; } .right{ background: #666; width: 15%; position: absolute; top: 55%; left: 3%; border: solid #fff 1px; padding: 8px; } .top{ background: #666; width: 80%; position: absolute; top: 3%; left: 20%; border: solid #fff 1px; padding: 8px; } .test{ float: right; border: solid #fff 3px; margin: 0; } .tom{ text-align:center; } table { border: 1px solid #fff; font-size: x-small; border-collapse: collapse; empty-cells: show; } table.small{ margin-top: 3%; margin-bottom:3%; margin-left: 13%; } th { border: 1px solid #fff;"} td { border: 1px solid #fff;padding: 8px;} th.th1{background: #777;} th.th2{background: #777;} th.th3{background: #777;} td.col1{background: #777; font-weight: bold;} td.col2{background: #777;} td.col3{background: #777;} caption{ font-size: small; font-weight: bold; margin: 13px; } A {COLOR: #fff; TEXT-DECORATION: none; font-weight: bold;} A:hover {COLOR: #000; text-decoration: none; background: white;font-weight: bold;} </style> </head> Any help will be thankful very much. Cya. Hiroki Kozai [This message has been edited by Hiroki (edited 04-18-2003).]
Slime Lunatic (VI) Mad Scientist From: Massachusetts, USA Insane since: Mar 2000	posted 04-18-2003 14:17 Hey, that's pretty good CSS you've written there. The problem doesn't pop out, but I'm looking at these two lines: th { border: 1px solid #fff;"} td { border: 1px solid #fff;padding: 8px;} which may be the culprits (especially since it's the borders that are giving you trouble). One thing I notice is that an extra quote snuck in there - a typo, perhaps. I bolded it. The second thing that might possibly be causing problems is that there's no space between the semicolon and the word "padding". I wouldn't expect that to cause problems, but maybe it does. So add a space there. That should give you th { border: 1px solid #fff;} td { border: 1px solid #fff; padding: 8px;} See what happens with that.
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 04-19-2003 00:14 quote: Hey, that's pretty good CSS you've written there. Hello, Slime. Thanks for your words. It makes me very happy. And you advice..... Great!!!! It working perfectly to show what I wanted. Thank you very very much. Have a happy weekend. See ya. Hiroki Kozai
Steve Maniac (V) Inmate From: Boston, MA, USA Insane since: Apr 2000	posted 04-19-2003 00:55 Hiroki: the w3o css validator might have been of some help tracking down that small typo: http://jigsaw.w3.org/css-validator/validator-text.html [This message has been edited by Steve (edited 04-19-2003).]
Hiroki Paranoid (IV) Inmate From: NZ Insane since: Dec 2002	posted 04-19-2003 01:25 Hi, Steve. Wonderful to hear from you. And thanks for your help. That's right. You have told me about that before. So if I get another problem, I will do use it. Again, thanks a lot. Have a happy easter holidays. Cya. Hiroki Kozai

Topic: CSS2: table (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=10952" title="Pages that link to Topic: CSS2: table (Page 1 of 1)" rel="nofollow" >Topic: CSS2: table <span class="small">(Page 1 of 1)</span>\$

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 04-18-2003 07:57

Hi, everybody.
Would you give me your words, please.
I am making a site using table to show contents.
But funny bugs happen all the time.
I set table line white but when I view it using IE5 or 6, doesn't show it first.
When I minimize the screen and open it again, it is fine. But often still missing a couple of lines between each rows. I don't know why.......
The link is: http://www32.brinkster.com/sanukiudon/1.doscom-ok.htm
Anyway, here is my code:

[quote]<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Template for DOS</title>
<style type="text/css">
body {
background: #000;
color: #fff;
font-size: x-small;
font-family: verdana, sans-serif;
}
h1 {
font-size: 90%;
}

.sp{
text-align: center;text-decoration: underline;
}

.left {
background: #666;
width: 15%;
position: absolute;
top: 15%;
left: 3%;
border: solid #fff 1px;
padding: 8px;
}

.middle{
background: #666;
width: 80%;
position: absolute;
top: 15%;
left: 20%;
border: solid #fff 1px;
padding: 8px;
}

.right{
background: #666;
width: 15%;
position: absolute;
top: 55%;
left: 3%;
border: solid #fff 1px;
padding: 8px;
}

.top{
background: #666;
width: 80%;
position: absolute;
top: 3%;
left: 20%;
border: solid #fff 1px;
padding: 8px;
}

.test{
float: right;
border: solid #fff 3px;
margin: 0;
}

.tom{
text-align:center;
}

table {
border: 1px solid #fff;
font-size: x-small;
border-collapse: collapse;
empty-cells: show;
}
table.small{
margin-top: 3%;
margin-bottom:3%;
margin-left: 13%;
}
th { border: 1px solid #fff;"}
td { border: 1px solid #fff;padding: 8px;}
th.th1{background: #777;}
th.th2{background: #777;}
th.th3{background: #777;}
td.col1{background: #777; font-weight: bold;}
td.col2{background: #777;}
td.col3{background: #777;}

caption{
font-size: small;
font-weight: bold;
margin: 13px;
}

A {COLOR: #fff; TEXT-DECORATION: none; font-weight: bold;}
A:hover {COLOR: #000; text-decoration: none; background: white;font-weight: bold;}
</style>
</head>

Any help will be thankful very much.
Cya.

Hiroki Kozai

[This message has been edited by Hiroki (edited 04-18-2003).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted 04-18-2003 14:17

Hey, that's pretty good CSS you've written there. The problem doesn't pop out, but I'm looking at these two lines:

th { border: 1px solid #fff;"}
td { border: 1px solid #fff;padding: 8px;}

which may be the culprits (especially since it's the borders that are giving you trouble). One thing I notice is that an extra quote snuck in there - a typo, perhaps. I bolded it. The second thing that might possibly be causing problems is that there's no space between the semicolon and the word "padding". I wouldn't expect that to cause problems, but maybe it does. So add a space there. That should give you

th { border: 1px solid #fff;}
td { border: 1px solid #fff; padding: 8px;}

See what happens with that.

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 04-19-2003 00:14

quote:
Hey, that's pretty good CSS you've written there.

Hello, Slime. Thanks for your words. It makes me very happy.
And you advice.....
Great!!!! It working perfectly to show what I wanted.
Thank you very very much.
Have a happy weekend.
See ya.

Hiroki Kozai

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

posted 04-19-2003 00:55

Hiroki: the w3o css validator might have been of some help tracking down that small typo: http://jigsaw.w3.org/css-validator/validator-text.html

[This message has been edited by Steve (edited 04-19-2003).]

Hiroki
Paranoid (IV) Inmate

From: NZ
Insane since: Dec 2002

posted 04-19-2003 01:25

Hi, Steve. Wonderful to hear from you.
And thanks for your help.
That's right. You have told me about that before.
So if I get another problem, I will do use it.
Again, thanks a lot.
Have a happy easter holidays.
Cya.

Hiroki Kozai

Post Reply

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Loading...
Options:	Show Signature Enable Slimies Enable Linkwords

Topic: CSS2: table (Page 1 of 1)

Insert Slimies »

Insert UBB Code »

Topic: CSS2: table (Page 1 of 1) $Pages that link to <a href="https://ozoneasylum.com/backlink?for=10952" title="Pages that link to Topic: CSS2: table (Page 1 of 1)" rel="nofollow" >Topic: CSS2: table <span class="small">(Page 1 of 1)</span>\$