Menewsha Avatar Community

Menewsha Avatar Community (https://www.menewsha.com/forum/index.php)
-   The Help Desk (https://www.menewsha.com/forum/forumdisplay.php?f=88)
-   -   CSS Code issue (https://www.menewsha.com/forum/showthread.php?t=126385)

V I X E N 08-28-2009 04:18 AM

CSS Code issue
 
ok. well I'm having a problem with CSS coding for another sites profile layouts.
I'm not sure if this is where i can post this question. but it was the best option i had cause I'm getting no help from anyone else.
If this is in the wrong section or whatever, Please feel free to correct my mistake.

Anyways.
the code is for Gaiaonline *shudders* I know, I know. but yeah.
I have made the layout & it looks fine in this preview site I'm using http://themes.gaiatools.com/try/

But when i put it into my profile, it just comes up with a big white square where the image is suppose to be.

Here is the code
Quote:

#content #main, #about, #journal, #friends, #multimedia, #comments, #signature{height: auto;}
*Design & Coding by xXVixen_CrystalXx

html{
scrollbar-arrow-color: none;
scrollbar-track-color: none;
scrollbar-face-color: none;
scrollbar-highlight-color: none;
scrollbar-3dlight-color: none;
scrollbar-darkshadow-color: none;
scrollbar-shadow-color: none;
}

#site a:link {
color: #A80000;
text-decoration: none;
letter-spacing: 0px;
font-size:9px;
}
#site a:active {
color: #FF0099;
text-decoration: none;
}
#site a:visited {
color: #909090;
text-decoration: none;
font-size: 9px;
}
#site a:hover {
color: #FFFFFF;
font-size: 9px;
text-decoration: blink;}

#site{margin-left: auto; margin-right: auto; width: 1000px;}

body
{
/*background-image:url(http://i28.photobucket.com/albums/c2...ithink.jpg);*/
background-color: #000000;
background-repeat: no-repeat;
}

#content
{background-image:url(http://i28.photobucket.com/albums/c2...alithink.jpg);
top center: no-repeat;
border: none;
position:relative;
margin-top:30px;
margin-left:50px;
width: 1000px;
height: 750px;
}

#comments h2, #profile H2, #interests,#signature, #signature h2, #about h2, #journal, #journal h2, #profile .caption, #friends, #friends h2, #signature, #signature h2, #about h2, #multimedia h2 {display:none;}


#profile .avatar {position: absolute; left: 10px; top: 10px;}

#profile .avatar {
position: absolute;
overflow: hidden;
left: -165px;
top: 10px;
}


#profile ul.items {display:none;}
#profile ul.items h2 {font-size:0; height: 2px; }


#about
{
overflow-x:auto;
overflow-y:auto;
margin-top: 255px;
margin-left: 150px;
width: 400px;
height: 400px;
color:#FFFFFF;
font-size: 11px;
text-align:center;
font-family:arial;
background:transparent;
border: none;
scrollbar-face-color: #009999;
scrollbar-shadow-color: #009999;
scrollbar-highlight-color: #009999;
scrollbar-3dlight-color: #009999;
scrollbar-darkshadow-color: #009999;
scrollbar-track-color: #FF0099;
scrollbar-arrow-color: #009999;
}


