This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > December 2005 > Need Help on Hyperlink





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Need Help on Hyperlink
ali-hussaini

2005-12-30, 6:22 pm

on the navigation bar of my site i dont know how to not show the underline, line when mouse over on a link or when visiting a link does anyone know what to do plz
Murray *TMM*

2005-12-30, 6:26 pm

Pseudo-classes and container styles are what you need - here are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutoria...asses/index.htm

--
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
==================


"ali-hussaini" <webforumsuser@macromedia.com> wrote in message
news:dp38v3$d98$1@forums.macromedia.com...
> on the navigation bar of my site i dont know how to not show the
> underline, line when mouse over on a link or when visiting a link does
> anyone know what to do plz



bubba11

2005-12-30, 6:29 pm

You need to set your CSS styles for a Visited link and a Hover (when the mouse
is over the link). Here's a sample:

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #006800;
text-decoration: none;
font-weight: normal;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #006800;
text-decoration: none;
font-weight: normal;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFFFFF;
text-decoration: none;
background-color: #006800;
font-weight: normal;
}

The text-decoration: none; gets rid of the underline.

Murray *TMM*

2005-12-30, 6:29 pm

Don't use points on the web.

--
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
==================


"bubba11" <webforumsuser@macromedia.com> wrote in message
news:dp3tii$993$1@forums.macromedia.com...
> You need to set your CSS styles for a Visited link and a Hover (when the
> mouse
> is over the link). Here's a sample:
>
> a:link {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10pt;
> color: #006800;
> text-decoration: none;
> font-weight: normal;
> }
>
> a:visited {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10pt;
> color: #006800;
> text-decoration: none;
> font-weight: normal;
> }
>
> a:hover {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 10pt;
> color: #FFFFFF;
> text-decoration: none;
> background-color: #006800;
> font-weight: normal;
> }
>
> The text-decoration: none; gets rid of the underline.
>



Michael Fesser

2005-12-30, 6:29 pm

..oO(Murray *TMM*)

>Don't use points on the web.


Yep, and don't define the same rules over and over again (the font stuff
in this case). That's _not_ necessary. The following

a {color: #006800; text-decoration: none}
a:hover {color: #FFF; background: #006800}

does the same, if the font-family etc. are declared for a parent element
(usually 'body').

Micha
Gary White

2005-12-30, 6:29 pm

On Fri, 30 Dec 2005 19:38:09 +0100, Michael Fesser <netizen@gmx.de>
wrote:

>does the same, if the font-family etc. are declared for a parent element
>(usually 'body').



Assuming the browser is not rendering in quirks mode, where inheritance
is broken.

Gary
Michael Fesser

2005-12-30, 6:29 pm

..oO(Gary White)

>On Fri, 30 Dec 2005 19:38:09 +0100, Michael Fesser <netizen@gmx.de>
>wrote:
>
>
>Assuming the browser is not rendering in quirks mode, where inheritance
>is broken.


Somewhat, but not totally. Table cells might be an issue.

Micha
Gary White

2005-12-30, 10:24 pm

On Fri, 30 Dec 2005 22:28:13 +0100, Michael Fesser <netizen@gmx.de>
wrote:

>Somewhat, but not totally. Table cells might be an issue.


Exactly. Use a proper doctype and valid code, and it will all work just
fine.

Gary
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews