coding for div |
coding for div |
![]()
Post
#1
|
|
Blazed ![]() ![]() ![]() ![]() Group: Member Posts: 294 Joined: Jun 2009 Member No: 732,840 ![]() |
CODE <style type="text/css"> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} <style type=text/css> body { background-color: ######; background-image: url(""); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:######; scrollbar-track-color: ######; scrollbar-shadow-color: ######; scrollbar-face-color:######; scrollbar-highlight-color:######; scrollbar-darkshadow-color:######; scrollbar-3dlight-color:######;} table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 1px solid; border-color: ######; background-color: ######; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {bolded words} .standard b, p b, B, strong { font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } </style> <div class="bg" style="position: absolute; left:0px; top:160px; width:000px; height:000px; overflow: hidden;"> <img src="http://i25.tinypic.com/33vkc5c.jpg"> </div> <div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center> CONTENT FOR DIV. </div>
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
|
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
You need to separate the HTML and CSS codes. I suggest placing HTML codes in your About Me and CSS codes in your Who I'd Like To Meet. Therefore, your About Me should look like this:
CODE <div class="bg" style="position: absolute; left:0%; top:50%; width:640px; height:480px; overflow: hidden;"> <img src="http://i25.tinypic.com/33vkc5c.jpg" /> </div> Your Who I'd Like To Meet should look like this: CODE <style> {hide all of myspace} .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} BODY {scrollbar-3dlight-color:; scrollbar-shadow-color:; scrollbar-face-color:; scrollbar-darkshadow-color:; scrollbar-track-color:; scrollbar-arrow-color: babyblue; scrollbar-highlight-color:;} body { background-color: white; {background-image:url(""); background-attachment: fixed; background-position: bottom left; background-repeat:repeat;} table table table {border: 1px solid; border-color: 000000; padding:0; background-color:; background-image: url("")} table tbody td table tbody tr td.text table{background-color: ffffff; background-image: url("")}table table{border:0px;} table table table table{border:0px;} table, tr, td {background-color:transparent; border:none; border-width:0;} font, a, body, table, body, td, li, p, textarea, li, h1, h2, p, br {font-family:Georgia; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px; background-color:transparent;} .text {font-family:Georgia; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 10px;} {bolded words} .standard b, p b, B, strong { font-family:arial; font-size:9px; color:babyblue; font-weight:5pt;border:0px; text-transform: uppercase; } </style> That should make your DIVs appear. |
|
|
![]() ![]() |