#about .links
{text-align: left;font: tahoma;font-color:#FFFFFF; font-size: 9px; }


#comments
{
background:transparent;
top left no-repeat;
position: relative;
top: 610px;
margin-left: 161px;
font-family:arial;
font-size: 11px;
scrollbar-arrow-color: #009999;
scrollbar-track-color: #FF0099;
scrollbar-face-color: #009999;
scrollbar-highlight-color: #009999;
scrollbar-3dlight-color: #009999;
scrollbar-darkshadow-color: #009999;
scrollbar-shadow-color: #009999;
}

#comments
{font-family:tahoma; font-size: 9px; color: #FFFFFF ; font-weight: normal; text-decoration: none;

letter-spacing: 0px; text-transform: normal; padding: 0px; line-height: 15px;}

#comments
{
overflow: auto; overflow-x: hidden;height: 140px; width: 287px; position: absolute;
}

#comments .caption, #comments .caption2
{margin-bottom: 5px;}

#comments .links
{text-align: left;font: tahoma;font-color:#FFFFFF; font-size: 9px; width:150px;}

#comments .caption:before, #comments .caption:after, #comments .caption2:before,

#comments

.caption2:after
{display:none;}

#comments dl dt.avatar, #comments dl dt.avatar2
{display: none;}

#comments .caption
{
background:none;
width: 125px;
margin-left: 7px;
min-height: 70px;
top left no-repeat;
border:none;
border-left: none;
border-right:none;
border-top: dotted #FFFFFF 2px;
color: #FFFFFF;
filter: alpha(opacity=80); opacity: .8;
}

.caption .message,.caption2 .message {background:transparent;}

#comments .caption2
{
background:none;
width: 125px;
margin-left: 7px;
min-height: 70px;
top left no-repeat;
border:none;
border-left: none;
border-right:none;
border-top: dotted #FFFFFF 2px;
color: #FFFFFF;
filter: alpha(opacity=80); opacity: .8;
}

.caption .message
{
position: relative;
top left no-repeat;
border-left:0px;
border-right:0px;
font-size: 9px;
font-weight: normal;
text-align:left;
left: -30px;
margin-top: 10px;
font-family: arial;
}

.caption2 .message
{
position: relative;
top left no-repeat;
border-left:0px;
border-right:0px;
font-size: 9px;
font-weight: normal;
left: 15px;
text-align:left;
margin-top: 10px;
font-family: arial;
}

#content #profile
{
top:0px;
left:400px;
border: none;
background:transparent;
}

#multimedia
{
background:none;
position: absolute;
width:1px; height: 1px;
left:592px;
top:43px;
font-family:tahoma; font-size:10px;
}
#multimedia embed {width: 167px; height: 144px;}

#details
{display:none;}
#details dl#stats dt {color: #000000;}
.section{font-weight: lighter;}
#details h2 {display:none;}
#details #stats {color:#EEE; text-align:center; font-size: 9px;}
#details #info {display:none;}
#details h3, hr, dl{display:none;}
dl#info, dl#stats, #comments dl{ display:inline; }
#header
{
display:none;
border:none;
}

#wishlist
{
overflow-x:hidden;
overflow-y:auto;
margin-top: 7px;
margin-left: 360px;
width: 200px;
height: 140px;
color:#000000;
font-size: 11px;
text-align:left;
font-family:arial;
background:transparent;
border: none;
scrollbar-face-color: #009999;
scrollbar-shadow-color: #009999;
scrollbar-highlight-color: #009999;
scrollbar-3dlight-color: #009999;
scrollbar-darkshadow-color: #009999;
scrollbar-track-color: #FF0099;
scrollbar-arrow-color: #000099;
}
#wishlist ul.items li img {display;}
#wishlist h2 {display:none;}

#profile #bar{background: transparent; display: custom}
#bar #onlineButton {display:none;}
#bar #offlineButton {display:none;}
#bar #addButton {background: none;
position: absolute;
margin-top: 29px;
margin-left: 386px;
width: 117px; height: 120px;
text-indent: -5000px;}
#bar #addButton a {width: 85px; height: 55px;}
#bar #addButton a:hover {background: url(http://i28.photobucket.com/albums/c2...ff/add-1-1.jpg) top right no-repeat;
width: 125px; height: 183px;}

#bar #msgButton a {background: none; position: absolute;
margin-top: 188px;
margin-left: 416px;/*VIXEN*/
text-indent: -5000px;}
#bar #msgButton a {width: 100px; height: 63px;}
#bar #msgButton a:hover {background: url(http://i28.photobucket.com/albums/c2...uff/MAIL-2.jpg) no-repeat;
position: absolute;}/*VIXEN*/

#bar #tradeButton {background: none; position: absolute;
margin-top: -5px;/*VIXEN*/
margin-left: 505px;
text-indent: -5000px;}
#bar #tradeButton a {width: 85px; height: 55px;}
#bar #tradeButton a:hover {background: url(http://i28.photobucket.com/albums/c2...ff/Trade-1.jpg) no-repeat;
position: absolute;}/*VIXEN*/

#bar #ignoreButton {background: none; position: absolute;
margin-top: 177px;
margin-left: 512px;
text-indent: -5000px;}/*VIXEN*/
#bar #ignoreButton a {width: 55px; height: 33px;}
#bar #ignoreButton a:hover {background: url(http://i28.photobucket.com/albums/c2...Blockhover.jpg) no-repeat;
position: absolute;}


{background: transparent url() no-repeat; text-indent: -4000px; position: absolute; top: 213px; left: -292px; width:20px; height:32px;}


& yes i know there is a space between the Image URL at the top.
between *profile* & *Stuff*
in between that there is meant to be % 20 but its just not showing up for some reason.
Can anyone help me out?

Cherry Who? 08-30-2009 07:34 PM

Since you've switched this over to resolved, I'm going to assume that you found out the problem with your coding? :) So I'm going to lock this up. If you need it unlocked, PM me. :)


All times are GMT. The time now is 07:38 PM.