All Divved up!

It doesn't matter if you do all the error checking in the world, or if you have the most beautiful graphics, if your site or application design isn't usable, it's not going to do well. Get input and advice on usability and user interface issues here.

Moderator: General Moderators

Post Reply
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

All Divved up!

Post by superdezign »

After practicing pure CSS on a few of my clients' websites and finding out how annoying it can be to work with IE without using hacks (which I haven't used yet :) ), I've finally found the time to do the same to our company website! Just wanted to know what you guys thought of it.

SuperDezign.com

By the way, there's one major inconsistency I found in IE (and by major, I mean it's not those small things where something is one or two pixels off). My description box I made in Javascript on the right side of my site smoothly changes when you move from one "services" link to the next. However, in IE, it flashes (sort of like when you reload a page in IE as opposed to FF). It's not a huge concern of mine, so I wont waste a whole post asking, but if anyone has an idea, it's welcome.
User avatar
jayshields
DevNet Resident
Posts: 1912
Joined: Mon Aug 22, 2005 12:11 pm
Location: Leeds/Manchester, England

Post by jayshields »

It's alright, but it seems like a very similar colour scheme and logo to that of ShoutWire.
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

Post by superdezign »

Yeah, after we chose the color scheme a few sites we saw had it. I guess "blue and green" looks good. :-p
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

I'm using Firefox 2 on Ubuntu with some Gnome theme and for a reason unknown to me the background-color for your <body> is the window background color for this theme. I don't have this problem on websites who set their body's background-color. It could be only me because I am a linux noob.
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

It is a clean design. The images take a while to load for me, and I am on a broadband connection. I would love to see it as a liquid layout, and the gray links in the footer are a little light for me. The overlib's on the right navigation are a little obnoxious to me as well.

Blue and green are very completementary (just look at our Sherbet theme). Those are a good choice, but you may want to darken some stuff up a bit elsewhere to really bring out the two main colors.
nickvd
DevNet Resident
Posts: 1027
Joined: Thu Mar 10, 2005 5:27 pm
Location: Southern Ontario
Contact:

Post by nickvd »

Daedalus- wrote:I'm using Firefox 2 on Ubuntu with some Gnome theme and for a reason unknown to me the background-color for your <body> is the window background color for this theme. I don't have this problem on websites who set their body's background-color. It could be only me because I am a linux noob.
No, you're 100% right, I've noticed it all the time in my browsing (and designing), I just set a user default of white...
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

nickvd wrote:
Daedalus- wrote:I'm using Firefox 2 on Ubuntu with some Gnome theme and for a reason unknown to me the background-color for your <body> is the window background color for this theme. I don't have this problem on websites who set their body's background-color. It could be only me because I am a linux noob.
No, you're 100% right, I've noticed it all the time in my browsing (and designing), I just set a user default of white...
good, i didn't think i was the only one i thought it could be a bug with firefox but whatever, i found the option to turn off using system colors i had overlooked it before
User avatar
RobertGonzalez
Site Administrator
Posts: 14293
Joined: Tue Sep 09, 2003 6:04 pm
Location: Fremont, CA, USA

Post by RobertGonzalez »

That may mean you should set the background-color of that element.
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

Post by superdezign »

Sure. The designer's looking to change the layout anyway, and it's coming alright. A bit more content-friendly, and its flashier.
shwanky
Forum Commoner
Posts: 45
Joined: Thu Feb 15, 2007 1:21 am

Post by shwanky »

You know you can cut some of those divs out don't yah ;). For instance with that logo, rather than placing the logo within an anchor and nesting that within a div, simple get rid of the div and use the anchor. Set anchor to display:block; and whalla a <span style='color:blue' title='I&#39;m naughty, are you naughty?'>smurf</span> div. Alot of people are starting to use CSS which is awesome, but basically there usign divs as they were <tr>s or <td>s.
shwanky
Forum Commoner
Posts: 45
Joined: Thu Feb 15, 2007 1:21 am

Post by shwanky »

smurf div? make-shift? how? >.> never mind...
User avatar
superdezign
DevNet Master
Posts: 4135
Joined: Sat Jan 20, 2007 11:06 pm

Post by superdezign »

Actually, that's what I've been doing recently. I got bored and actually paid attention to the differences between block and inline elements, and on other sites I've been designing, I've been creating blocks out of spans, anchors, and such when appropriate. I like my code to be readable and seem a bit like human language. For example, I'll have a class to style text fields, but if I want a text field to be half the size of all the rest, instead of making a brand new class, I make a class that's named "halfsized" so it would be <input class="halfsized input" />.

I'm really beginning to appreciate the power of CSS and am proudly teaching myself intelligent methods of dealing with IE without hacks. :D
shwanky
Forum Commoner
Posts: 45
Joined: Thu Feb 15, 2007 1:21 am

Post by shwanky »

superdezign wrote:Actually, that's what I've been doing recently. I got bored and actually paid attention to the differences between block and inline elements, and on other sites I've been designing, I've been creating blocks out of spans, anchors, and such when appropriate. I like my code to be readable and seem a bit like human language. For example, I'll have a class to style text fields, but if I want a text field to be half the size of all the rest, instead of making a brand new class, I make a class that's named "halfsized" so it would be <input class="halfsized input" />.

I'm really beginning to appreciate the power of CSS and am proudly teaching myself intelligent methods of dealing with IE without hacks. :D
CSS is pretty saucy. The only thing more fun than CSS is actionscript ^.^
Post Reply