I've been working on Gothique's profile and I'm almost finished. Trouble is, I'm not good enough with code to do the finishing touches. Specifically, I want the scroll bar on the right not to be visible. The empty space when you scroll all the way to the bottom of the page also bothers me, but it's not absolutely necessary to fix it. I'd also like to know more about positioning the pet spotlight since it would change in size if I won it.

On an aesthetic note, what is your opinion on the fade ins and outs as well as the borders on the images in the left hand column? Both are not quite right to me, but I don't know how I would make them look any better. I don't really like the white background for the pet picture or minion.

Gothique's profile.

Ooh, I just figured out the Pet Spotlight coding a little while ago,, so I can help with that! It's located in "Column 2", so it would be the column that has your pet's image, name, your name, and that little heart.

Here is the code I used for Art's pet page. You can see I have a spot dedicated to it, and already with a border so I know exactly where it would be if I ever finish his page ahaha! This way you can have it exactly where it would go, ready. To make it "hidden" just take out any borders or backgrounds. Or set it to black/transparent as your color. I tried to break down each section, they are comments so you can paste the whole thing and should still work fine while you work through each part.

.pet_spotlight { border:3px solid ; /* ---------Border style, width, style of border, color of border----------- / border-radius:23px; / ---------Rounding the corners of the div box----------- / width:100px; / ---------Width of the div box----------- / height:100px; / ---------Height of the div box----------- / position:relative; / ---------Says "Hey, I'm not going to be where I should, I'll be moving from my spot I would normally be"----------- / left:235px; / ---------Shift from the left of where I would normally would be this much.----------- / bottom:130px; / ---------Shift from the bottom where I normally would be this much.----------- / background:white; / ---------I wanted to have the background white, so it all is white, instead the blue popping through.----------- / box-shadow: 0px 0px 40px 20px ; / ---------The green glowing effect, you can remove this. Just so you understand where that was coming from if you look on Art's pet page----------- */

}

For the scroll bar if you get rid of the overflow property inside body{} and add into your style tags { overflow: unset; } this will make the page have the scrollbar instead so it's not in the middle anymore

To get rid of the empty space (whitespace) put the following code into your style tags { height: 0px; }

. . .

Note: Could get rid of the scollbar altogether but I think it makes scrolling unintuitive, can provide the needed code if that is desired though just let me know

i think you need to redo the positioning on , as it's not aligned correctly on my screen and there's horizontal overflow. the scrollbar also doesn't actually let me scroll all the way down, as you've applied the overflow to instead of body. i can have a more in-depth look later and try to help, but honestly i think it would be easiest to start from scratch on this one.

how it looks to me

Since I don't really know what I'm doing, maybe it would be best to have someone else redo it. I think the idea of what I want comes across, but I don't understand coding well enough to make it all come together.