Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder sdcomputerz's Avatar
    Join Date
    Feb 2007
    Location
    Hawaii
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Doing this in CSS

    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
    You can never have nothing, because nothing is still something.
    SD Computerz
    Free Domain Names
    Gaming Lagoon - Buying your game time!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder bobleny's Avatar
    Join Date
    May 2007
    Posts
    256
    Thanks
    3
    Thanked 11 Times in 11 Posts
    Here is a base for you to play with.... It should go great with the tut aerospace gave you.

    CSS:
    Code:
    .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:
    Code:
    <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!
    --www.firemelt.net--
    * No good deed goes unpunished.
    * Cheer up, the worst has yet to come...
    Get Firefox!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •