Stylesheets - CSS issue

Author

CSS issue

ricrusso

2005-11-18, 6:31 pm

I cannot understand why I don't get the same result every time on
something simple.
I use a css page for formatting on my own site, www.ricrusso.com.
My links should be green (which they are).
However, they should also be under and overlined when hovering.
Only some links do it. I don't know why.

Here is an example:
http://www.ricrusso.com/sub/pc/pctips.htm

Most links have the under/over line but if you hover down the link
list, you will find some that don't comply. I have not added any
overriding code to cause this.
Thanks in advance,
Ric

meltedown

2005-11-18, 6:31 pm

ricrusso wrote:
> I cannot understand why I don't get the same result every time on
> something simple.
> I use a css page for formatting on my own site, www.ricrusso.com.
> My links should be green (which they are).
> However, they should also be under and overlined when hovering.
> Only some links do it. I don't know why.
>
> Here is an example:
> http://www.ricrusso.com/sub/pc/pctips.htm
>
> Most links have the under/over line but if you hover down the link
> list, you will find some that don't comply. I have not added any
> overriding code to cause this.
> Thanks in advance,
> Ric
>
Yes you have added overwriteing code that has caused this.
first you tell a:hover to have have
text-decoration: underline overline;

Then you tell a:visited to have
text-decoration: none;

The states must be defined in the correct order. Here is the order,
starting with the one you must define first:

1. link
2. visited
3. hover
4. active

Danny@Kendal

2005-11-18, 6:31 pm

"ricrusso" <tips@ricrusso.com> wrote in message
news:1132327655.901182.157200@g44g2000cwa.googlegroups.com...
>I cannot understand why I don't get the same result every time on
> something simple.
> I use a css page for formatting on my own site, www.ricrusso.com.
> My links should be green (which they are).
> However, they should also be under and overlined when hovering.
> Only some links do it. I don't know why.
>
> Here is an example:
> http://www.ricrusso.com/sub/pc/pctips.htm

Using WindowsXPpro(sp2)
IE6 - all OK
Opera - all OK
Firefox - all OK

Which links didn't work properly? Have you fixed it since posting your
message?

meltedown

2005-11-18, 6:31 pm

Danny@Kendal wrote:
> "ricrusso" <tips@ricrusso.com> wrote in message
> news:1132327655.901182.157200@g44g2000cwa.googlegroups.com...
>
>
>
> Using WindowsXPpro(sp2)
> IE6 - all OK
> Opera - all OK
> Firefox - all OK
>
> Which links didn't work properly? Have you fixed it since posting your
> message?
>
>
If you visit one of the links and then reload the page, you wil see that
the visited link does not have lines when you hover over it.

Beauregard T. Shagnasty

2005-11-18, 6:31 pm

ricrusso wrote:

> I cannot understand why I don't get the same result every time on
> something simple. I use a css page for formatting on my own site,
> www.ricrusso.com. My links should be green (which they are). However,
> they should also be under and overlined when hovering. Only some
> links do it. I don't know why.
>
> Here is an example: http://www.ricrusso.com/sub/pc/pctips.htm
>
> Most links have the under/over line but if you hover down the link
> list, you will find some that don't comply. I have not added any
> overriding code to cause this.

Las Vegas Has Animals ... link visited hover active

You have other issues as well. The red text on the aqua background is
very hard to read. The "PCTips" graphic also interferes with reading.

Aqua background? Oh wait, that's my default background because you
forgot to assign one.

<URL:http://jigsaw.w3.org/css-validator/...b/pc/pctips.htm>

Images need to have the width and height in the HTML equal the exact
size of the graphic, else there is jumping 'round when one scrolls the
page. Ex: http://www.ricrusso.com/pix/me-kids.jpg

--
-bts
-Warning: I brake for lawn deer

ricrusso

2005-11-18, 6:31 pm

Meltedown-
Thanks for the correction, I had no idea about the necessary order. I
use Dreamweaver and just did it in whatever order.
Danny@Kendal-Have not repaired anything as of yet, will try Meltedown's
suggestion this weekend.
Beauregard T. Shagnasty-
I have no idea why you feel the need for mean-spirited commentary<<Oh
wait, that's my default background because you forgot to assign one.[color=darkred]
ur browser's color or something? The text is not red (its maroon) and the background should be the image file, tiled. If you are blocking images or something, that is somehow my fault or are you referring to something else? I guess what you are trying to
say is that I should select a background color even if I use a background image, just in case? I am not a webdesigner, obviously.

