Hello fellow CSSrs,
Would greatly appreciate your feedback on my latest creation:
Thanks Guys
I like it a lot - design and
I like it a lot - design and style is good and very user-friendly, easy to find information. Everything validates, I can take of stylesheet and images and it all makes sense. I can even increase the text size many times - excellent.
Problems.... I'm guessing that you haven't tested in IE6 because the site breaks (very badly), more seriously the navigation stops working. Also, what about adding a 'print.css'.
Looks excellent in FF though.
IE6 indeed causing probs
I am currently working on trying to fix the IE6 bug but I am struggling!!
I am using a conditional statement in the html but I can't seem to get it working, any ideas anyone?
Here is my CSS for the navigation (which works in IE7 and FF):
/*--------------- Main Navigation --*/
#nav ul {
margin: 0px;
padding: 1px 0px 0px 30px;
list-style: none;
}
#nav li {
float: left;
position: relative;
}
#nav a:link, #nav a:visited {
display: block;
font-size: .7em;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
line-height: 34px;
height: 34px;
padding: 0px 12px;
}
#nav a:hover {
color: #d1c796;
background-color: #5d6169;
}
/*--------------- Drop-down menu --*/
#nav li ul {
position: absolute;
display: none;
left: 0px;
top: 34px;
padding: 1px 0px 0px 0px ;
}
#nav ul li:hover ul {
display: block;
width: 650px;
}
#nav ul li ul li a:link, #nav ul li ul li a:visited {
color:#b39258;
padding: 0px 9px;
font-size: .65em;
}
#nav ul li ul li a:hover {
background-color: #834641;
}
Have a look
Have a look there
http://www.positioniseverything.net/articles/multiIE.html
Waiting for an answer in one forum rather than asking the same question in other forums simultaneously is considered as good practice.
Good Graphics
Great graphic design you have going there. I like the way the images seem to leap out of the page. The colours are fine also.
I think you should give the mouseover menu items more contrast though, they're very hard to read. And when I resize the text, things go out of place-- as far as the navigation is concerned. And that is only one increase in Firefox.
The risk assessment e-mail submission box can use a label also.
Again, very good graphics and overall look! Cheers!
Arielle
I like the design
I like the design and I checked it in Safari and Firefox on my mac and it works well. The only thing I saw off the bat is pretty inconsequential. In Safari the tops of your letters in the #masthead links are cut off, but still readable. Good luck, I like the site.
Check your style sheet
im looking at this site on my laptop which i have left the IE 6 on and this site is totaly messed right up
The menus are all sticking out the left side of the main area and the text is also floating to the left
lots more to say but ill see what happens first.. you may be changing stuff right nwo and thats why it looks a mess
A little thing
Thought I better post this anyway. I using Safari and although the site looks great as is, scrollbars are appearing and disappearing when hovering over your menu items.
Regards and congrats on a well looking site,
Jason
MAD
Your site gets me SO ANGRY! hehehe. Just kidding. Well done mate. Did you code it by hand?