Web Design Forums

smallbeer · 07-04-2003, 11:00

Hi guys

If you've got time can you have a quick shufty at my latest creation.

It's a uni assignment.

http://www.lifeofsmallbeer.co.uk/eimc/index.html

It's all css for the layout/presentation - NN4 users will have to make do with the basic (but structured) version.

The navigation buttons are CSS and I'm working on a way to preload the hover states at the moment, before you tell me!

Still a few odds and sods to finish up but your comments will be appreciated.

TIA

Jamie

oli · 07-04-2003, 12:31

I like the design, nice colour scheme and good layout.
The only problem I found was the top nav buttons - one looks like its out of place, see http://www.designerstalk.com/nav.gif to see what I mean.
Im using a PC , win 2k, ie 6 and 1024 res.
To me it looks like all the buttons should go accross the top.

andrewparker · 07-04-2003, 12:35

Strawberry ice cream - nothing too flash but nice nevertheless.

Checked it in Safari and found no display problems whatsoever.

smallbeer · 07-04-2003, 13:20

Cheers so far guys.

Oli, I'm not too sure why that's happening - yep they're all meant to go along the top AND there's not meant to be the dashed underline underneath either!

I'm using the same setup so it's confused me a little. I've tried something though - would you mind going back in and having another look for me?

Cheers, J

dorian · 07-04-2003, 14:17

Generally speaking, I like it. It's [i:cc9ab16f51]FAST[/i:cc9ab16f51] (<- I like it) I too get dashes under the links... Although not intensional - how do you do that? css? I didnt know it was possible

