css tables
Moderator: General Moderators
-
pinehead18
- Forum Contributor
- Posts: 329
- Joined: Thu Jul 31, 2003 9:20 pm
css tables
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
Thanks
Anthony
-
pinehead18
- Forum Contributor
- Posts: 329
- Joined: Thu Jul 31, 2003 9:20 pm
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>- llanitedave
- Forum Commoner
- Posts: 78
- Joined: Thu Jan 15, 2004 11:24 am
- Location: Las Vegas, NV.
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>
- no_memories
- Forum Contributor
- Posts: 145
- Joined: Sun Feb 01, 2004 7:12 pm
- Location: New York City
Simplify this even more.
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.
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>When using global CSS values, a P for instance, add a class or id value so not to disturb all P's.
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.
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.
w00t! haha. not more than a minute after posting the previous I found it.
http://www.projectseven.com/tutorials/c ... /index.htm
http://www.projectseven.com/tutorials/c ... /index.htm
-
d3ad1ysp0rk
- Forum Donator
- Posts: 1661
- Joined: Mon Oct 20, 2003 8:31 pm
- Location: Maine, USA