10 replies [Last post]
jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 8 years 27 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

here you go. i have at least one major problem in this design layout-- the space between the end of the left column div #leftcol and the footer div, #footer. aside from that, i'm satisfied with this as a first draft for your review.

i tried the faux column fix to solve the leftcol / footer problem here on my test sub-domain, but i don't like the way the footer looks on the index.htm page, and the nav "buttons" <ul> container "stick out" to the left in Firefox (on the index page only, it seems), and that design looks even more diminished as presented in Opera.

the site at the root URL (the one w/out the faux-colum fix) checks out at the w3 CSS and XHTML validator (always a good feeling!)-- however, i have a question about that.

i had to change on of my pages which had off-site links from strick to transitional doctype. this is because i'm using <a href...target="_blank"...>. it doesn't validate as strict w/ that attribute, and the validator suggests changing the doctype, so i did, and now it's checking out okay. is this the best practice, or is it considered "better" if i remove the attribute (which serves the purpose of opening a new browser window fo display of the off-site URLs). i also had a problem w/ my <form> on contact.php -- if i recall correctly, it was an unclosed <p> in the form markup. but, if you have the extra moment, please take a look at that form to see if it looks okay to you. (the <form> itself is being printed by php, so what you see is different from the actual code behind the page).

i also welcome your feedback about the general design. what do you think of my choice of colors? the sans-serif vs serif for the headings, the colors on the little underline border-bottoms which i've become fond of using (as you may have noticed). anything that you wish to hack up, please feel free-- after all, this is supposed to be the face of my design services, so it should be a good design itself. i expect that i'll do many revisions, but this is where i've stopped for now-- it looks basically how i set out to make it look, but i'm not real happy w/ the final outcome, although i don't think it's too terribly bad-- it can get better.

thanks!

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 11 years 39 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

My Latest: a site promoting my web services

#pagewidth{ 
 background-color: #000;
 width:85%; 
 text-align: left; 
 margin-left: auto; 
 margin-right: auto; 
} 

This is my big chance . . . yep, I blew it . . .

dkintheuk
Offline
Regular
Reading, UK
Last seen: 13 years 47 weeks ago
Reading, UK
Joined: 2005-08-01
Posts: 26
Points: 0

My Latest: a site promoting my web services

Personal hate... dark blue text on a black background.

But that's just me...

also in IE, the left nav is dropped below the body...

also, you don't need a spam trap on the email of a business... just put it up there and learn to use your junk mail filters effectively.

also, in your portfolio you have a broken image for the second thumbnail...

also turn off borders to your thumbnails as they get that horrible (IMO) blue border again looking very wierd on black...

are you really gonna make people contact you by web form only??? where is your phone number etc...

Just my two pennies worth...

And lots and lots of dots...

Lorraine
Lorraine's picture
Offline
Elder
UK
Last seen: 14 years 10 weeks ago
UK
Timezone: GMT+1
Joined: 2005-01-04
Posts: 1001
Points: 0

My Latest: a site promoting my web services

Needs proof-reading:
1) Services spelt wrong on the navigation.
2) A Design Interactive is a young but growning company. :-#
I gave up there, but did notice the Acoustic Dudes picture is missing on the portfolio page.

The blue (in-page) link text against the black background does not meet color contrast guidelines. Also the "dots" are not particularly friendly to screen-reader users who have to listen to the page.

Some pages use the trendy(?) lower case character to start sentences and others use the old-fashioned (correct?) upper case construct. I should have thought you'd be better placed to stick with one or the other.

Not quite enough width in IE6/Win at 800x600 as, on my kit, the navigation drops below the content div.
Black and dark blue colour schemes are not at all easy to pull off - consider trying to separate the two colours a bit or make the body background a gradient rather than a flat colour.

larmyia
Offline
Elder
London
Last seen: 12 years 6 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

My Latest: a site promoting my web services

a couple of other things to consider...