(but on the other hand - I'm not a coder)
My only comment would be the picture... Generally speaking it's nice but personally I think it's just too much in ya face! Basically it's too big. The plug looks huge even on 1280x1024... I would scale it down a bit and maybe turn it monochrome to get a more 'clinical' look... gray to white gradient-map maybe...?
But good job finding a plug that actually looks the same all over Europe

oli · 07-04-2003, 14:55

http://www.designerstalk.com/nav.gif - updated.

The link is still in the wrong place but the dashes are gone now, the text links still have a dashed line underneath - is this intentional ?

dorian · 07-04-2003, 15:00

[quote:e4e9c6127f="oli"]...The link is still in the wrong place...[/quote:e4e9c6127f]
i get it like that too... (windows 2000, IE 5.5)

smallbeer · 07-04-2003, 17:20

OK I think I got it this time! The problem *should* be fixed.

The dashed lines under text links is intentional, under the image links was not.

Cheers for the help.

Jamie

oli · 08-04-2003, 06:24

I hate to tell you m8 but it isnt

If I was using some obscure browser and screen res it probably wouldnt matter but I should think I'm using the most popular ones!

Stickman · 08-04-2003, 12:25

Hi smallbeer, I like your site.

I rooted around in your css and if you change #navbar ul li a in sophisticated.css from this:
[code:1:3d16f3092b]width: 138px; /* false value for IE4-5.x/Win. */[/code:1:3d16f3092b]
to this...
[code:1:3d16f3092b]width: 128px; /* false value for IE4-5.x/Win. */[/code:1:3d16f3092b]

Everything should work fine in ie.

(its line #226)

Luke Redpath · 08-04-2003, 14:52

I like it very much - nice one!

smallbeer · 09-04-2003, 04:30

Cheers for the comments guys.

Dorian, I know what you mean about the header images. I just thought they were a nice contrast against the otherwise text based site.

Stickman thanks for looking at it for me. I haven't been able to check that it works yet but it shouldn't, should it!? I mean they are 98px wide, with 30px left padding and a left margin of 10px. That's 138px.

The problem was that they all needed the left margin to create the space between the buttons 'cept for the "home" button which had margin: 0. I thought it was that that was messing things up.

I'll go to uni and get it sorted on the test machines.

Cheers again

Jamie

Stickman · 09-04-2003, 09:49

From what I could see, your maths was/is right. But try telling that to microsoft.

What has happened to me before is that ie has included padding into the width of the element, but not margins. I haven't a clue why it sometimes does this and it seems to be applied completely at random.

I've just looked and seen you've changed the width to 128 now anyway.

oli · 09-04-2003, 09:54

It now works in my browser - good job m8 :smokin:

smallbeer · 09-04-2003, 11:17

Cheers stickman - one day IE will be saved from it's own stupidity!

mark · 15-04-2003, 12:10

The smallbeer site looks very similar to http://www.modecreative.com/

smallbeer · 15-04-2003, 12:21

[quote:863982d6d4="mark"]The smallbeer site looks very similar to http://www.modecreative.com/[/quote:863982d6d4]

Yeah it was the inspiration.

Stickman · 15-04-2003, 12:21

hmmmm... fishy

fuzd · 16-04-2003, 12:23

You're walking a fine line there my friend..

smallbeer · 16-04-2003, 12:53

If you say so mate.

Like I said mode creative was the inspiration. I didn't realise how 'fine the line' was until I'd finished. If it had been a commercial project I'd have thought twice, more than twice.

Jamie

07-04-2003, 11:00	#1 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	uni project Hi guys If you've got time can you have a quick shufty at my latest creation. It's a uni assignment. http://www.lifeofsmallbeer.co.uk/eimc/index.html It's all css for the layout/presentation - NN4 users will have to make do with the basic (but structured) version. The navigation buttons are CSS and I'm working on a way to preload the hover states at the moment, before you tell me! Still a few odds and sods to finish up but your comments will be appreciated. TIA Jamie __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

07-04-2003, 12:31	#2 (permalink)
oli I Call Shenanigans™ Join Date: Feb 2003 Location: Manchester, England. Posts: 9,885	I like the design, nice colour scheme and good layout. The only problem I found was the top nav buttons - one looks like its out of place, see http://www.designerstalk.com/nav.gif to see what I mean. Im using a PC , win 2k, ie 6 and 1024 res. To me it looks like all the buttons should go accross the top. __________________ Linked In :: Last.fm :: Twitter ..................

07-04-2003, 12:35	#3 (permalink)
andrewparker Senior Member Join Date: Feb 2003 Location: Manchester Posts: 991	Strawberry ice cream - nothing too flash but nice nevertheless. Checked it in Safari and found no display problems whatsoever. __________________ Andrew Parker --------------------- (Apple PowerBook G4 1.67GHz / 1Gb RAM / OS X / Safari )

07-04-2003, 13:20	#4 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	Cheers so far guys. Oli, I'm not too sure why that's happening - yep they're all meant to go along the top AND there's not meant to be the dashed underline underneath either! I'm using the same setup so it's confused me a little. I've tried something though - would you mind going back in and having another look for me? Cheers, J __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

07-04-2003, 14:17	#5 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,227	Generally speaking, I like it. It's [i:cc9ab16f51]FAST[/i:cc9ab16f51] (<- I like it) I too get dashes under the links... Although not intensional - how do you do that? css? I didnt know it was possible (but on the other hand - I'm not a coder) My only comment would be the picture... Generally speaking it's nice but personally I think it's just too much in ya face! Basically it's too big. The plug looks huge even on 1280x1024... I would scale it down a bit and maybe turn it monochrome to get a more 'clinical' look... gray to white gradient-map maybe...? But good job finding a plug that actually looks the same all over Europe __________________ ...

07-04-2003, 14:55	#6 (permalink)
oli I Call Shenanigans™ Join Date: Feb 2003 Location: Manchester, England. Posts: 9,885	http://www.designerstalk.com/nav.gif - updated. The link is still in the wrong place but the dashes are gone now, the text links still have a dashed line underneath - is this intentional ? __________________ Linked In :: Last.fm :: Twitter ..................

07-04-2003, 15:00	#7 (permalink)
dorian i do lines Join Date: Mar 2003 Location: Poland/Denmark Posts: 3,227	[quote:e4e9c6127f="oli"]...The link is still in the wrong place...[/quote:e4e9c6127f] i get it like that too... (windows 2000, IE 5.5) __________________ ...

07-04-2003, 17:20	#8 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	OK I think I got it this time! The problem should be fixed. The dashed lines under text links is intentional, under the image links was not. Cheers for the help. Jamie __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

08-04-2003, 06:24	#9 (permalink)
oli I Call Shenanigans™ Join Date: Feb 2003 Location: Manchester, England. Posts: 9,885	I hate to tell you m8 but it isnt If I was using some obscure browser and screen res it probably wouldnt matter but I should think I'm using the most popular ones! __________________ Linked In :: Last.fm :: Twitter ..................

08-04-2003, 12:25	#10 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,638	Hi smallbeer, I like your site. I rooted around in your css and if you change #navbar ul li a in sophisticated.css from this: [code:1:3d16f3092b]width: 138px; /* false value for IE4-5.x/Win. /[/code:1:3d16f3092b] to this... [code:1:3d16f3092b]width: 128px; / false value for IE4-5.x/Win. */[/code:1:3d16f3092b] Everything should work fine in ie. (its line #226)

08-04-2003, 14:52	#11 (permalink)
Luke Redpath Barney army! Join Date: Mar 2003 Location: London Posts: 696	I like it very much - nice one! __________________ Luke Redpath .::. Software Engineer .::. Reevoo - Real Reviews From Real Customers

09-04-2003, 04:30	#12 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	Cheers for the comments guys. Dorian, I know what you mean about the header images. I just thought they were a nice contrast against the otherwise text based site. Stickman thanks for looking at it for me. I haven't been able to check that it works yet but it shouldn't, should it!? I mean they are 98px wide, with 30px left padding and a left margin of 10px. That's 138px. The problem was that they all needed the left margin to create the space between the buttons 'cept for the "home" button which had margin: 0. I thought it was that that was messing things up. I'll go to uni and get it sorted on the test machines. Cheers again Jamie __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

09-04-2003, 09:49	#13 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,638	From what I could see, your maths was/is right. But try telling that to microsoft. What has happened to me before is that ie has included padding into the width of the element, but not margins. I haven't a clue why it sometimes does this and it seems to be applied completely at random. I've just looked and seen you've changed the width to 128 now anyway.

09-04-2003, 09:54	#14 (permalink)
oli I Call Shenanigans™ Join Date: Feb 2003 Location: Manchester, England. Posts: 9,885	It now works in my browser - good job m8 :smokin: __________________ Linked In :: Last.fm :: Twitter ..................

09-04-2003, 11:17	#15 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	Cheers stickman - one day IE will be saved from it's own stupidity! __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

15-04-2003, 12:10	#16 (permalink)
mark Hey Alan, nice rope! Join Date: Mar 2003 Location: Cuntoff Posts: 770	The smallbeer site looks very similar to http://www.modecreative.com/ __________________ Don't get sand on your ice cream...

15-04-2003, 12:21	#17 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	[quote:863982d6d4="mark"]The smallbeer site looks very similar to http://www.modecreative.com/[/quote:863982d6d4] Yeah it was the inspiration. __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

15-04-2003, 12:21	#18 (permalink)
Stickman Dr. Lucien Sanchez Join Date: Mar 2003 Location: UK Posts: 5,638	hmmmm... fishy

16-04-2003, 12:23	#19 (permalink)
fuzd Registered User Join Date: Apr 2003 Posts: 6	You're walking a fine line there my friend..

16-04-2003, 12:53	#20 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,235	If you say so mate. Like I said mode creative was the inspiration. I didn't realise how 'fine the line' was until I'd finished. If it had been a commercial project I'd have thought twice, more than twice. Jamie __________________ That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search