Darin McGrew

2005-11-18, 6:31 pm

ricrusso <tips@ricrusso.com> wrote:
> I guess what you are trying to say is that I should select a background
> color even if I use a background image, just in case?

Yes, that's exactly it.

You don't know that the browser will download your images, including your
background images. Therefore, when you specify a background image, you
should also specify a background color that provides similar contrast for
the color(s) you've specified. The easiest way to handle this is to use the
background shorthand, specifying both a color and an image, like this:

background: white url(example.png) ;
--
Darin McGrew, mcgrew@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, darin@htmlhelp.com, http://www.HTMLHelp.com/

"It's bad luck to be superstitious."

ricrusso

2005-11-18, 6:31 pm

Awesome, I had no idea that i needed that. Thank you!

ricrusso

2005-11-18, 6:31 pm

Darin-
Impressive resume!

Arne

2005-11-18, 6:31 pm

Once upon a time *ricrusso* wrote:

> Awesome, I had no idea that i needed that. Thank you!

What was so awesome and needed by you?

How to quote from Google:
http://www.safalra.com/special/googlegroupsreply/

--
/Arne
Now ignoring all Google Groups posters who don't quote

Beauregard T. Shagnasty

2005-11-18, 6:31 pm

ricrusso wrote:

> Beauregard T. Shagnasty-
> I have no idea why you feel the need for mean-spirited commentary

Meanspirited? <lol> Welcome to Usenet! Nothing mean about it. Rather
humorous, I thought.

<<Oh
> wait, that's my default background because you forgot to assign one.

I have raisin bran every morning...
[color=darkred]
> If I was

Yes, I have my browser's default background color set to aqua, for the
prime reason to be able to see when an author forgets to assign one. Do
realize that not everyone likes to look at a bright white window.
[color=darkred]
> The text is not red (its maroon)

Oh, sorry. Was hard to tell the difference on the aqua. You should
consider black text on a light background for the regular content.
Red-green colorblind people may not even see maroon. I forget the exact
numbers, maybe its 10% or more, of males are colorblind, with red-green
being the most common.

Lots of people on slow dialup accounts disable the loading of images so
it doesn't take forever to get to a page. Not everyone is on broadband
yet (and probably never will be). Also, many background images make the
text very difficult to read.

You should check with images (and color) off as well, to make sure your
page doesn't fail in its presentation. You can do that easily in Firefox
or Mozilla with the PrefBar.
http://prefbar.mozdev.org/
Here's a picture with it installed in Firefox.
http://k75s.home.att.net/images/prefbar.png
[color=darkred]
> or are you referring

Yes, and it should be either something close to the major color of your
background image, or an off-white. I like:
background-color: #dfdfdf;
[color=darkred]
> I am not a webdesigner, obviously.

Hang around these groups, and soon you may be. You want to be interested
in Usability and Accessibility.

--
-bts
-Warning: I brake for lawn deer

Tony

2005-11-18, 10:34 pm

>I have no idea why you feel the need for mean-spirited commentary<<Oh
>wait, that's my default background because you forgot to assign one.

Actually, I'd say he was rather decent, compared to some of the
comments I've seen.

Get rid of the background - it makes the text almost impossible to
read. That would be a start, at least.

The "reason", BTW, is because so many people think that just because
they can throw a page together in FrontPage or DreamWeaver that
suddenly makes them a web designer. They don't realize there is a lot
more to good design than just being able to put text and images on a
page. These people inevitably have problems of one sort or another, and
come here for help. And when the people here point out fundamental
problems with the design - problems that make it difficult to help
troubleshoot the issue at hand - many of these "wannabe" web designers
become defensive or belligerent.

Most of these eventually conclude that they know what they're doing,
and that we're a bunch of assholes who just don't want the competition.
They eventually leave.

A small handful actually take the time to learn something, and begin
the long journey to becoming a GOOD web designer. They tend to stick
around. And get better.

BTS was actually quite decent and lightly humorous in his comment,
while making a point. A great many others would have been far less
kind.

As to the actual topic - it seems that you got a good answer to that.
I'm hoping that you turn out to be one of the second group. But if you
plan to stick around, you need to grow a much thicker skin.

And a really warped sense of humor. :)

Beauregard T. Shagnasty

2005-11-18, 10:34 pm

Tony wrote:

> And a really warped sense of humor. :)

Absolutely! I just had another bowl of bran flakes to stay in shape.

--
-bts
-Insert humorous line here