I'm working on a new layout for my company's website- figured I'd throw it to the wolves for a critique. You can click most of the links to see the old layout and color scheme.
I know how you guys are, so here is what I am working on ->
I'm going to have a status bar with navigation, "e-mail this page" and "printer friendly" in the black bar. Working on that tommorrow. The bright blue div frame you see is just to help me with layout- it will be gone as soon as I start to deploy it across the site- that represents an 800px window. I'm going to add a gap to the bottom nav section to get it off the bottom and make the text size all the same as the 1997-2008, that was a glitch.
http://vacorp.com/common/demo.asp
The big difference between this new site and the old one is it's all ASP, so I am putting this whole template into include files, so maintenance will be a cinch- the only thing to put in the specific files will be the content, everything else will be handled by simple CSS, ASP and included files. And I am really trying to fine tune the CSS file to make it easily deployable.
Some questions that I could use some help with in regards to validation:
Bookmark Script
I've used a bookmark script for a bunch of years that was pretty clunky. It gave me all sorts of errors when I tried to validate the code under Strict XHTML
Original Script:
I found a much cleaner version that works great in all browsers, but still doesn't validate:
Call it with this:
I'm going with the new one if I can figure out how to get it to validate.. OR- if anyone has a better solution, that would be fantastic..
The next issue is:
Width in TD tags
Is that not allowed in XHTML Strict?
JScript and overall performance in Safari
My JScript is not working in Safari for the sliding left links. Not a big deal, the links and CSS still work- but still scratching my head. Also, it is taking a really long time to load. And my IMG in the SPAN (Make your Payment link) is stretching over the whole window versus the SPAN region in Safari. Any ideas?
Besides all of that, I think I am getting pretty close to working out the major bugs. It works on all different Text sizes and Zooms for the most part, and seems pretty clean. If you have any suggestions or reccomendations, please speak up.
Best Regards-
I know how you guys are, so here is what I am working on ->
I'm going to have a status bar with navigation, "e-mail this page" and "printer friendly" in the black bar. Working on that tommorrow. The bright blue div frame you see is just to help me with layout- it will be gone as soon as I start to deploy it across the site- that represents an 800px window. I'm going to add a gap to the bottom nav section to get it off the bottom and make the text size all the same as the 1997-2008, that was a glitch.
http://vacorp.com/common/demo.asp
The big difference between this new site and the old one is it's all ASP, so I am putting this whole template into include files, so maintenance will be a cinch- the only thing to put in the specific files will be the content, everything else will be handled by simple CSS, ASP and included files. And I am really trying to fine tune the CSS file to make it easily deployable.
Some questions that I could use some help with in regards to validation:
Bookmark Script
I've used a bookmark script for a bunch of years that was pretty clunky. It gave me all sorts of errors when I tried to validate the code under Strict XHTML
Original Script:
Code:
<script type="text/javascript" language="JavaScript">
var txt = "Bookmark This Site"
var url = "http://www.vacorp.com";
var who = "Vehicle Acceptance Corporation"
ar ver = navigator.appName
var num = parseInt(navigator.appVersion)
if ((ver == "Microsoft Internet Explorer")&&(num >= 4)) {
document.write('<a class="Navigation_Current" href="javascript:window.external.AddFavorite(url,who);" ');
document.write('onMouseOver=" window.status=')
document.write("txt; return true ")
document.write('"onMouseOut=" window.status=')
document.write("' '; return true ")
document.write('">'+ txt + '<' + '/a>')
}else{
txt += " (Ctrl+D)"
document.write(txt)
}
</script>
I found a much cleaner version that works great in all browsers, but still doesn't validate:
Code:
<script type="text/javascript">
function bookmark(headline,address){
if (window.sidebar)
window.sidebar.addPanel(headline, address, "");
else if(window.opera && window.print){
var elem = document.createElement('a');
elem.setAttribute('href',address);
elem.setAttribute('title',headline);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)
window.external.AddFavorite(address, headline);
}
</script>
Call it with this:
Code:
<a href="javascript:bookmark('Vehicle Acceptance Corporation', 'http://www.VACorp.com')">Bookmark This Site</a>
I'm going with the new one if I can figure out how to get it to validate.. OR- if anyone has a better solution, that would be fantastic..
The next issue is:
Width in TD tags
Is that not allowed in XHTML Strict?
Line 74, Column 42: there is no attribute "width".
<td width="100"> </td>
JScript and overall performance in Safari
My JScript is not working in Safari for the sliding left links. Not a big deal, the links and CSS still work- but still scratching my head. Also, it is taking a really long time to load. And my IMG in the SPAN (Make your Payment link) is stretching over the whole window versus the SPAN region in Safari. Any ideas?
Besides all of that, I think I am getting pretty close to working out the major bugs. It works on all different Text sizes and Zooms for the most part, and seems pretty clean. If you have any suggestions or reccomendations, please speak up.
Best Regards-