Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Need help with some CSS so I can drop the tables.
Old 02-24-2008, 05:38 PM Need help with some CSS so I can drop the tables.
Arenlor's Avatar
Ultra Talker

Posts: 462
Name: Jerod Lycett
Location: /home/arenlor
Trades: 0
This is the page which I want the tables to be removed from.
The actual link to it can be found here http://arenblogs.com/test/
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>ArenBlogs</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="description" content="Free blog using Arenlor Blogging software.">
<meta name="keywords" content="Arenlor, Arenlor BloodLeaf, Arenlor Productions">
<meta name="robots" content="index,follow">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="favicon.ico">
</head>
<body>
<h1>Test Blog</h1><h2>Lorem ipsum dolor sit amet</h2><table><tr><td width="200px"><p><a href="index.php?id=6">Lorem Ipsum Dolor Sit</a></p><p><a href="index.php?id=5">Lorem Ipsum Dolor</a></p><p><a href="index.php?id=4">Lorem Ipsum</a></p><p class="inner"><a href="all.php">View all</a></p></td><td class="blog"><p class="blog">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p></td></tr></table><hr><p style="text-align:center; font-size:10pt"><a href="http://prod.arenlor.com/blogs/">ArenBlog v1.0</a> Released Under the <a href="http://www.arenlor.com/freedom.php">Arenlor Freedom License</a></p></body></html>
The css I currently have is
Code:
body {color:maroon;background-color:#3030FF;}
p.all {text-align:center;}
p.inner {font-size:small;}
p.blog {text-indent:10px;}
p.body {font-size:small;text-align:center;}
h1 {color:#D03030;background-color:#3030FF;text-align:center;}
h2 {color:#30D030;background-color:#3030FF;text-align:center;}
a:link {color:#D00000;background-color:#3030FF;}
a:hover {color:#D0D0D0;background-color:#3030FF;}
a:visited {color:#800070;background-color:#3030FF;}
a:active {color:#FFFFFF;background-color:#3030FF;}
td.blog {width:1000px;}
td.left {width:200px;}
input,textarea,select {background-color:#A0A0FF;color:black;}
I would also like to get rid of any px and replace with with something better if possible.
EDIT:I don't mind if the 1000px on the right can't stay 1000px but the left side needs to be 200px
__________________
PHP Code:
<?php echo "Hello World"?>
HTML Code:
<html><head><title>Hello World</title></head><body><p>Hello World</p></body></html>

Last edited by Arenlor; 02-25-2008 at 05:29 PM.. Reason: Added EDIT
Arenlor is offline
Reply With Quote
View Public Profile Visit Arenlor's homepage!
 
 
Register now for full access!
Old 02-24-2008, 05:40 PM Re: Need help with some CSS so I can drop the tables.
Super Moderator

Posts: 1,576
Location: Kokkola, Finland
Trades: 1
looks like you need some help choosing colours too
davemies is online now
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Old 02-24-2008, 05:41 PM Re: Need help with some CSS so I can drop the tables.
Arenlor's Avatar
Ultra Talker

Posts: 462
Name: Jerod Lycett
Location: /home/arenlor
Trades: 0
True, but I also stuck it in the review section for that reason ^_^
__________________
PHP Code:
<?php echo "Hello World"?>
HTML Code:
<html><head><title>Hello World</title></head><body><p>Hello World</p></body></html>
Arenlor is offline
Reply With Quote
View Public Profile Visit Arenlor's homepage!
 
Old 02-25-2008, 05:43 PM Re: Need help with some CSS so I can drop the tables.
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
If you want a fluid width site, use em or percentages for widths. If you're referring to text size, em and % also work and allows users to resize text to suit their needs.

Looks like all you need is a 2-column layout with header and footer - find one here and learn from it: http://blog.html.it/layoutgala/
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 02-25-2008, 05:56 PM Re: Need help with some CSS so I can drop the tables.
Arenlor's Avatar
Ultra Talker

Posts: 462
Name: Jerod Lycett
Location: /home/arenlor
Trades: 0
Thank you very much! I'll be happy to finally know how to get rid of the tables.
__________________
PHP Code:
<?php echo "Hello World"?>
HTML Code:
<html><head><title>Hello World</title></head><body><p>Hello World</p></body></html>
Arenlor is offline
Reply With Quote
View Public Profile Visit Arenlor's homepage!
 
Reply     « Reply to Need help with some CSS so I can drop the tables.
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.25752 seconds with 12 queries