JQuery Portfolio Website Problem… Help please!

[koncharaj]

Hi I recently just launched a new portfolio site in JQuery… I am pretty new to web design and have been trying to teach myself! I ran into a problem with my page displaying correctly when the browser window isn’t tall enough… it squishes the info on top of other info. Essentially my site is 1 page with a “mask” that slides up and down to display the correct info. The link is http://www.koncharaj.com if you would like to check it out and give me any ideas for help.

[stvheld]

Try getting rid of the dynamic element styling on the wrapper tag and set a standard height and min-height to 800px or so in the css file for the wrapper tag.

[stvheld]

You could find some good techniques on http://www.onepagelove.com for what you are doing. My ultimate recommendation would be to drop the mask because that is just way too funky. Instead, wrap each section in its own div and use anchors to scroll to that div.

Here’s a link: https://css-tricks.com/snippets/jquery/smooth-scrolling/

[theacefes]

Although you didn’t ask for aesthetic critique, I will suggest making your anchor hover states something other than bright yellow.

EDIT: Probably should have said why. It’s quite harsh on the eyes. :)

[koncharaj]

Awesome thank you for the responses! I will get a chance to check it out this weekend a little bit.
P.s. Critique is always good! Thanks for voicing your opinion i appreciate it.

[theacefes]

No problem. Let us know what you come up with. I’m currently revamping my own site so it’s nice to see what others have done with theirs.

[koncharaj]

I think I am going to have to go with the code you sent me the link for… Thanks! I wanted to try and do something more unique/different thats why i screwed around with the masking but bottom line it still has to work! haha

And I agree it is nice to see others work… what is your site?

And thanks again for your responses!

[Author]

Posts