Hi Josh,
I appreciate your input, and I concur with some of your points, and will apply
the changes
accordingly. However, I think using <strong> to emphasize the author of the
testimonial is
perfectly acceptable. To create a rule and use <span> tag is overkill.
Additionally, the image is
to provide a soft visual touch, I realize the importance of clean, well-written
code and content,
but the Internet is also a visual medium.
I don't agree that every horizontal navbar should be in a list especially since
display:inline
isn't supported in IE5, but that's a personal preference.
Again, I thank you for your advice, and as always I continue to learn more
about standards design
by being a part of this list!
Respectfully yours,
Mario
> Okay, most of the points I made still apply. 1) is out, because you've
> ditched the JS menu. 2,
> 3, 4, 5 (less now) and 7 still apply. You've got images where you could be
> using background
> images in a H4 for the
> special offers section, and I'd lean towards doing part of your
> testimonial bit differently. Perhaps:
>
> <p class="testimonialname"><span>Joe Coyle,</span> President</p> and add the
> rule
> .testimonialname span {font-weight:bold}
> to your CSS, instead of
> <p><img src="Images/Icons/comment.gif" width="16" height="16"
> alt="Client Testimonial" /><strong>Joe Coyle,</strong> President</p>
>
> ...because the name isn't really emphasised (which is what the strong tag
> means), only styled
> differently, and the image has no semantic weight (you've already said
> "Client testimonial" in
> the H2 immediately above).
>
> Text resizing isn't so bad, if you're prepared to accept your nav bar
> breaking so quickly (it
> only scales one step up in Firefox here).
>
> Only other suggestion I've got is to perhaps stick the "Plans starting at
> $24.95/month" server
> graphic as part of a link background, instead of just as an image... and, if
> you _do_ want to
> retain the image, change the alt text to something more meaningful than "web
> servers" -- "Plans
> starting at $24.95/month" would do nicely.
>
> Regards,
>
> Josh
>
> On Sun, 2005-10-02 at 00:21 -0500, [EMAIL PROTECTED] wrote:
>> Josh,
>>
>> My sincere apologies!!
>>
>> I failed to provide the URL to the development environment for the redesign:
>>
>> http://www.webnetdesignstudios.com/index1.htm
>>
>> This is my current site, and one of the reasons I've decided to implement a
>> re-design.
>>
>> Sorry for the miscommunication.
>>
>> Kind regards,
>> Mario
>>
>>
>>
>> > A few suggestions, in order of markup.
>> >
>> > 1) The JS menus are okay, if everything listed in them is accessible some
>> > other way.
>> >
>> > 2) Your non-JavaScript link list (topnavbar) should be a list. And the
>> > bullet images would
>> be better as background images or
>> > list-style-image's.
>> >
>> > 3) Instead of having an image for your header, consider having a H1 that
>> > says "WebNet Design
>> Studios: A Progressive Web Design and Development Group" and use an
>> image-replacement
>> technique. As the page title, this should carry greater semantic weight than
>> it does at
>> present, which is why I'd lean towards a H1 rather than a semantically
>> neutral <div> with an
>> <img> inside.
>> >
>> > 4) If you change that to be a H1, then (this one is open to conjecture) I
>> > think all the
>> other H1s on your page should become H2, etc.
>> >
>> > 5) Currently, your H1s have images inside them. Setting padding-left and a
>> > background-image
>> would be a better alternative here. Use id or class to differentiate the
>> images between
>> headers, if this is what you need (at the minute, it looks like that's what
>> your design aims
>> for).
>> >
>> > 6) You have a table that's semantically inappropriate under the Consumer
>> > Shop heading
>> (summary="Consumer Shop" id="table") -- these links should, again, be an
>> unordered list. To
>> make them use the space more
>> > effectively, you can float them to make their appearance emulate a table.
>> > With fluid
>> layouts, this has the added benefit of making
>> > "columns" appear to appear and disappear as the layout scales -- though
>> > this isn't a concern
>> here. You can also set a background image for list items instead of
>> including the <img> tag
>> at the start of each.
>> >
>> > 7) Finally, your footer should also be a list. I would use an image
>> > replacement technique
>> here again, possibly putting your copyright
>> > statement in a separate list to enable correct positioning (if you need
>> > to... it's possible
>> not to, but might be easier that way).
>> >
>> >
>> >
>> > AND -- this one is important -- text resizing (up) breaks immediately
>> > because you've set the
>> heights of #integration, #consumer, #special, #starter, #site and #quote in
>> pixels.
>> Unsetting all of these doesn't particularly break anything, though when
>> resizing the length
>> of the columns relative to one another does fluctuate somewhat (I'm only
>> > testing in Firefox, here). You can fix this by putting your #clear div
>> > INSIDE the #wrapper
>> div, so that #wrapper extends as far as it has to, continuing the white
>> background all the
>> way down (I think... I've never been completely on top of that whole
>> clearing thing, so I'm
>> not 100% sure that'll work... the theory runs something like that, though.
>> Play around.)
>> >
>> >
>> > HTH,
>> >
>> > Josh
>> >
>> > Kind Regards,
>> > Joshua Street
>> >
>> > base10solutions
>> > Website:
>> > http://www.base10solutions.com.au/
>> > Phone: (02) 9898-0060 Fax: (02)
>> > 8572-6021
>> > Mobile: 0425 808 469
>> >
>> > Multimedia Development Agency
>> >
>> >
>> > ________________________________________________________________________
>> > E-mails and any
>> attachments sent from base10solutions are to be regarded as confidential.
>> Please do not
>> distribute or publish any of the contents of this e-mail without the
>> sender̢۪s
>> consent. If you
>> > have received this e-mail in error, please notify the sender by replying
>> > to the e-mail, and
>> then delete the message without making copies or using it in any way.
>> >
>> > Although base10solutions takes precautions to ensure that e-mail sent from
>> > our accounts are
>> free of viruses, we encourage recipients to
>> > undertake their own virus scan on each e-mail before opening, as
>> > base10solutions accepts no
>> responsibility for loss or damage caused by the contents of this e-mail.
>> >
>> > ________________________________________________________________________
>> ******************************************************
>> > The discussion list for http://webstandardsgroup.org/
>> >
>> > See http://webstandardsgroup.org/mail/guidelines.cfm
>> > for some hints on posting to the list & getting help
>> > ******************************************************
>>
>>
>>
>> ******************************************************
>> The discussion list for http://webstandardsgroup.org/
>>
>> See http://webstandardsgroup.org/mail/guidelines.cfm
>> for some hints on posting to the list & getting help
>> ******************************************************
>
> ******************************************************
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