*no link back to index page on logo
*sometimes you change the colour of the design interactive (index), but elsewhere it's just plain txt. one or the other I'd say.
*not convinced about the whole "." idea. it looks like you put them in accidentily
*I'd agree you need to add some more contact info.
*you really need to sort out the faux column issue. It looks really unprofessional
*I personally think the white on black is very harsh on the eyes

hth

larmyia

jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 8 years 27 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

My Latest: a site promoting my web services

dkintheuk wrote:

also turn off borders to your thumbnails as they get that horrible (IMO) blue border again looking very wierd on black..
yeah, i agree... how do i do that?

Re: web form vs telephone - i don't have a phone at present. although i know the number of my order, i don't want to put it on there until it's a done deal... maybe i should though just for a more complete look.

as this is a draft for your review, i do expect that it will undergo several revisions-- for instance, the e-mail address thing-- that's the first i ever did that on one of my own sites. i really didn't know what to do there... i haven't even used the e-mail for this domain, which i very well can do if i wish. that will probably be my preferred option. that, in and of itself, will in a way be a filter as i already have my other accounts established. plus, i am a long-time user of MailWasher Pro for POP accounts, so i'll get that covered.

Lorraine wrote:
... or make the body background a gradient rather than a flat colour.

that's a great idea! thanks. yeah, i realize the dark on dark is a hard one. i'm not particularly pleased w/ my decision to go that route. in poor practice, i kind of built the color scheme around the logo, instead of vice versa (i mean, i came up w/ the logo before anything else, although i knew i needed to do the site...)

larmyia
Offline
Elder
London
Last seen: 12 years 6 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

My Latest: a site promoting my web services

jsabarese wrote:
dkintheuk wrote:

also turn off borders to your thumbnails as they get that horrible (IMO) blue border again looking very wierd on black..
yeah, i agree... how do i do that?

img {border: none;}

larmyia

jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 8 years 27 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

My Latest: a site promoting my web services

larmyia wrote:

*sometimes you change the colour of the design interactive (index), but elsewhere it's just plain txt.

i think i know what you mean here... if you mean my silly use of trying to emulate the logo in the text, yes, i agree it does not look professional-- i don't know why i published it... again, really just my pull no punches approach to letting y'all bash me. Smile
seriously though, i learn that way 'cause i don't forget. best i just drop my knickers and say "okay! what a ya think!" hee hee. with all due respect, please take it lightly, folks.

also, regarding the use of upper and lower case letters. i've noted your suggestion, however, if you take note, i've used the lowercase in the <h1> etc tags only, except of course in the name, which i am trying to establish as it is "lower case". different things i'm playing with here, but i'll keep your suggestion close in mind.
EDIT: yikes! i see what you mean. i didn't mean to be that inconsistent. the regular text is supposed to have normal, proper use of upper case letters.

larmyia wrote:
*not convinced about the whole "." idea. it looks like you put them in accidentily

i also agree, but until i hear some feedback from a non-graphic / web designer on that one, i'm gonna let it slide for a while. Shock
it will likely go.

and, Larmyia, THANK you for the img {border: none} bit, it looks SOO much better. i found that the w3 images had that too, and the top one, the XHTML image even seemed to have a padding issue, so the border was extended beyond. the bottom, css logo however, did not have the border-- so i thought... "what the...", i examined the code, and found they have inserted a style attribute on the CSS image. i copied it into the upper image and all is well. worth a look if you like trivia.

oh, hey... i'm surprised that no one has mentioned yet, on this or any of my recent submissions, my use of the background color for <input, textarea>. it's also becomming a "bad habit", i think-- i'm finding that i'm starting to fall back on things that i think have "worked" in other places, on other sites. not a good practice, and sheer laziness meets hastiness, i suppose. i'm looking for ideas. too much application and too little reseach lately.

n8gz4ez wrote:
#pagewidth{ 
 background-color: #000;
 width:85%; 
 text-align: left; 
 margin-left: auto; 
 margin-right: auto; 
} 

