Problem solved :)

[edit]Got some help, thanks!

I'm trying to work on my pet Brite at the moment, and I'm stuck. I'm new to CSS, and basically what I'm trying to accomplish is this:

I want the '& Tom' part (which is a new separate box Ive added) to be directly under the name Brite, and I want the pet color/pet owner to be under '& Tom'/just above the pet treasure. My problem is that when I align sections as absolute, like the pet color/pet owner so I can move it where I want it, if I make my browser window smaller or bigger the sections appear to move. Like, for example, the treasure will stay put, but if I stretch my browser window the Pet Color/Owner will move to the left or right instead of staying put. I've messed around with absolute alignments, fixed alignments, etc but nothing seems to give me the result I'm after. Fixed makes everything stay put, but then with fixed I can't move the pet color/owner down where I want it.

This is my code:


&
Tom


<style>
body, html, div {color: ; font-size: 12px; font-family: constantia; }
.pet_name {position: left:452px; top:455px; width: 250px;
color: !important; font-size: 30px; font-family: constantia ;  font-variant: small-caps;
}
 {width: 550px; position:  top: 420px; left: 220px; overflow-y:auto;background-color:;text-align:center;font-size:40px;color:!important; padding-right:70px; z-index:1; font-family: constantia; font-variant: small-caps}

 
 { display: none; }
 { width: 200px; }
 { display: none; }

.pet_color_info{position: top:440px; left:280px;}

.owner{position: top:850px; left:580px;}

.pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date {
display:none;
}

.pet_like {display:none;}

.stat {display:none;}
.statbar {display:none;}
 h2 {
display:none;
}
 h2 {
display:none;
}
 {
display:none;
}


{
position: top: 600;
width: 300px;
margin-right: 120px;
margin-left: 150px;

}

 h2 {display: none;}

 h2 {display: none;}
width: 400px;
margin-right: auto;
margin-left: auto;
}
.treasure_item {
margin-top:8px;
margin-left:8px;
}


</style>

Logged Out

Problem solved :)

Replies