Web Hosting Talk







View Full Version : General Html Stuff


Exbodyguard
03-22-2001, 10:15 PM
Even tho this is a Webhosting Forum ( I see lots of stuff not related) I thought I would Pose this. Its sort of a question/comment. Here goes:

Generally when I am doing a site/page up, I look at what other people are doing. My problem here is that I Hate seeing underlines in a hyperlink. I mean, to me, it looks messy or untidy. One of the greatest snippets of code i use is a "style sheet" telling the browser no text decoration.

Now using this code, It is difficult to determine (sometimes) where the links are. Can anyone come up with a suggestion that would solve this issue without "offending " my need for esthetics???

ee-o
03-22-2001, 10:24 PM
Hmm, the way I solve that problem is I just make sure that the non-underlined links are the only thing they can click on, if you keep it simple (your pages) the user will start movin thier mouse around looking for something to click on and if its text that looks like it will lead somewhere or describe something they are bound to move thier mouse over it and see if its clickable..

Lawrence
03-22-2001, 10:52 PM
I don't always use underline either - but if you don't use it, make sure you do some sort of hover effect. You can make an underline hover effect that looks pretty cool (unless you really have something against underlining :)), or do a colour change. For a colour change, it's often good to bold the links so that the colour change is more obvious. And that's another way to make links show up better - bolding them.

But whatever you do, DON'T make a hover effect that bolds or italicises a link that isn't already in that style! It makes the text on your page shift around and it looks silly!

JTY
03-22-2001, 11:32 PM
I generally make my links a different color.

Duster
03-23-2001, 02:35 AM
You can makelinks a different colors, another color still on hover, and a background color on hover. Making it bold willt move the text a bit, and can even cause some of the text to shift to the next line depending on how much space it occupies.

Here is one sample:

A:hover {color:#FFFF77;background-color:#33CC33;font-weight:bold}

Exbodyguard
03-23-2001, 07:19 PM
This is what i use:

<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
-->


And then use a rollover to bold the text or change to caps.. But i try to keep it all the same color.. Looks good but hard to find sometimes....