v.High res photo site

[wjh2303]

general comments, positive, negative, constructive, trolling, whatever, have a look, zoom around the pictures, and leave a comment if you have anything to say:

http://lifeinmegapixels.com

 

[i2006]

I'm liking the site, great picture resolutions btw.

 

[farscapeone]

Idea is great, pics are awesome but layout is far from good.

 

[wjh2303]

please suggest how it could be improved, what's good, what's bad about the layout etc...

thanks

 

[maxmoda]

waaaouuuu that good... I liked it... the resolution is great....
I give you an advice.. you would center the first page...
of such mode will look better

 

[wjh2303]

Thanks for alerting me that the front page wasnt centered, i hadnt tested it in IE, now to figure how to make IE play nice....

 

[farscapeone]

Sorry but I can't suggest any change cos there's nothing to improve. You actually don't have any layout. Just spend some time thinking about it and I'm sure something will come out. I can't make it for you (except if you're willing to pay ).

Sorry if I have been hard on you but this is a great idea and (as I said before on this forum) I don't like to see great ideas fall because of the bad design.

 

[wjh2303]

would you consider this sort of layout to be any improvement:
http://lifeinmegapixels.com/test/index.html
(links on the page wont work, its just in a test folder to judge the layout)

 

[farscapeone]

I don't see any changes apart from some misspelled words being corrected :dunno:

When I said layout I meant header image, color combination, site graphics, ...

 

[wjh2303]

ok thanks, ill have a think about that sorta thing and try and come up with something

 

[freecrm]

Constructively, you could start working with <div>'s rather than the table design you have now.

I know tables are simple to work with but they are extremely limiting and make your site look amateurish.

If you look at the index page of my site for instance, this is all built using divisions and it has a slightly more crisp, professional look.

Currently for instance, your header image is not as wide as the landscape images below (which should be the same!)

Basically, a division is similar to a <td> in a table, although you don't have to inset them into <tr>'s and <table>'s.

To control the layout, as Leviathon was saying earlier, the page needs a structure.

i.e. - a "wrapper" that servers as an outside envelope to keep everything in

a header - a division within the wrapper that contains all the top images and information (usually duplicated across the site)

main content - a division that contains all the page specific areas

footer - the final div (again within the wrapper), to put all your stuff that goes at the bottom of the page. As with header, this is duplicated across the site - usually by using an include function.

Once you have these basic concepts sorted out, you can start to play with their appearance and the way that you control the layout using css styling - which I will certainly help with if I can.

Hope this helps a bit

Good site concept!!!!

 

[Agenator]

you could probably get someone on these forms to put together something for you on the cheap. I'd offer to do it for credits, but you dont have many and I'm too busy. Might wana look into though.

 

[wjh2303]

thanks all, iv had a busy weekend, but im putting in a little work on your suggestions, so hopefully i can make a big layout update within a week or two

 

[wjh2303]

ok so ive got the backbone of a re-working pretty much done, it can be seen at http://lifeinmegapixels.com/test/index.php to compare against http://lifeinmegapixels.com, Is it any better or should i go back to the drawing board?

 

[wjh2303]

ignore that second link, ive put it live now, so just http://lifeinmegapixels.com will do, i still welcome feedback etc

 

[freecrm]

Much better simple structure - now for the finer tuning....

You should create another div <div id="header"> that will wrap around the following section:

<div id="header">

<div>
<img src="title.png" align="center"><br>
</div>

<div id="tabs">
<a href="index.php">Home</a> <img src="tbgd.png">
<a href="wall.php"> Wallpapers</a>  <img src="tbgd.png">
<a href="random.php">Random</a>  <img src="tbgd.png">
<a href="categories.php">Categories</a>
</div>

<div class="left">
<table>
<tr><td>
<a href="category.php?tag=city"><img src="city_th.jpg"></a>
</td></tr><tr><td>
<a href="category.php?tag=land"><img src="land_th.jpg"></a>
</td><td><tr><td>
<a href="category.php?tag=arch"><img src="arch_th.jpg"></a>
</td></tr><tr><td>
<a href="category.php?tag=camb"><img src="camb_th.jpg"></a>
</td></tr>
</table>
</div>


</div><!--end header-->

It won't change the look - yet... but it may be of use further down the line.

Your classes .left and .right need some top padding

.left{
padding-left: 20px;
}
.right{
padding-left: 20px;
}

Apart from that, I'm not sure you should be using the graded blue in your main content box - it looks all too similar.

Try playing with this first and I'll get back to you.

 

[wjh2303]

thanks alot, glad people think it's an improvement, ill have a go at fine tuneing the layout and design, i have a few things in mind to improve it and a couple of extra features to try (e.g google maps to mark the locations a bit better somwhere), but i wanted to get out the new design sooner rather than waiting untill i'd done eveything else

 

[wjh2303]

ok ive made various minor updates to structure, content, features, anyone want to add any final comments? im not sure ill be pestering you lot much more after this as im getting very happy with how it looks.

Thanks alot to all, time to start trying to pimp it out across the web and get my pagerank up...

 

[farscapeone]

I don't want to say anything cos I'll probably disappoint you

 

[wjh2303]

well its been a while, and ive been playing around with a few things, the occasional tweak here and there, a few changes in the back end and the way certain things are presented. Ive now had a go at a slightly more drastic re-design and would like some opinions. is it better, worse etc... general C+C please, if you want:biggrin:

current link: http://lifeinmegapixels.com
new design: http://lifeinmegapixels.com/index3.php (only first page, links will go to old design)