Problem formatting hyperlinks

S

sangenuer

Let me preface this by saying I don't know HTML. I'm just using the FP
features (mostly styles) to design my web site.

But I'm trying to get FP to give me hyperlinks that look different in
a:link, a:hover and a:visited. What I want is colored plain text for a:link,
either a different colored plain text or underlined plain text for a:hover,
then back to the same as a:link for visited.

I can get FP to do some of this, i.e. the text is blue for a:link and
a:visited, but won't change color on hover. Or I can get it to change color
or underline on hover but not change back for visited. I've tried various
configurations with selecting the box for "text decoration," to no avail.

Can someone either tell me what to put in the "modify styles" box or give me
some code that I can copy to make it do this? Thanks.
 
S

Steve Easton

Make sure the styles are in the correct sequence:

a:link {
background-color: transparent;
color: #0000FF;
text-decoration: none;
}
a:visited {
background-color: transparent;
color: teal;
text-decoration: none;
}
a:active {
background-color: transparent;
color: Blue;
text-decoration: none;
}
a:hover {
background-color: transparent;
color: #FF0000;
text-decoration: underline;


Change the colors to those that you need.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 
C

Cowboy (Gregory A. Beamer) - MVP

You need to set up styles for A:link, A:hover and A:visited. In the style
sheet, no underline = text-decoration: none; Paste this into the style sheet
(or HTML head section where your <style> block is:

A
{
text-decoration: none;
}
A:link
{
color: Blue;
}
A:hover
{
color: Magenta;
text-decoration: underline;
}
A:visited
{
color: blue;
}

This will look similar, in color, to normal links. After you paste this in,
you can edit the styles to look however you desire.

Yes, this is outside of the "normal" FrontPage methodology, but I find it
easier some times to paste in some code and then use the UI tools, esp. with
older versions of FrontPage.

--
Gregory A. Beamer
MVP; MCP: +I, SE, SD, DBA

***************************
Think Outside the Box!
***************************
 
M

Murray

Actually, this is right in the UI of FP 2003 - select a link, and use FORMAT
| Style > and there the 4 pseudo-classes are, right at the top of the list.

By the way, I'd change that CSS you show to this -

A
{
text-decoration: none;
color:blue;
}
A:hover
{
color: Magenta;
text-decoration: underline;
}

Of course, that will color your named anchors, too, so you might need to
qualify it a bit.
 
M

Murray

Steve:

Minor changes (and one major omission) -

a:link, a:visited, a:hover,a:active {
background-color: transparent;
color: #0000FF;
text-decoration: none;
}

a:visited {
color: teal;
}
a:active {
color: Blue;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}
^----------------------- Don't forget this closing brace!
 
S

sangenuer

Thanks so much to all of you--it works!


Murray said:
Actually, this is right in the UI of FP 2003 - select a link, and use FORMAT
| Style > and there the 4 pseudo-classes are, right at the top of the list.

By the way, I'd change that CSS you show to this -

A
{
text-decoration: none;
color:blue;
}
A:hover
{
color: Magenta;
text-decoration: underline;
}

Of course, that will color your named anchors, too, so you might need to
qualify it a bit.
 
S

Steve Easton

;-)

I was more concerned about showing the correct order.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed..................
...............................with a computer
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top