n3gz4ez, i assume this is your recommendation for my leftcol fix? i have yet to check it out, but i will. THANKS! and by the way, do you care to fill us in on your UID? i've been curious, every time i type it out! Wink
it reminds me of a nickname of a friend, who signs his mails "-neidz". not sure what that means either! must be an "inner circle" thing.

oh, and any recommendations for the Opera issue?

i know some die-hard Firefox heads are gonna cringe when i say this, but i've actually been using Opera a lot lately-- i think it loads faster (at least on my system), and i like the wand for my different gmail accounts. i also like the paste and go address bar. however, there are certainly things about it that i dislike, for one the seeming lack of support for gmail features. anyone else notice, and care to comment on that? (just as a side note, please)

jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 8 years 27 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

My Latest: a site promoting my web services

neidz, what an ingenious little fix for my leftcol issue! i'll remember that one! 'course, it will only work in certain circumstances, as is the case of this design, when the maincol and left col have the same background, but it works great! woohoo! Wink

anything i can do to get that <ul> navcontainer to appear as if there is a margin-left, showing the black background, so it looks almost centered in that column? or is that a bad call?

NOTE:
i edited the post-reply above (the really long one) several times. you may want to re-read it. no matter if it's no concern. Cool

larmyia
Offline
Elder
London
Last seen: 12 years 6 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

My Latest: a site promoting my web services

jsabarese wrote:
larmyia wrote:

i know some die-hard Firefox heads are gonna cringe when i say this, but i've actually been using Opera a lot lately-- i think it loads faster (at least on my system), and i like the wand for my different gmail accounts. i also like the paste and go address bar. however, there are certainly things about it that i dislike, for one the seeming lack of support for gmail features. anyone else notice, and care to comment on that? (just as a side note, please)

can I assume you're still coding for ff??? even if you're using opera for personal use?

larmyia

jsabarese
jsabarese's picture
Offline
Enthusiast
Positively 4th Street
Last seen: 8 years 27 weeks ago
Positively 4th Street
Timezone: GMT-4
Joined: 2005-02-05
Posts: 404
Points: 7

My Latest: a site promoting my web services

oh yes. definitely. and i use FF for the "important" stuff. Opera just seems easy for flipping through pages when reading e-mail and stuff like that. actually, and i said the same thing to someone else when i posted in a different (and i must say, less preferred by me!) an issue in another CSS forum, i have my own opinion about "coding for firefox". if you care to see it i've provided the URL-- i was having trouble getting to here from work that day for whatever reason. plus, it's always nice to have more than one resource, i suppose, and also to have the satisfaction of knowing you're here because it's a good place to be. Smile

my own words:

Quote:
in my opinion, the best practice for development regarding style, which i follow to the best of my ability (and knowledge), is to code using valid XHTML, and CSS. then once the documents are finished, they should be tested for cross-browser compatibility. when an inconsistency is found in the presentation by different browsers, the code should be modified with the orginal goal in mind-- cross browser compatibility-- while the developer may be more pleased with the way one browser handles the presentation, vs the other, he or she mustn't let his or her own preference influence the design. if necessary, then two different stylesheets should be used, and selected via browser detection. IE is, afterall, the most popular browser on the planet. to develop style without giving equal consideration to all browsers doesn't really make sense.

i use HomeSite w/ the Mozilla Active X Control so i can use the Gecko browser as HS's "built-in" browser, which is really nice, in my opinion, for quick checks when changing code-- seems to speed up the process for me, plus i like the way the window is "shrunk" a bit in HS-- makes for a challenge when developing the layout (perhaps a bad way to look at it? is this method of checking layout generally considered an acceptable practivce?)

by the way, anyone who uses EditPlus, the Mozilla Active X Controll also opens the option to use the Gecko browser as EditPlus's "seamless browser" as well, which i was overjoyed about. Wink