Replies

Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

I was working on a pet page and all of the sudden my content height got stuck where it was. I can't make it any taller or any shorter. I can change the width and position just fine, but I can't change the height.

Here's the coding I had for it if that helps anybody to see where I might have goofed. If you need to see the full thing just let me know.

SPOILER (click to toggle) {height:1300px;width:550px; top:-5px; left:75px; border:5px solid black;overflow:hidden;} {background:transparent;height:1400px;width:1100px;overflow:hidden;}

Is there some sort of max content height that I'm not aware of? If so, I've seen people with some really long pet pages and how on earth are they getting past it?

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

You say content height, but in your code you also have the page height, so it's not because the height of that is set as well?

I would like to see the whole code though. Preferably in action on a pet page. =/

Art by
[tot=sonata]

Share Post
Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

Alright, the full code is down below and the pet page is here. I have to warn you though, my code is probably a mess because I am horrendous at this kind of stuff.

SPOILER (click to toggle) <style type="text/css"> a:link { font:7pt tahoma; text-decoration: none; color:; } a:visited { font:7pt tahoma; text-decoration: none; color:; } a:hover { font:7pt tahoma; text-decoration: none; color:; } a:active { font:7pt tahoma; text-decoration: none; color:; }

, , , , , , , , , , p.pet_age_info_date, p.pet_wco_info_date {display:none} body, {background: none}

{position:absolute; top:10px; left:280px;width:275px;height:450px;overflow: hidden} :hover {overflow: auto;} {position:absolute; top:470px; left:35px;width:520px;height:440px;overflow: hidden} :hover {overflow: auto;} {position:absolute; top:900px; left:30px;} .pet_name {position:absolute; top:10px; left:80px} .pet_color_info {position:absolute; top:260px; left:60px} .owner {position:absolute; top:270px; left:75px} {opacity: 0.3; position:absolute; top: 870px; left:110px} :hover {opacity: 1; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}

{position:absolute; top:50px; left:10px; width:200px; height:200px; background-image: url('http://subeta.net/images/pets/darkonite.png')} {position:absolute; top:235px; left:765px;width:225px;height:370px;}

</style> <style type="text/css"> body { font: 8pt georgia; color: ; } h1 {font-family: georgia; font-size: 22pt; text-decoration:bold;} </style>

Basic Info


Name: Rigor Williams
Nickname: Rigor, Rig
Gender: Male
Age: 22
Birthdate: October 15th
Location: -
Occupation: Gravedigger
Time Period: 19th Century

Height: 5'5
Weight: 122 lbs
Hair Color: Dirty Blonde
Hair Style: Straight, mid-ear length.
Eye Color: Grey
Skin Tone: Pale
Upper Body Attire: Scrub top over a plain white t-shirt.
Lower Body Attire: Black slacks.
Footwear: Black loafers.
Accessories: White doctor's mask over nose and mouth.
Other: -
Human Avatar:

Likes:
Dislikes:
Personality Traits: uptight, reserved, organized
Habits:

Inspiration(s): name: pallor mortis- n. postmortem paleness


Story

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Content, coding, background and overlay image

{width:337px; height:150px; overflow: hidden;} :hover {overflow: auto;}

{height:1300px;width:550px; top:-5px; left:75px; border:5px solid black;overflow:hidden;} {background:transparent;height:1400px;width:1100px;overflow:hidden;}

body {background-image:url('http://wdc3d.com/wp-content/uploads/2010/05/metal-rust-grunge-seamless-2000-x-1500.jpg'); background-repeat:repeat-x; background-repeat:repeat-y; background-color: ;} </style>

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

Okay I admit it, that is sort of a mess.

First off you've got overflow:hidden added to both your content and page, which means you can't scroll.

And you'll want to move all the coding up into your style tags.

I can try to move things around for you if you want?

Art by
[tot=sonata]

Share Post
Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

Go ahead, you obviously know more better than I do. xD

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

Well I'll go ahead and give it a shot then. ^_^

[edit] Okay as far as I can tell changing the content height doesn't do anything, but if you change the page height it will give you more space at the bottom, which is what you wanted, right?

Art by
[tot=sonata]

Share Post
Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

Yep. :)

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

@ Dead

Well I don't know how high you want it but here is what I've got so far.

I'll send the code to you in an smail if you want, I doubt info wants to be pinged again. x)

[edit] Also I took the liberty of making your story div a bit shorter so it doesn't overlap the treasure. I'll change it back if you want though.

Art by
[tot=sonata]

Share Post
Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

Alright, it looks good I just need the white part to go down further. That's the part I couldn't figure out. D':

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

Aha, I think I got it. Try looking at it now. :p

Adding !important to stuff can fix a lot. ^_^

Art by
[tot=sonata]

Share Post
Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

Oh my god you did it. :o And I was planning on moving the treasure down once I figured out how to move the rest of the page down. But I can just do that myself.

Thank you thank you thank you. ❤

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

Okay I sent it to you. I hope it all fits in the message, if not you can probably grab the code from my pet page.

I had to remove the style tag at the top though, you'll just need to add that back in. ^_^

Art by
[tot=sonata]

Share Post
Jul 27, 2012 13 years ago
insect
is a biter
User Avatar

I think the stuff at the bottom cut out. The last thing I got was the end of the story area.

Ahh I see where you moved it, nevermind. Everything is perfect, thank you! :3

sell me a really old tail?

Share Post
Jul 27, 2012 13 years ago
Adventure Captain
sonata
User Avatar

Happy to help. :D

Art by
[tot=sonata]

Share Post
Please log in to reply to this topic.