Interested in making a website, need ur help!! |
Interested in making a website, need ur help!! |
![]()
Post
#1
|
|
Yall Can't Neva Play Me ![]() ![]() ![]() Group: Member Posts: 43 Joined: Sep 2005 Member No: 230,431 ![]() |
okay, so I'm trying to learn how to make a website because I want to make a fan site. Now I want my layout to some how end up like this one
CLICK Now what should I do first to start this up. I already have a site (a practice site), but I don't know where to begin. Help me |
|
|
![]() |
![]()
Post
#2
|
|
Yall Can't Neva Play Me ![]() ![]() ![]() Group: Member Posts: 43 Joined: Sep 2005 Member No: 230,431 ![]() |
ok so i fixed all the values but now the boxes aren't showing
CODE <html>
<head> <title>Two Column CSS Layout</title> <style type="text/css"> A:link { text-decoration: none; color:#99CC32; } A:visited { text-decoration: line-through; color:#99CC32; } A:active { text-decoration: none; color:#99CC32; } A:hover { text-decoration: underline overline; color:#99CC32;} cursor: crosshair;} h1 {font-family: kartika color: #38B0DE;} p {font-family: value; [arial] color: #38B0DE; } body { background: #FFFFFF; background-image: url(http://tinypic.com/sfxx6f_th.gif); background-repeat: repeat; background-attachment: fixed; font-family: kartika; color: #38B0DE; letter-spacing: 3pt; font-weight: normal; font-size: 16pt' scrollbar-face-color :#FFFFFF; scrollbar-highlight-color : #FFFFFF; scrollbar-3dlight-color : #FFFFFFF; scrollbar-shadow-color : #FFFFFF; scrollbar-darkshadow-color : #FFFFFF; scrollbar-track-color : #FFFFFF; scrollbar-arrow-color : #ED9121; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } td { font-family: kartika color: #EE6AA7; padding-left: 4cm; padding-right: 4cm; padding-top: 2cm; padding-bottom: 2cm; padding: 2cm; padding: 2cm; } input, text area { background: #FFFFFF; font-family: kartika; color: #EE6AA7; border-style: dotted; border-color: #FFFFFF; border-width: 3px; } #menu { position: absolute; left: 0px; top: 5px; width: 200px; background-color: #FFFFFF border: 1px solid #EE6AA7; } #content{ top: 0px; margin-left: 230px; margin-right: 15px; background-color:#FFFFFF; border: 1px solid #38B0DE; } </style> </head> <body> <div id="menu"> Your menu will go here. You can place images, text links, etc. in this div. To change the properties of this layer you can change the #menu selector in the style sheet that is located on this page between the head tags. </div> <div id="content"> All of your content goes in this div. This side is fluid so that if the window is collapsed, your div will collapse also and fit the screen perfectly. To change the properties of this div you can change the #content selector in the style sheet that is located on this page between the head tags. </div> </body> </html> |
|
|
![]() ![]() |