[FX.php List] [off] simple CSS question
Andy Gaunt
andy at fmpug.com
Thu Jun 27 13:22:26 MDT 2013
Bob,
Looks good from here. Did you place the new code below your standard in your CSS?
If not your standard may overwrite it.
Let me know
- Andy
On Jun 27, 2013, at 2:55 PM, Bob Patin <bob at patin.com> wrote:
> Andy,
>
> When I try it I'm not seeing what I expect, but rather the default; in my <a> link I put this:
>
> <a class="secondary_style" href="link.php">HYPERLINK</a>
>
> Is that how I should call it?
>
> Thanks,
>
> Bob
>
>
>
> On Jun 27, 2013, at 1:48 PM, Andy Gaunt <andy at fmpug.com> wrote:
>
>> Bob,
>>
>> If you apply a class to the link then it will use that style because it has more weight in the CSS than just your regular link styling.
>>
>> e.g.
>>
>> a:link {
>> color:#FFFFFF;
>> text-decoration: none;
>> font-weight: bold;
>> cursor:pointer;
>> }
>> a:visited {
>> text-decoration: none;
>> color: #FFFFFF;
>> font-weight: bold;
>> }
>> a:hover {
>> text-decoration: underline;
>> color:#00FF00;
>> font-weight: bold;
>> cursor:pointer;
>> }
>> a:active {
>> text-decoration: none;
>> color: #FF0000;
>> font-weight: bold;
>> }
>>
>> New class for alternate links.
>>
>> a.secondary_style:link {
>> color:#DDD;
>> text-decoration: none;
>> font-weight: bold;
>> cursor:pointer;
>> }
>> a.secondary_style:visited {
>> color: #EEE;
>> }
>> a.secondary_style:hover {
>> color:#FFF;
>> }
>> a.secondary_style:active {
>> color: #DDD;
>> }
>>
>>
>>
>> Cheers
>>
>> - Andy
>>
>> On Jun 27, 2013, at 2:39 PM, Roger Moffat <rogerkiwi at mac.com> wrote:
>>
>>>
>>> On Jun 27, 2013, at 2:14 PM, Bob Patin wrote:
>>>
>>>> Solved... I just wrapped the link in a SPAN tag.
>>>>
>>>> Is there a way to do it in the stylesheet instead? In other words, could I have a separate of link definitions that I could invoke on desired links?
>>>
>>> If on that one page you can call another stylesheet after the first one, then you can put the differences in to a second stylesheet, and only that page would call it.
>>>
>>> Roger_______________________________________________
>>> FX.php_List mailing list
>>> FX.php_List at mail.iviking.org
>>> http://www.iviking.org/mailman/listinfo/fx.php_list
>>
>> _______________________________________________
>> FX.php_List mailing list
>> FX.php_List at mail.iviking.org
>> http://www.iviking.org/mailman/listinfo/fx.php_list
>
> _______________________________________________
> FX.php_List mailing list
> FX.php_List at mail.iviking.org
> http://www.iviking.org/mailman/listinfo/fx.php_list
More information about the FX.php_List
mailing list