Page 1 of 1
css tables
Posted: Sat Apr 17, 2004 9:49 am
by pinehead18
I'm needing to learn how to make css tables. Does anybody know a good website that has a tutorial or howto on how to create a css table. It needs to have details on bordering and how to create a right border and left top and so on.
Thanks
Anthony
Posted: Sat Apr 17, 2004 10:00 am
by pinehead18
<html>
<head>
<style type="text/css">
p
{
border-right: dashed #cccccc;
border-right-width: 2px
}
</style>
<body>
<p>Test</p>
</head>
</body>
</html>
I have that however i need to be able to specify the width and height. Any suggestions on making this into an actual table?
Thanks
ANthony
Posted: Sat Apr 17, 2004 3:42 pm
by vigge89
you can't change a paragraph into an table, but you could create borders around it, etc..
Code: Select all
<html>
<head>
<style type="text/css">
p
{
border-right: dashed #cccccc;
border-right-width: 2px
width: 400px; height: 300px;
background-color: #00000; color: #FFFFFF;
}
</style>
<body>
<p>Test</p>
</head>
</body>
</html>
Posted: Sat Apr 17, 2004 11:06 pm
by llanitedave
And of course, if you want to position it on the page, you can do that too...
vigge89 wrote:you can't change a paragraph into an table, but you could create borders around it, etc..
Code: Select all
<html>
<head>
<style type="text/css">
p
{
position: absolute; top: 100px, left: 50px;
border-right: dashed #cccccc;
border-right-width: 2px;
width: 400px; height: 300px;
background-color: #00000; color: #FFFFFF;
}
</style>
<body>
<p>Test</p>
</head>
</body>
</html>
Posted: Sun Apr 18, 2004 8:31 pm
by no_memories
Simplify this even more.
Code: Select all
<style type="text/css">
p.test /* class */
#test /* id */
{
position: absolute;
top: 100px;
left: 50px;
border-right: 2px dashed #ccc;
width: 400px;
height: 300px;
color: #fff;
background: #000;
}
</style>
<p class="test">Test</p>
or
<p id="test">Test</p>
For xHTML use lower case, as all characters are CASE sensitive. All evenly distributed numbers in CSS can be simplified to a 3 digit value.
When using global CSS values, a P for instance, add a class or id value so not to disturb all P's.
Posted: Wed May 12, 2004 7:28 am
by phait
suggest you try here:
http://www.dezwozhere.com/links.html for tips and tuts whether you're a beginner or a experienced css coder. every day is a schoolday on this site.
Posted: Wed May 12, 2004 4:45 pm
by nigma
I found an awesome site on doing this a while back, stand by and I may post the link if I find it.
Posted: Wed May 12, 2004 4:46 pm
by nigma
w00t! haha. not more than a minute after posting the previous I found it.
http://www.projectseven.com/tutorials/c ... /index.htm
Posted: Wed May 12, 2004 7:40 pm
by tim
nig, you have earned yourself a jelly doughnut for your outgoing choice of harsh brutal actions.

Posted: Sat May 15, 2004 1:45 am
by nigma
now just what is that supposed to mean timmy? hope you're not trying to instigate a fight, cause I'm ready, oh yea....
Posted: Sat May 15, 2004 9:51 am
by tim
meet me behind the slide at recess time.
we'll settle this

Posted: Sat May 15, 2004 11:12 am
by nigma
you're on buddy...
Posted: Sat May 15, 2004 11:21 am
by tim
better bring an army and some fruit juice, cause its on like donkey kong!!!

Posted: Sat May 15, 2004 2:02 pm
by d3ad1ysp0rk
*smacks forehead*
doh!