HighDots Forums  

CSS in safari

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss CSS in safari in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
vic-e
 
Posts: n/a

Default CSS in safari - 11-29-2004 , 04:48 AM






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.


Reply With Quote
  #2  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: CSS in safari - 11-29-2004 , 07:05 AM






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

Quote:
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.




Reply With Quote
  #3  
Old   
vic-e
 
Posts: n/a

Default Re: CSS in safari - 11-29-2004 , 12:35 PM



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

Reply With Quote
  #4  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: CSS in safari - 11-29-2004 , 01:32 PM



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

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



Reply With Quote
  #5  
Old   
vic-e
 
Posts: n/a

Default Re: CSS in safari - 11-30-2004 , 04:21 AM



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.


Reply With Quote
  #6  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: CSS in safari - 11-30-2004 , 07:15 AM



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

Quote:
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.




Reply With Quote
  #7  
Old   
vic-e
 
Posts: n/a

Default Re: CSS in safari - 11-30-2004 , 08:12 AM



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?




Reply With Quote
  #8  
Old   
.: Nadia :. *TMM*
 
Posts: n/a

Default Re: CSS in safari - 11-30-2004 , 08:23 AM



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

Quote:
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?






Reply With Quote
  #9  
Old   
vic-e
 
Posts: n/a

Default Re: CSS in safari - 11-30-2004 , 09:12 AM



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;}



Reply With Quote
  #10  
Old   
Murray *TMM*
 
Posts: n/a

Default Re: CSS in safari - 11-30-2004 , 10:18 AM



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

Quote:
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;}





Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.