A Little Layout Help? |
A Little Layout Help? |
Oct 3 2008, 10:19 PM
Post
#1
|
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 30 Joined: Sep 2008 Member No: 684,412 |
So I'm making this layout for a friend of mine, and I love how it came out and all... but under the area with the display pic and "pics" and "videos" links... I have a quite large amount of space I'm left with.
I'm planning on sticking a picture to cover that whole area, but this layout won't display pics OR text for that area. Help please? My Layout: CODE <
<style> .a {hide only blogs} td.text table {visibility:hidden;} .blacktext12, td.text table table {visibility:visible;} .a td.text table table {position:relative; top:-100px; margin-bottom:-100px;} td.text div table, td.text table table table, td.text td.text table {position:static; margin-bottom:0px;} </style> <style> .extendedNetwork {display:none;} .latestBlogEntry {display:none;} </style> </div><style> .katamari Left Column Generator .contactTable {display:none;} .UserProfileURL {display:none;} embed, object {filter:alpha(opacity=0.1); opacity:0.01; -khtml-opacity:0.01;} .a {unhide other embeds including video slider} td td td td embed, td td td object, td.text embed, td.text object {filter:none; opacity:none; -khtml-opacity:none;} .interestsAndDetails {margin-top:-90px;} .interestsAndDetails {display:none;} .UserProfileDetail {display:none;} .UserProfileSchool {display:none;} .UserProfileNetwork {display:none;} .UserProfileCompany {display:none;} </style><style> table.friendsComments span.orangetext15 {display:none;} </style><style>.katamari Header Generator { http://abrax.us/Katamari/HeadingsGen.php } table.userProfileURL strong {display:none;} table.contactTable td.text {display:none;} table.contactTable td td.text {display:table-cell; _display:inline;} table.interestsAndDetails td.text {display:none;} table.userProfileDetail td.text {display:none;} td.text td.text span.whitetext12 {display:none;} table.interestsAndDetails span.lightbluetext8 {display:none;} table.interestsAndDetails td {width:0px;} table.userProfileDetail span.lightbluetext8 {display:none;} table.userProfileDetail td {width:0px;} table.latestBlogEntry span.btext {display:none;} table.friendSpace table, table.blurbs, table.blurbs td.text {background-color: transparent;} span.orangetext15 {display:none;} </style><style>.Katamari Right Column Gen 2.0 { http://abrax.us/Katamari/RightColumnGen.php } div table div form {display:none !important} .bodyContent table table div form {display:inline !important;} .friendSpace {display:none;} .friendSpace .orangetext15, .friendsComments .orangetext15 {display:none;} .FriendsComments table table {display:none;} .friendsComments td {height:0px;} .FriendsComments td {background-color:transparent;} .FriendsComments td.text td b {display:none;} .FriendsComments td.text td td b {display:inline;} .blacktext10 {display:none} .commentLinks {display:none} </style><style>.Katamari Right Column Gen 2.0 { http://abrax.us/Katamari/RightColumnGen.php } .latestBlogEntry br {display:none;} .latestBlogEntry td {height:0px;} .latestBlogEntry .btext {display:block;} td.text table {border-spacing:0px;} </style> <style>.katamari Header Generator { http://abrax.us/Katamari/HeadingsGen.php } table.latestBlogEntry span.btext {display:none;} </style> <style> .popup_wrapper {.. !important;} </style><style>.contactTable{display:none;} <style> table tbody td table tbody tr td.text table {visibility:hidden;} table tbody td table tbody tr td.text table table, table tbody td table tbody tr td.text table table tbody td.text {visibility:visible;} </style><style> table table table table div {visibility:hidden;} div table table table table table div input, div a, td.text div {visibility:visible;} </style><style> table table table table div {visibility:hidden;} div table table table table table div input, div a, td.text div {visibility:visible;} </style><style>td.text td.text table table table, td.text td.text table br, td.texttd.text table .orangetext15, td.text td.text .redlink, td.text td.textspan.btext {display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table{height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}</style><style>td.text td.text td b a {visibility:HIDDEN!important;}td.text td.text td a {visibility:visible;}</style><style> td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: ..this.width > 400 ? 400 : true); } </style><style> td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: ..this.width > 400 ? 400 : true); } </style><style> div.myspace-scrollbox {height:100;width:204;background-color:navy;font-family:Arial;font-size:8pt;color:000000;text-align:left;border-width:1;border-style:solid;border-color:cccccc;overflow:scroll} </style><style> div.myspace-scrollbox {height:200;width:204;background-color:red;font-family:Arial;font-size:8pt;color:000000;text-align:left;border-width:1;border-style:solid;border-color:cccccc;overflow:scroll} </style><style> .contactTable {display: none;} </style><style>... {visibility:hidden; display:none;}</style><style> textarea { background-color:pink; background-image:url("http://i49.photobucket.com/albums/f279/toshiba_200/Myspace%20Backgrounds/turquoise.jpg"); border-width:; border-style:; border-color: ; color: black; font-family:Arial;} input {<br /> background-color: black; border-width:; border-style:; border-color: ; color: black; font-family:Arial;} </style><style> body {background-color:navy; background-image:url(http://www.tranzg.com/images/AnimaOne/tranzblubak1.GIF); background-repeat:repeat; background-position:top left; background-attachment: fixed;} , object {display:block; width:0px; height:0px;} .mygen { Miscellaneous Properties } tr {background:transparent;} body table div font a, body table div div {visbility:hidden;} body table table div font a, body table table div div {visibility:visible;} } td.text a img { position:relative;top:8;} .fr td.text a img {position:Relative;top:2px;} .hide { display:none; } .x { visibility:hidden; } td, tr, table { height:0px !important; } input, textarea { background-color:white !important; border-width:0px !important; border-style:solid !important; border-color:black !important; text-transform:none !important; color:black !important; } table, td { border:none; border-width: 0px; padding: 0px; text-transform: lowercase; } table table table { border-width:0px !important; border-style:solid; border-color:black; } table table table table { border-width:0px !important; } a:img, a:link img, a:active img, a:visited img, a:hover img { border-width:0px !important; margin:1px !important; } body, td, li, p, div, textarea, li, h1, h2, p, br {color:000000; font-family:arial; font-size: 8pt; font-weight: normal;text-decoration:normal; line-height: 10px; letter-spacing:px} .text {color:000000; font-family: arial; font-size: 8pt; text-decoration:none; text-transform: lowercase;line-height: 10px; letter-spacing:px} .blacktext10 { color: ; font-size: 8pt; font-family:arial; line-height: 12px; letter-spacing:px font-weight: bold; text-decoration: none; text-transform: lowercase; } .nametext{color:black; font-family:Garamond; text-decoration: none; font-size: 20pt; font-weight:; letter-spacing:-2px; border: none; letter-spacing:px; line-height:20px; text-transform: ; display: inline; position: relative; top: 6px; left: 0px;} .orangetext15 { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px font-weight: bold; text-decoration: none; text-transform: lowercase; visibility:hidden; } .lightbluetext8 { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: lowercase; visibility:hidden;} .blacktext12 { color: ; font-size: 8pt; font-family:arial; line-height: 12px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: lowercase; } .btext { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: lowercase; } .whitetext12 { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: lowercase; } a:link { color: 000000; font-size: 8pt; font-family:arial; line-height: 10px; letter-spacing:px color: 000000; font-weight: normal; text-decoration: none; text-transform: lowercase; } a:visited { color: 000000; font-size: 8pt; font-family:arial; line-height: 10px; letter-spacing:px color: 000000; font-weight: normal; text-decoration: none; text-transform: lowercase; } A:hover { { color: 000000; font-size: 8pt; font-family:arial; line-height: 12px; letter-spacing:px color: 000000; font-weight: normal; text-decoration: none; text-transform: lowercase; } a:link img {filter: ;} a:hover img {filter: ;} tr { color: ; font-size: 8pt; font-family:arial; line-height: 12px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: ; } i { color: ; font-family: arial; font-size:pt; text-transform: ; font-style:italic; font-weight: normal; } b { color: ; font-size: 8pt; font-family:arial; line-height: 10px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: lowercase; } h2 { color: ; font-size: 18pt; font-family:arial; line-height: 10px; letter-spacing:px color: ; font-weight: ; text-decoration: none; text-transform: ;} u { color: ; font-family: arial; font-size:pt; text-transform: ; font-style: none; } .redtext, { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px font-weight: bold; text-decoration: none; text-transform: lowercase; } .redbtext, { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px font-weight: bold; text-decoration: none; text-transform: lowercase; } .lightbluetext8 { color: ; font-size: 8pt; font-family:arial; line-height: 11px; letter-spacing:px color: ; font-weight: bold; text-decoration: none; text-transform: lowercase; } body {scrollbar-base-color: white; scrollbar-track-color:black; scrollbar-face-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-shadow-color: white; scrollbar-arrow-color: black ;}</style><style>.orangetext15{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;}</style><style>.comments {visibility:hidden;display:none;}</style><style> .commentlinks a { font-weight:normal; font-size:9px; } </style><style> #tkn_leaderboard{visibility:visible !important; display:inline !important;} body TABLE TD DIV#header_gae { VISIBILITY: visible !important;} body DIV TABLE TD DIV#googlebar { VISIBILITY: visible !important; display:block !important; position:relative; ..; } body DIV DIV form #q, body DIV DIV form #t, body DIV DIV form #submitBtn, body DIV DIV form #imgGoogle { VISIBILITY: visible !important; display:inline !important; position:static; } .r{} .photoDisplaySmall { width:56px; } .thumb { padding:0px !important; height:auto; } </style><style> body, html {visibility:visible !important; display:block !important} .hide {visibility:hidden; display:none;} .lightbluetext8 {display:none;} table table table table td {width:0px;} .contactTable td, table table td.text table td, table table table table table td {width:auto;} </style><style> .commentlinks a { font-weight:normal; font-size:9px; } </style><style> #tkn_leaderboard{visibility:visible !important; display:inline !important;} body TABLE TD DIV#header_gae { VISIBILITY: visible !important;} body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;} body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; } body DIV TABLE TD DIV#googlebar { VISIBILITY: visible !important; display:block !important; position:relative; ..; } body DIV DIV form #q, body DIV DIV form #t, body DIV DIV form #submitBtn, body DIV DIV form #imgGoogle { VISIBILITY: visible !important; display:inline !important; position:static; } select {position:static !important; top:inherit !important;} .photoDisplaySmall { width:56px; } div.photoThumbnail div.thumb { padding:0px !important; border: solid 0px black !important; float: left !important; } </style><style> body, html {visibility:visible !important; display:block !important} </style><style> .commentlinks a { font-weight:normal; font-size:9px; } </style><style>..ndiv#shortcuts select { width:133px; }..n#subnav ul{min-width:140px;}..ndiv#shortcuts select { width:133px;}..ndiv#searchheader {width:465px;}..ndiv#comedian_topnav { width:945px !important;}..ndiv#music_topnav, div#film_topnav {width:950px !important;}..n#splashlinks {text-align: left;}..n#splashnew {color: #C2E8FB !important;margin-bottom: 2px;font-weight: bold;}..ndiv#splashlinks * {color: #fff;font-size: 10px !important;}..n#headerStatusMood {.. !important; float:left; position: relative; color: #FFF; }..n#headerStatusMood * '); document·write('{color:#fff; font-size:10px;}..n.hsmLabel, .hsmParen { color: #C3E9FF !important; }..n#userstatus #headerStatusMood * {..!important;color: #000; }..n#userstatus .hsmLabel, #userstatus .hsmParen { color: #039!important; }..n#hsmMain { width: 270px; }..n#hsmStatusLine { width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 2px; margin-top:2px;}..n#hsmUpdateDialog {.. !important;}..n#hsmUpdateDialog .hsmLabel { color: #000 !important;}..n#hsmUpdateDialog td { color: #000; padding: 1px 1px 3px; white-space: nowrap; }..n#hsmUpdateDialog input {color: #000; border: 1px solid #CCC; padding: 2px; width: 200px; font: 9px Verdana; background: #FFF; -moz-box-sizing: content-box; '); document·write('-webkit-box-sizing: content-box; }..n#hsmUpdateDialog select {color: #000; border: 1px solid #A5ACB2; padding: 2px; font: 9px Verdana; background: #FFF; }..n#hsmUpdateDialog select option{color: #000;}..n#hsmUpdateDialog .hsmButton {float: right;height: 12px;background: url("../img/hsmButtonBg.gif") 0 0;color: #1C4976;position: relative;cursor: pointer;font: bold 10px Verdana;padding: 2px 3px 3px;margin: 2px 7px 0 0;}..n#hsmUpdateDialog .hsmButtonRight {position: absolute;right: 0; *right: -1px;top: 0;height: 17px;width: 3px;background: url("../img/hsmButtonBg.gif") right 0 no-repeat;}..n#hsmStatusChoices '); document·write('{display: none;position: absolute;background: white;border: solid #ccc;border-width: 0 1px 1px;width: 200px;padding: 0 2px;z-index: 1;}..n#hsmStatusChoices a { display: block; font-weight: normal; padding: 2px; cursor: pointer; color: #000 !important; width: 194px; margin: 0 auto; }..n#hsmStatusChoices a:hover { background: #EAF1FF; text-decoration: underline; }..n.ajaxLoaderGraphic{width:22px;height:22px;background: url(../img/loadercircles.gif) no-repeat 100%;}..n</style><style>..n#topnav{background: #2358b8 none; '); document·write('filter:progid:DXImagetransform.Microsoft.AlphaImageLoader(enabled="true", src="http://x.myspacecdn.com/modules/common/static/img/header/bkg_menubar.png", sizingMethod="scale");}..n</style><style> #tkn_leaderboard{visibility:visible !important; display:inline !important;} body TABLE TD DIV#header_gae { VISIBILITY: visible !important;} body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px !important;} body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; } body DIV TABLE TD DIV#googlebar { VISIBILITY: visible !important; display:block !important; position:relative; ..; } body DIV DIV form #q, body DIV DIV form #t, body DIV DIV form #submitBtn, body DIV DIV form #imgGoogle { VISIBILITY: visible !important; display:inline !important; position:static; } select {position:static !important; top:inherit !important;} .photoDisplaySmall { width:56px; } div.photoThumbnail div.thumb { padding:0px !important; border: solid 0px black !important; float: left !important; } |
|
|
|
![]() |
Oct 4 2008, 08:51 AM
Post
#2
|
|
|
Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 |
If you want to add a picture or some text in that area, use this code:
CODE <div style="position:absolute; top:330px; left;50%; margin-left:-540px;"> CONTENT </div> Replace "CONTENT" with what you want in there. |
|
|
|
AzureVampireHedgie A Little Layout Help? Oct 3 2008, 10:19 PM
Smarmosaur how about a screenshot and/or link? Oct 3 2008, 11:29 PM
AzureVampireHedgie QUOTE(Smarmosaur @ Oct 3 2008, 11:29 PM) ... Oct 3 2008, 11:34 PM![]() ![]() |