123
-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0|683|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> Test needed.

Thu, 05 Aug 2010, 19:27
steve_ancell
My friend has been letting me use his new business as a Guinea Pig for web-dev practice.

Please, please, please and all the rest of the pleases, could a few of you paste the URL below into your browser and let me know if it works ?.

It's my first site and it's not quite finished yet, so please excuse me if it looks a bit crap.

More importantly, could you please let me know if the "Pictures" section works OK ?.

homepage.ntlworld.com/stephen.ancell/tony
Thu, 05 Aug 2010, 20:06
Stealth
Works here.

Mac OS X 10.6.4, Google Chrome 6.0 (dev)

-=-=-
Quit posting and try Google.
Thu, 05 Aug 2010, 20:20
HoboBen
Works well; nice (X)HTML too, I'm very impressed that this is your first site!

One small suggestion: the header image of the van, because it is being scaled up, looks strange. I would leave the van and the logo at the original image sizes.





-=-=-
blog | work | code | more code
Thu, 05 Aug 2010, 21:08
mindstorm8191
Doesn't look too bad. I'm running Opera on Windows 7. One thing on the images page that I would do is provide a little bit of space between each of the thumbnails at the bottom. Right now at first glance, it all looks like another image below the first, which it doesn't let you scroll down to view.

Oh, another thing, quotation isn't the right word, just say quote. I don't think quotation is really a word.

But overall the site looks very good!

-=-=-
Vesuvius web game
Fri, 06 Aug 2010, 02:01
shroom_monk
All working fine here, including pictures section. Nice work for a first site!

I would agree with Ben about the van image, but also the stretching of the buttons when you hover over them. Changing the button's appearance when you hover is OK, it's just that stretching them moves all the other buttons. That's just my opinion though.

And in this circumstance, quotation is the correct word.

-=-=-
A mushroom a day keeps the doctor away...

Keep It Simple, Shroom!
Fri, 06 Aug 2010, 09:45
steve_ancell
Thanks guys, lots of other people have told me to lose the van too.

One minor bug I've found though... When I try to view the site from the Learn Direct center or from one of my friends computer, all that displays is the footer at the bottom. Is that something to do with my coding, or is it because their settings are too high ?.

It works OK on Tony's (the person I'm doing the site for) computer though.
Fri, 06 Aug 2010, 12:26
shroom_monk
Anything special about how those computers are set up?

-=-=-
A mushroom a day keeps the doctor away...

Keep It Simple, Shroom!
Fri, 06 Aug 2010, 14:11
JL235
Avoid scaling images as it typically always looks bad.
Fri, 06 Aug 2010, 14:34
Andy_A
Just the footer showing here also.

WinXP
IE7

Fri, 06 Aug 2010, 17:33
steve_ancell
I tried it on my sisters computer earlier, that one also shows only the footer.

As for the part where I shouldn't stretch the buttons. If I make the images the actual size that I require, is it still OK to do the CSS bit where the image changes size when hovered over ?

P.S... I deleted the commented-out bit from the CSS and I managed to get the background to display on my sisters computer.
Fri, 06 Aug 2010, 21:23
CodersRule
The reason stretching the nav is a problem is because when you hover over a link, the rest of the links move. It's sort of weird. You could consider changing of the colour of the image instead of stretching it.

For the pictures, you could consider creating thumbnails of each image, then only loading the image when they click on it; in that case, you're prevented from loading extra media the user doesn't want, saving you both bandwidth. In your case, it's really simple: just save each image as a 75x50 and append _thumb to the filename, then you can do this:

Sat, 07 Aug 2010, 06:48
steve_ancell
CodersRule For the pictures, you could consider creating thumbnails of each image, then only loading the image when they click on it; in that case, you're prevented from loading extra media the user doesn't want, saving you both bandwidth. In your case, it's really simple: just save each image as a 75x50 and append _thumb to the filename, then you can do this:

I will do that resizing thing , I can see it make sense.

That bit of HTML you posted is already in there, it's generated by a separate JavaScript file. I know you cannot see it in the HTML, but it is there... Honest
Sat, 07 Aug 2010, 07:03
HoboBen
On the topic of the buttons, I think it could be done far better with normal text links (far easier to manage and test new styles). Here's just an example, you can style the text however you want (e.g. you could make them look exactly like buttons if you wanted by messing with border and background-image)



Here's my changes to the CSS, so that you can see what I did (In the HTML the navigation images were replaced with text).



-=-=-
blog | work | code | more code
Sat, 07 Aug 2010, 11:54
steve_ancell
Actually, that still looks like quite a good effect, cheerz Ben