iMersky
Account Closed
- Impact
- 0
Alright I'm working on http://www.phpidiot.com/ . I'm not very good with CSS so I was wondering if someone could help me fix this.
I currently have it in table and I dont wan't that. So if someone could edit the code below and make it tableless I'd love it.
index.php
style.css
I currently have it in table and I dont wan't that. So if someone could edit the code below and make it tableless I'd love it.
index.php
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>PHPidiot :: PHP Tutorials, Guides, and More!</title>
<meta name="description" content="PHPidiot is dedicated to helping you better your PHP skills. We offer guides, tutorials, and you may also seek help from other members in our forum." />
<meta name="keywords" content="PHP Guide PHP Guides,PHP Tutorials,PHP Help,PHP Tutorial,PHP" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="head">
<img src="images/logo.jpg">
</div>
<table id="table">
<tr>
<td>
<div id="nav">
<span class="head">Navigation</span> <br/>
<?php
include('inc/nav.php');
?>
<br/>
<span class="head">Partners</span> <br/>
<?php
include('inc/partners.php');
?>
</div>
</td>
<td>
<div id="random">
<h1>Random PHP Tutorials</h1>
<?php
include('inc/rndad.php');
?>
</div>
</td>
</tr>
<tr>
<td>
</td>
<td>
<div id="content">
<h1>Test Thing</h1>
<p>Yo</p>
</div>
</td>
<tr>
<td>
<div id="footer">
All content copright PHPidiot unless stated otherwise.
</div>
</tr>
</td>
</table>
</div>
</body>
</html>style.css
PHP:
html,body {
background-color:#333333;
margin:0;
padding:0px;
font-family:Verdana;
font-size:10px;
color:#666666;
}
H1 {
font-size:14px;
font-weight:bold;
font-family:Verdana;
color:#E05F01;
}
H1 hover {
font-size:14px;
font-weight:bold;
font-family:Verdana;
color:#E05F03;
}
H2 {
font-size:12px;
font-weight:normal;
font-family:Verdana;
color:#666666;
}
#head {
width:100%;
}
#container {
background-color:#ffffff;
width:80%;
margin:0 auto;
}
#nav {
width:271px;
font-family:Verdana;
font-size:14px;
color:#666666;
text-decoration:none;
}
#nav a {
font-family:Verdana;
font-size:14px;
color:#666666;
text-decoration:none;
}
#nav a:hover {
background-color:#DFF4FF;
border-top:1px solid #005988;
border-bottom:1px solid #005988;
display: block;
width:271px;
height:16px;
font-family:Verdana;
font-weight:bold;
font-size:14px;
color:#035587;
text-align:center;
text-decoration:none;
}
#nav .head {
border:0;
margin-top:4px;
width:271px;
font-family:Verdana;
font-size:16px;
font-weight:bold;
color:#E05F01;
}
#random {
font-family:Verdana;
font-weight:bold;
font-size:10px;
}
#random a {
font-family:Verdana;
font-weight:bold;
font-size:10px;
}
#nav {
}
#content {
}
#footer {
}
