Position to the Right, I don't know how to make a layout position to the right :O |
Position to the Right, I don't know how to make a layout position to the right :O |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 31 Joined: Jul 2007 Member No: 552,713 ![]() |
Heeey! So I was wondering...how do you position the entire layout to be on the right? :O
Here is the screen shot of my layout; ![]() ![]() index; CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>SLHS's Key Club - The Kiwis =D</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <body bgcolor=#E16E04 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0> <!-- ImageReady Slices (nov.psd) --> <table width=800 border=0 cellpadding=0 cellspacing=0> <tr> <td> <img src="images/index_01.jpg" width=800 height=409 alt=""></td> </td> <tr> <td> <img src="images/index_02.jpg" width=800 height=291 alt=""></td> </td> </table> <!-- End ImageReady Slices --> <!-- START OF CONTENT --> <div id="content"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td class="content"> BLEHBLEHBLEHBLEHBBLEH </td></tr> </table> <!-- End of Content --> <!-- Start of Navigation --> <div id="navigation"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td class="navigation"> <a href="linkllink">Linklink</a> </td></tr> </table> </div> </body> </html> the CSS; CODE #navigation { background-color: #302E2E; font-family: Georgia, Arial, sans-serif; position: absolute; top: 0px; left: -170px; width: 155px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;} #content { background-color: #302E2E; position: absolute; top: 396px; left: 474px; width: 316px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } #navcontainer { width: 138px; } #navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Georgia; } #navcontainer a { display: block; padding: 0px; width: 138px; background-color: #615B5B; border-bottom: 1px solid #eee; } #navcontainer a:link, #navlist a:visited { color: #EEE; text-decoration: none; } #navcontainer a:hover { background-color: #46A466; color: #fff; } blockquote { margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #F8934D; } a:link { color: #A300A3; font-family: Georgia; font-size: 1em; text-transform: none; text-decoration: none; } a:visited { color: #605A5A; font-family: Trebuchet MS; font-size: 1em; letter-spacing: 2px; text-transform: none; text-decoration: none; } a:hover { color: #005EBD; font-family: Georgia, Arial; font-size: 1em; text-transform: none; text-decoration: none; cursor: sw-resize; font-weight: bold; } table, td, tr { font-family: Georgia, Arial; color: #FFFFFF; font-size: 10px; border: none; margin: left; } h1 { border-bottom: 1px dashed #FFF; background: #000 url('images/bat.png') right no-repeat; padding: 3px; font-family: Arial; font-size: 17px; letter-spacing: 1px; text-transform: capitalize; } h1 span { color: #BD0000; } h2 { color: #47A595; font-size: 15px; letter-spacing: 4px; text-align: center; font-family: Trebuchet MS, Georgia; margin: 0px 0px 0px 0px; font-variant: small-caps; } h3 { color: #F25E3A; font-size: 12px; text-align: center; font-family: Verdana; margin: 10px 0px 0px 0px; } b, strong { color: #BC5829; } i, em { color: #BA5EAB; } u { color: #46A464; } |
|
|
![]() |
![]()
Post
#2
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 31 Joined: Jul 2007 Member No: 552,713 ![]() |
never! i fixed the problem. x3
|
|
|
![]() ![]() |