Test needed. - Socoder

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|383\|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: <a onclick="renderImage('images/footage/0004.jpg')" href="#"> <img width="75" height="50" src="images/footage/0004_thumb.jpg"> </a> --v
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). #main_nav li { display: inline; font-weight: bold; margin-left: 10px; margin-right: 10px; font-size: 150%; } #main_nav li a { color: #FFF; text-decoration: none; } #main_nav li a:hover { text-decoration: underline; } --v -=-=- blog \| work \| code \| more code
Sat, 07 Aug 2010, 11:54
steve_ancell	Actually, that still looks like quite a good effect, cheerz Ben