Problem formatting hyperlinks

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.

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

"sangenuer" <sangenuer@discussions.microsoft.com> wrote in message
news:A7B85100-0CCF-4666-B5A9-25CCA798CEF4@microsoft.com...
> 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.
>
>
>
>

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!
***************************


"sangenuer" wrote:

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

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.

--
Murray
============

"Cowboy (Gregory A. Beamer) - MVP" <NoSpamMgbworld@comcast.netNoSpamM> wrote
in message news:469592C9-923F-4570-B30E-B2A1DCE9D2C5@microsoft.com...
> 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!
> ***************************
>
>
> "sangenuer" wrote:
>
>> 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.
>>
>>
>>
>>

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!


--
Murray
============

"Steve Easton" <admin@95isalive.com> wrote in message
news:%23S6w9RsuFHA.2948@TK2MSFTNGP15.phx.gbl...
> 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
>
> "sangenuer" <sangenuer@discussions.microsoft.com> wrote in message
> news:A7B85100-0CCF-4666-B5A9-25CCA798CEF4@microsoft.com...
>> 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.
>>
>>
>>
>>
>
>

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


"Murray" wrote:

> 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.
>
> --
> Murray
> ============
>
> "Cowboy (Gregory A. Beamer) - MVP" <NoSpamMgbworld@comcast.netNoSpamM> wrote
> in message news:469592C9-923F-4570-B30E-B2A1DCE9D2C5@microsoft.com...
> > 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!
> > ***************************
> >
> >
> > "sangenuer" wrote:
> >
> >> 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.
> >>
> >>
> >>
> >>
>
>
>

;-)

I was more concerned about showing the correct order.

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

"Murray" <forums@HAHAgreat-web-sights.com> wrote in message
news:OA9F7fsuFHA.1560@TK2MSFTNGP09.phx.gbl...
> 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!
>
>
> --
> Murray
> ============
>
> "Steve Easton" <admin@95isalive.com> wrote in message
> news:%23S6w9RsuFHA.2948@TK2MSFTNGP15.phx.gbl...
> > 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
> >
> > "sangenuer" <sangenuer@discussions.microsoft.com> wrote in message
> > news:A7B85100-0CCF-4666-B5A9-25CCA798CEF4@microsoft.com...
> >> 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.
> >>
> >>
> >>
> >>
> >
> >
>
>

You did a really good job with that! 8)

--
Murray
============

"Steve Easton" <admin@95isalive.com> wrote in message
news:OL77zbtuFHA.2512@TK2MSFTNGP10.phx.gbl...
> ;-)
>
> I was more concerned about showing the correct order.
>
> --
> Steve Easton
> Microsoft MVP FrontPage
> 95isalive
> This site is best viewed..................
> ..............................with a computer
>
> "Murray" <forums@HAHAgreat-web-sights.com> wrote in message
> news:OA9F7fsuFHA.1560@TK2MSFTNGP09.phx.gbl...
>> 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!
>>
>>
>> --
>> Murray
>> ============
>>
>> "Steve Easton" <admin@95isalive.com> wrote in message
>> news:%23S6w9RsuFHA.2948@TK2MSFTNGP15.phx.gbl...
>> > 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
>> >
>> > "sangenuer" <sangenuer@discussions.microsoft.com> wrote in message
>> > news:A7B85100-0CCF-4666-B5A9-25CCA798CEF4@microsoft.com...
>> >> 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.
>> >>
>> >>
>> >>
>> >>
>> >
>> >
>>
>>
>
>