...

View Full Version : Doing this in CSS



sdcomputerz
06-03-2007, 12:03 AM
How could I make this website using CSS. It is all in table right now and I would like to do it in CSS if possible. Thanks in advance.

http://www.freewebs.com/sdcomputerz

_Aerospace_Eng_
06-03-2007, 12:35 AM
http://bonrouge.com/2c-hf-fluid.php

bobleny
06-03-2007, 12:47 AM
Here is a base for you to play with.... It should go great with the tut aerospace gave you.

CSS:


.main_body
{
border-style: solid;
border-color: #99cccc;
border-width: 1px;
margin-right: 20px;
}


.nav_here
{
background-color: #99cccc;
border-style: solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-color: #99cccc;
border-width: 1px;
text-align: center;
}


.links
{
width: 20%;
height: 100%;
border-style: solid;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
border-color: #99cccc;
border-width: 1px;
padding: auto;
float: left;
}


.text
{
padding: 5px;
}



HTML:


<html>
<head>
<link href="css.css" rel="stylesheet" type="text/css" />
<title>None At This Time</title>
</head>
<body>
<div class="main_body">
<div class="nav_here">Nav Here</div>
<div class="links">
<ul>
<li><a href="/">link</a></li>
<li><a href="/">link</a></li>
<li><a href="/">link</a></li>
<li><a href="/">link</a></li>
<li><a href="/">link</a></li>
</ul>
</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nonummy nonummy risus. In hac habitasse platea dictumst. Proin porta mauris vitae sapien. Phasellus dictum magna ut risus. Vivamus nec metus. Nunc metus. Maecenas neque. Vestibulum eget mi. Duis in mi quis dui semper ultricies. Nam libero. Nullam ac nibh ut pede dictum dictum. Ut ac ligula aliquam lacus eleifend convallis. Praesent at nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In luctus metus suscipit ante. Aliquam eros orci, ornare eu, lobortis in, pretium in, quam. Ut dolor mi, nonummy sed, gravida id, consectetuer sit amet, felis. Pellentesque non urna. In hac habitasse platea dictumst. Cras varius accumsan ipsum. Ut suscipit imperdiet nunc. In vitae dui eu tortor posuere ullamcorper. Maecenas non massa. Maecenas et sapien. Nulla auctor euismod nunc. Etiam tristique leo nec ipsum. Sed congue ipsum eu eros. Quisque lacus massa, suscipit semper, dictum non, condimentum eget, lorem. Morbi id elit. Cras condimentum sapien vitae augue. Nam id pede. Etiam lorem erat, vestibulum et, eleifend et, vulputate sit amet, augue. Sed molestie pulvinar metus. Vestibulum et metus. Pellentesque rutrum ipsum quis nulla. Phasellus dictum. Etiam lobortis consectetuer eros. Suspendisse varius malesuada est. Sed gravida nulla eu urna. Sed est urna, congue eu, scelerisque sed, aliquam non, orci. In tempus, turpis in lacinia vehicula, nibh purus aliquet libero, ac posuere dolor lorem a justo. Morbi ut elit nec risus dapibus gravida. Cras non ligula nec dui pretium posuere. Etiam vitae lorem eu felis hendrerit congue. Donec ultricies tempor nisl. Mauris purus. Nulla sed sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean ut nulla. Pellentesque vulputate libero ac tortor. In id pede ut nulla venenatis mollis. Donec ac sem ut nulla nonummy sagittis. Quisque dapibus. Nullam a nunc. Quisque quis mi. Sed id quam. Mauris erat pede, dapibus ut, luctus quis, luctus vel, sapien. Fusce augue. Vivamus quis nulla. In urna. Quisque nec purus sit amet mauris ultricies hendrerit. Aenean tempor, ipsum eu pharetra tincidunt, sapien dui commodo risus, eget tempus arcu pede accumsan erat. Curabitur eget justo non diam vulputate eleifend. Suspendisse rutrum. Nam faucibus. Donec nulla. Curabitur sem. Sed eu pede et magna laoreet tincidunt. Duis nisl. Pellentesque auctor dui id augue. Suspendisse vitae erat sit amet ipsum aliquet cursus. Phasellus accumsan ligula.
</div>
</div>
</body>
</html>



Good luck!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum