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 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 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 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 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 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:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu