Problems solved!

I'm trying to re-code my pet's profile but I'm having some issues.

First issue is that I can't figure out how to make the pet image to disappear. I've got the pet art included in the background and would just like to hide the original image.

Second issue is that I have a weird black line on the right side. I think it's related to the pet image because when I messed around with the coding for that it got longer and when I reverted to the code I had before it got shorter again.

Anyway, this is my coding (probably messier than it should be): <style type="text/css"> /RESET & REMOVE/


, , , , , ,  { display:none; }
, body,  { background-color:transparent;height: auto !important; }
,  br+a, , , .pet_name, ,  {
display:none;}
 h2,  h2,  h2 {
display: none;}
.stat, .statbar, .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date, .hustler {
display: none;}
/BASIC/
html {
background-color: ;
background-image: url(https://i.imgur.com/R4wL29t.png);
width:1024px; height:768px;
background-repeat: no-repeat;
background-position: top left;
overflow:hidden;}
body, font, td, a, table, tr {
color: ;}
p, div {
color: ;}
img {
border: 0px solid;
color: ;}
b {
font-family: tahoma;
font-size: 7pt;
color: ;
letter-spacing: 1;
text-transform: uppercase;
border-bottom: .5pt solid;
border-bottom-color: ;}
h1 {
color: ;}
a:link, a:active ,a:visited {
color: ;}
a:hover {
color: ;}
/TREASURE/
 {
width: 216px;
height: 64px;
overflow: auto;
overflow:hidden;
position:absolute;
top:390px;
left:440px;}
:hover {
overflow: auto;}
.treasure_item {
opacity:0.2;}
.treasure_item:hover {
opacity:1;}
/STATS/
 {
position:absolute;
top: 230px;
left: 0px;}
 {
opacity: 0.2;}
:hover {
opacity: 1;}
/TEXT/
 {
position:absolute;
top:330px;
left:210px;
overflow:auto;
overflow:hidden;
height:180px;
width:220px;
padding-right: 5px;}
:hover {
overflow:auto;}
/PET/
 {
position:absolute;
top:20px;
left:240px;}
.pet_like {position:absolute; top:260px; left:0px;}
.pet_like a, .pet_like a:active, .pet_like a:link, .pet_like a:visited {color:; text-decoration:none;}
.pet_like a:hover {text-decoration:none;}
.pet_color_info {position:absolute; top:260px; left:0px; font-size:6.5pt; font-family:arial; color:; width:150px; text-transform:uppercase; text-align:left;}
.pet_color_info img {width:7px; height:6px; position:relative; bottom:1px;  -webkit-filter: sepia(100%);}
.owner {position:absolute; top:280px; left:20px; font-size:6.5pt; font-family:arial;  width:100px; text-align:center; color:; text-transform:uppercase;}
.owner a, .owner a:active, .owner a:link, .owner a:visited, .owner a:hover {font-family:arial; font-size:6.5pt; letter-spacing:0px!important; color:; text-transform:uppercase;}
.owner img {display:none;}

</style>

Any and all help will be appreciated ^_^

Logged Out

Problems solved!

Replies