CSS in safari

i have used css to create a menu when uploaded it works perfectly in IE but not
in Safari or firefox. my website is www.covergent.co.uk.
someone please help ive validated the css and html but still it doesnt work.

Here are some suggestions -

1. Add a background color to the page - you have not and in FF, I can see
my default Hot Pink background color.

2. Make this -


..a2 a:link {
height: 19px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
background-color: #336699;
border: 1px solid #FFFFFF;
vertical-align: middle;
background-position: center center;
text-align: center;
}

..a2 a:visited {
height: 19px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
background-color: #336699;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

..a2 a:hover {
height: 19px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
background-color: #93E7DC;
border: 1px solid #FFFFFF;
color: #000000;
}

..a2 a:active {
height: 19px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none; background-color: 93e7dc;
border: 1px solid #FFFFFF;
color: #000000;
}like this -

..a2 a {
height: 19px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
background-color: #336699;
border: 1px solid #FFFFFF;
vertical-align: middle;
text-align: center;
display:block
}

..a2 a:hover, .a2 a:active {
background-color: #93E7DC;
color: #000000;
}

and I think you will be fixed (note the "display:block" I added to the <a>
definition).


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"vic-e" <webforumsuser (AT) macromedia (DOT) com> wrote

i have used css to create a menu when uploaded it works perfectly in IE but
not
in Safari or firefox. my website is www.covergent.co.uk.
someone please help ive validated the css and html but still it doesnt
work.

Thanks that worked great apart from the visited link still does the same.

What is it doing?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"vic-e" <webforumsuser (AT) macromedia (DOT) com> wrote

Thanks that worked great apart from the visited link still does the same.

the background colour for the links has filled the cell and looks great but
when you click on the link safari does its old trick of colouring just the
text, like before.

i hope this makes sense im not very good at explaining myself, sorry.

Why are you claoking the URL by using frames?

Your text spacing within those text areas is mighty tight with the margins.

The reason you are seeing what you are is that you have changed the classing
for the selected button to one that does not contain the display:block.


<td align="center" valign="middle" class="null">.null a:link { font-family:
Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
text-decoration: none; background-color: #93e7dc; height: 19px; width:
150px; border: 1px solid #FFFFFF; cursor: text;}
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"vic-e" <webforumsuser (AT) macromedia (DOT) com> wrote

the background colour for the links has filled the cell and looks great
but
when you click on the link safari does its old trick of colouring just the
text, like before.

i hope this makes sense im not very good at explaining myself, sorry.

I really appreciate all this help you are giving me but i will say one thing,
im a designer not a coder and thats why i bought Dreamweaver.

So what do i do with that code? where does it go?

'Why are you claoking the URL by using frames?' i dont know. what does that
even mean?

Design and coding go hand in hand. You won't get very far without knowing
basic html.
Grab yourself a good book or tutorial and starting learning :-)

References:
David MacFarlanes DWMX2004 - there is a a DWMX version also.
http://tinyurl.com/63oj2

For css - books by Eric Meyer
http://tinyurl.com/3rw6z

Also do a google - lots of good tutorials out there as well - especially
when it comes to using css.

References:
http://www.w3schools.com/
http://www.mako4css.com <--- good for beginners
http://www.macromedia.com/devnet/mx/dreamweaver/css.html


--
Nadia
--------------------------------------------
Free Templates | Free Nav Bar Sets
http://www.DreamweaverResources.com
Dropdown/Flyout Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles |Tutorials
---------------------------------------------
Team MM Volunteer for Dreamweaver
www.macromedia.com/go/team
MM Dreamweaver Tutorials |
http://macromedia.com/devnet/mx/dreamweaver/
---------------------------------------------
Email: nperre at gmail dot com
---------------------------------------------
"vic-e" <webforumsuser (AT) macromedia (DOT) com> wrote

I really appreciate all this help you are giving me but i will say one
thing,
im a designer not a coder and thats why i bought Dreamweaver.

So what do i do with that code? where does it go?

'Why are you claoking the URL by using frames?' i dont know. what does
that
even mean?

ok i will, thanks. but please what do i do with this:
<td align="center" valign="middle" class="null">.null a:link { font-family:
Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
text-decoration: none; background-color: #93e7dc; height: 19px; width:
150px; border: 1px solid #FFFFFF; cursor: text;}

I was not suggesting you do anything with that code. I put it there to show
you why the button is not styling properly.

On the intertior pages you assign the down button's container a class of
"null" yet your .null pseudo-class rule does not contain the display:block
style that makes the buttons work properly on the home page. Just add that
style to the null pseudo-class definition....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"vic-e" <webforumsuser (AT) macromedia (DOT) com> wrote

ok i will, thanks. but please what do i do with this:
td align="center" valign="middle" class="null">.null a:link {
font-family:
Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
text-decoration: none; background-color: #93e7dc; height: 19px; width:
150px; border: 1px solid #FFFFFF; cursor: text;}