Jump to content

D4N005H

Members
 View Profile  See their activity

  • Posts

    3

  • Joined

  • Last visited

D4N005H's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. D4N005H
    Yes I tried and found the solution. Here's the code:(Copyright: Coded by coothead) Edited by me. <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>example page</title><link rel="stylesheet" href="/"><style>body { background-color:#f0f0f0; font-family:verdana,arial,helvetica,sans-serif; font-size:100%; color:#666; }#container { width:978px; padding:10px; margin:auto; border:1px solid #ccc; overflow:hidden; background-color:#fff; box-shadow:10px 10px 10px #777; }#left-col { float:left; width:348px; margin-right:10px; }#right-col { float:left; width:620px; }#about { padding:10px; height:50px; margin-bottom:10px; border:1px solid #ccc; overflow:auto; }.cat { height:120px; float:left; width:147px; padding:10px; margin-bottom:10px; border:1px solid #ccc; }.cat2 { width:326px; height:60px; float:left; padding:10px; margin-bottom:10px; border:1px solid #ccc; }.clear { clear:both; }.margin5 { margin-right:5px; }.margin10 { margin-right:10px; }.social { margin-top:5px; float:left; width:60px; height:60px; padding:10px; border:1px solid #ccc; font-size:75%; }#content { margin-left:7px; height:447px; padding:10px; margin-bottom:10px; border:1px solid #ccc; }.content-footer { margin-left:7px; margin-right:1px; float:left; width:125px; margin-top:5px; height:146px; padding:10px; border:1px solid #ccc; } </style></head><body><div id="container"><div id="left-col"><div id="about">About</div><div class="cat margin10">Cat 1</div><div class="cat">Cat 2</div><div class="cat margin10">Cat 3</div><div class="cat">Cat 4</div><div class="cat2 margin10">*Cat 5*</div><div class="social margin5 clear">Home</div><div class="social margin10">Facebook</div><div class="social margin5">Youtube</div><div class="social">Twitter</div><div class="social margin5 clear">Home</div><div class="social margin10">Facebook</div><div class="social margin5">Youtube</div><div class="social">Twitter</div></div><!-- end #left-col --><div id="right-col"><div id="content">Box 1</div><div class="content-footer margin10">Box 2</div><div class="content-footer">Box 3</div><div class="content-footer margin10">Box 4</div><div class="content-footer">Box 5</div></div><!-- end #right-col --></div><!-- end #container --></body></html>
  2. D4N005H
    Well.... I'm noob. would tell me what to do so in HTML?
  3. D4N005H
    Hello,Would you help me to do something like this in HTML for making a website theme? Any tutorials out there?Thanks in advance.
×
×
  • Create New...