objecterror
Daemon Poster
- Messages
- 734
- Location
- United States
I thought i could use one big table to split apart seperate columns of information for the links I have. I've made an awkward mess. So , what other suggestion do you have for seperate columns based on the genre of links i want to place. I.E <ART> <MUSIC> <ETC>
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Objecterror - hooray?</title>
<style type="text/css">
body {
background-color: #090909;
margin:0px;
font-family: arial;
font-size: 10px;
line-height: 11px;
color: #e1c0b0;
right: 0px;
text-decoration: none;
}
#header {
width: 450px;
height: 300px;
float: left;
}
#foot1 {
width: 1145px;
height: 129px;
float: left;
background-color: #fff;
}
#foot1 a, #foot1 a:link, #foot1 a:active, #foot1 a:visited {
color:#bd2b5b;
font-size:9px;
font-family:georgia;
line-height: 12px;
text-align: left;
text-transform: lowercase;
text-decoration: none;
background-color: transparent;
font-style: italic;
cursor: help;
overflow: auto;
border-left: 2px solid transparent;
}
#foot1 a:hover, #foot1 a:focus {
color:#fff;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
border-left: 2px solid transparent;
}
#foot2 {
width: 100%;
height: 52px;
float: left;
background-color: #090909;
}
h2 {
font-family:"Times New Roman";
color: #000;
line-height: 15px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: none;
background-color: transparent;
}
h1 {
font-family:"Times New Roman";
color: #000;
letter-spacing: 2;
line-height: 17px;
font-size: 15px;
text-transform: uppercase;
text-align: left;
padding: 0px 2px 0px 2px;
margin: -5px 0px 0px 0px;
background-color: transparent;
border-bottom:1px solid #BBBBBB;
}
h3 {
font-family: arial;
color: #000;
letter-spacing: 1;
line-height: 14px;
font-size: 9px;
text-transform:none;
text-align: left;
padding: 0px 2px 0px 2px;
}
ul {
font-family: verdana;
font-size: 10px;line-height: 11px;
color: #e1c0b0;
background-color: transparent;
}
#navi{
color:#fff;
font-size:10px;
margin: 0px 5px 0px 0px;
font-family:Times New Roman;
line-height: 12px;
text-align: center;
background-color: #fff;
background position: top left;
font-style: normal;
width: 200px;
height:450px;
float: left;
}
#navlist{
padding: 3px;
text-align: left;
margin: 0px;
}
#navlist li
{
list-style: none;
}
#navlist a
{
color: #fff;
text-decoration: none;
display: block;
padding: 4px 8px;
background-color: #000;
border-bottom: 2px solid #000;
}
#navlist a:hover {border-bottom: 2px solid #fff; color:#fff;}
#subnavlist li a
{
border: 0;
text-align: right;
border-left:2px solid #000;
border-right:2px solid #000;
padding: 3px 4px;
margin: -2px 10px 0px -25px;
background-color: #fff;
color: #000;
}
#subnavlist li a:hover
{
border-left:2px solid #fff;
border-right:2px solid #fff;
border: 0;
color: #fff;
background-color: #000;
}
#content {
padding-top:5px;
padding-bottom:10px;
padding-left:10;
width: 920px;
height: auto;
background-color:#fff;
color: #000;
margin: auto;
font-size:11px;
font-family: verdana;
line-height: 15px;
text-align: justify;
float: left;
position:absolute; left:210px; top:337px;
}
#content p {
color:#000;
font-size:11px;
font-family:verdana;
line-height: 12px;
text-align: left;
text-transform: none;
text-decoration: none;
background-color: transparent;
line-height: 11px;
}
#content a, #content a:link, #content a:active, #content a:visited {
color:#bd2b5b;
font-size:11px;
font-family:courier new, georgia;
line-height: 12px;
text-align: center;
text-transform: lowercase;
text-decoration: none;
background-color: transparent;
cursor: help;
}
#content a:hover, #content a:focus {
color:#FF0000;
background-color: transparent;
cursor: default;
text-decoration: none;
font-style: normal;
cursor: help;
}
::-moz-selection {
background:#616161;
color:#fff;
}
input {
border: 1px solid #fff;
background-color: #fff;
font-size: 10px;
line-height: 11px;
font-family: arial;
color: #0c1054;
}
blockquote {
margin: 15px;
padding: 15px;
background-color: #000;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
color: #fff;
}
</style>
</head>
<body>
<div style="" id="header"><img src="images/top01.jpg">
<div style="text-align: left;" id="foot2"><img src="images/2806ob.jpg">
</div>
<div id="navi">
<h2></h2>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="index.html" id="current">Main</a>
<ul id="subnavlist">
<li id="subactive"><a href="about.html" id="subcurrent">about</a></li>
<li><a href="#">Resume</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
<li><a href="#">Artwork</a></li>
<ul id="subnavlist">
<li><a href="graphicdeg.html">Graphic Design</a></li>
<li><a href="#">Photography</a></li>
<li><a href="illustration.html">Illustration</a></li>
<li><a href="#">Cartoons</a></li>
<li><a href="sketch.html">Sketchbook</a></li>
<li><a href="incomplete.html">Incomplete</a></li>
</ul>
<li><a href="#">Writing</a></li>
<ul id="subnavlist">
<li><a href="SStories.html">Short Stories</a></li>
<li><a href="Poetry.html">Poetry</a></li>
<li><a href="Stories.html">Stories</a></li>
</ul>
<li><a href="#">Coming Soon</a></li>
<ul id="subnavlist">
<li><a href="#">Music</a></li>
<li><a href="#">Website Layouts</a></li>
</li>
</ul>
<li><a href="http://www.mischiev0us.net">Mischiev0us</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="content">
<br>
<h1>Links</h1>
<br>
<p><a href="http://www.markryden.com/index.html">Mark Ryden</a></p>
<p><a href="http://kapolo.syste.ms/">Kapolo</a></p>
<p><a href="http://www.playwithknives.com">Play with knives</a></p>
<p><a href="http://www.big-big-truck.com/">Big Big Truck</a></p>
<p><a href="http://jademacalla.com">JadeMacalla</a>
<p><a href="http://www.scrapbookmanifesto.com">Scrapbook Manifesto</a>
<p><a href="http://nekomimi.ws/fatalpulse/">Fatalpulse</a>
<p><a href="http://www.questionsleep.com/">Jhonen Vasquez</a>
<p><a href="http://altermeta.net/index.php">Altermeta</a>
<p><a href="http://xkcd.com/">Xkcd</a>
<p><a href="http://omanga.net/?type=site&cid=news">Omanga</a>
<p><a href="http://www.watchanimeshows.com/">Animeshows.com</a>
<p><a href="http://www.4chan.org">4chan.org</a>
<p><a href="http://www.megachan.net">Megachan.net</a>
<br>
<blockquote>objecterror© Aaron Bailey 2008</blockquote>
</div>
</body>
</html>
