Pet friends section on pet profile
Replies
I have some problems with Winnie's pet profile.
- Why does the pet friends section look like [insert bad word here] and 2) how do I fix it? I'd like the pets to go next to each other without a billion of white space around them and I feel I've tried everything.
:)
[img align=right]http://img.photobucket.com/albums/v245/mykene/Subeta/Winning.jpg[/img]
Not sure if you need only the pet friends part or the entire code but here it is anyway :)
<style type="text/css">
/LAYOUT OVERALL/
body {background: url(http://imageshack.com/a/img51/5793/a8h6.jpg); background-repeat:no-repeat; background-color:;}
;){kind=link}
, , , , , , , h2, h2, , , br + a, .pet_age_info_date, .pet_wco_info_date, h2, h2, .pet_name, {display:none;}
{position:absolute; top:0px; left:0px; background:transparent; margin:auto; height:auto !important; padding:15px; margin-top:0px;margin-bottom:0px;}
/TEXT COLOURS, FONTS ETC/
body, td, p, div {color:; font-size:10px; font-family:tahoma; line-height:11px; font-weight:normal; text-align:justify;} b { color: ; font-size:10px; font-family: tahoma; line-height:10px; font-weight: normal;} i {font-size:10px; font-family: tahoma; line-height:11px;} u {color: ; font-size:18px; font-family: garamond; line-height:10px; font-weight: normal; text-decoration:none;} a:link, a:hover, a:visited, a:active { color: ; font-size:10px; font-family: tahoma; line-height: 10px; font-weight: normal;}
/STORY/
{position:absolute; top:350px; left:535px; width:205px; height:400px; overflow: auto; border:0px; padding:10px;}
/NAME, COLOUR, OWNER/
.pet_color_info{position:absolute; top:140px; left:430px; color:; text-align:left; width:250px;} .owner{position:absolute; top:140px; left:525px; color:; text-align:left; width:250px;}
/SPOTLIGHT/
/MINION RELATED/
{position:absolute; top:170px; left:450px; font-size:10px; width:70px; height:100px; line-height:9px; color:; background-color:; padding:7px; -moz-border-radius:5px; } img {height:55px; width:55px; padding:5px; border:0px solid ; -moz-border-radius:10px;} {-moz-border-radius: 5px; position:absolute; top:170px; left:523px; width: 80px; height:100px; text-align:center; line-height:10px; border:0px solid ; -moz-border-radius:5px; padding:7px; background-color:; color:;}
/PET TREASURE/
{position:absolute; top:410px; left:120px; width:393px; height:322px; font-family:century gothic; font-size:9px; line-height:10px; overflow: auto; background-color:; -moz-border-radius:5px;} .treasure_item_name {display: none; font-size:9px; color:;} .treasure_item {height:50px; width:50px; padding:2px;} .treasure_item img {height:50px; width:50px; -moz-border-radius:5px; border:0px; opacity: 0.9; }
/CREDIT/
{position:absolute; top:750px; left:120px; width:393px !important; height:12px; padding:5px; background-color:transparent; color:; background-color:; -moz-border-radius:5px;}
/PET FRIENDS/
{position:absolute; top:155px; left:818px; width:200px; height:630px; padding:0px; background-color:; color:; overflow:auto;}
</style>
[img align=right]http://img.photobucket.com/albums/v245/mykene/Subeta/Winning.jpg[/img]
wow that's WICKED annoying. I'm thinking there has to be a code somewhere to apply directly to the pet img itself in that div area to remove the extra spacing.
i'm still working on it, but I'm running out the door to work for a few hours. I'll look at it again when I get home this evening.
I tried to add a " img" tag but I didn't manage to make it do anything other than changing the size of the images. I really appreciate you trying because it is annoying headdesk ❤
[img align=right]http://img.photobucket.com/albums/v245/mykene/Subeta/Winning.jpg[/img]
There's padding and margin on .friend_div that can be removed. You can also change the height and width of that, however if you choose to change the width you'll also need to edit height and width of .friend_div img Also there's plenty of room to make the the div wider without making it go outside the box on the background image. ^_^
Edit. I can write it out for you if you need me to. :)
Oh, yes, please! I'd love it if you could put it together for me :)
[img align=right]http://img.photobucket.com/albums/v245/mykene/Subeta/Winning.jpg[/img]
{position:absolute; top:155px; left:818px; width:210px; height:630px; padding:0px; background-color:; color:; overflow:auto;}
.friend_div { height: auto; margin:0; padding:2px; width:90px; }
.friend_div img { height:90px; width:90px; }
I think that should make two columns. ^_^
IT WORKS! You amazing person you! ❤ ❤ ❤ ❤ ❤
Edit: Ouups, I was so excited I forgot to ping xD Anyway. Thank you soooo much!
[img align=right]http://img.photobucket.com/albums/v245/mykene/Subeta/Winning.jpg[/img]
Hehe main reason I could figure it out so easily was because I've coded a ton of pet profiles by now, and I can pretty much remember where there's padding and margin and stuff like that. xD