Redoing the Old Portfolio Site

Empty

Ok so I have trashed the old site and I am making an new one. Right now I am just using my roommates hosting. I'll get that all setup when this is finished.

Heres where I am at so far: (very early on with this)
http://www.strawspapers.com/Dominance%20War/MattTaylorWebsite/Home.html

[Known Issues]
-Page seems to be loading slow for me. This used to be because the CSS gallery was loading the thumbnails at full size but I fixed that. My connections just been slow lately so I can't tell if its me or the page.
-IE does not like my CSS right now, but I am pretty sure I know how to fix that.
-Page Untitled.
-Still need descriptions for gallery thumbs.
-Gallery needs to be reworked so users dont need to press back. Ideally clicking the image will take them back or maybe I'll work in a slide show system. I have not quite decided yet.
-Aesthetically, lots things to do.
-I also think Im going to be getting rid of everything after the Mail man.. but I'll see what you guys think.
-I'm not sure how it fairs with other resolutions.
[Edit] Also need to put contact info on every page. Probably in top left.. we'll see.

Im sure there is other stuff I am leaving out. If anyone notices anything I forgot to list or has some other issues/ideas I'd appriciate your insight.

PS: Please nobody link that "Is your portfolio repelling jobs" article. Please.

Thanks

poopinmymouth

Looking good, I like the resizing thumbs, though I still think the originals could stand to be larger.

I also still think your header is needlessly too large. Maybe make those blue stripes run verticle over near the menu so you can get the thumbs starting from the top. I just can't think of any good reason to have that much empty space at the top of your page.

Nice work you've developed over the past few months.

mikebart

Im on ie and everything's positioned on the far left, so when I hover the mouse ove a thumb I only see half of it
It looks good though I like the idea of pop up thumbnails

Farfarer

Hey dude.

The site's totally broken in Opera 9, too. No images, links, etc... and everything's positioned way down the bottom-left.

When I turn off CSS, I can see the images and stuff, though. Some nice work, you never told me you'd finished the post-apoc mailman

Cubik

Took ten seconds to load on my work connection so that's not so bad, will check it at home later this evening.

Same here as for Mike, on IE, and everything is pushed to the far left. I can only see half of the leftmost images (barrel and red demon). There might be more stuff out in the cold, cold left but I can't see it.

Polycount, texturesizes and site address on all images.

I would check the compression of your images. You should be able to have much bigger images if you want the limit to be at 250k.

You might want a title other than "Untitled document" on your page.

Empty

Talon- Hey man. Long time no see. Yeah Im having lots of issues. Opera for one dosent support the way I am positioning my divisions in css, but I havent spent much time looking for a fix yet.

This css stuff is becomming more trouble than its worth. Especially since I am only making this site 2 pages.

Small update [same url as before]. I spent most of the day battling IE to get pngs working, which I still havent. Any version of IE prior to 5.5 dont support an AlphaImageLoader filter and the newer versions that do support it wont let me use it on a tiled png.

Oh well sleep time. I'll have more time to sink into this tomorrow.

Thanks guys. If anyones knows about this kind of stuff it'd be really cool to get some more direct feedback over AIM/MSN ( matt22181/matt22181@hotmail.com ).

3D-j

I would add something little easier to view the images with...
here is a little bit of knowledge you may want to use for the images?

text Link:

<a href="#"onClick="MyWindow=window.open('http://www.yoursite.com/popup.html','MyWindow1','toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=no,width=300,height=300,left=50,top=50'); return false;">Link Name</A>


Image Link:

<a href="#" onClick="MyWindow=window.open('http://www.yoursite.com/popup.html','MyWindow1','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=250,height=200,left=50,top=50'); return false;"><img src="YOUR IMAGE.gif" BORDER="0" ALT="youralt"></A>

just a simple pop up window. you could set a div height and width for the images to resize to. Then size the pop up to the size of the images or whateva.

3D-j

csscreator.com is a good resource for help. I ask all my questions there and get answers within a couple of hours. What process are you using to save your .png files? There are all kinds of little tiny things to remember for each browser. Its a pain in the neck. I would just go through and code the whole site within Firefox or Opera and then find some articles on google about IE and Safari. I know that IE has a hard time with padding and margins if they are not done correctly. If you want to get some idea of how much I know about css you can check my website. I have my template up. 3d-j.net . If you have any questions feel free to message me.

3D-j

i would make a wrapper div that holds everything (if you havnt) so you can set a margin on the top and the left so that when people open the site its in the center of their browser. something like this..
CSS:

#wrapper(
margin-left:100px;
margin-top:150px;
width:800px;
height:600px;
float:left;
}

HTML:

<div id="wrapper">

<div id="content">

</div>

</div>

Could you post a quick layout sketch of your divs?