chrometweaks.org

What is the best iPage web hosting domain company for starting a business website?

Click Here To View All Answers...


Got a quick question: What is the best iPage web hosting domain company for starting a business website? Looking forward for any answer. 2nd question I got is.. Dr. Web was kind enough to let me copy this off his web page:.

<STYLE>.

A:link, A:active{ color:#0000FF; text-decoration:none; font-family: georgia; font-weight: bold; font-size: 12pt; }.

A:hover, A:visited{ color:#e01c02; text-decoration:none; font-family: georgia; font-weight: bold; font-size: 12pt; }.

</STYLE>.

And I've figured out pretty good how to modify this for my liking. My question is, this script, like it is, affects the whole page, how can I set this so that one cell on my page has one style of links, say no underline, and another cell the links underline while hovered?.

Again, I know how to adjust the script for one or the other on the whole page, but not 2 different styles on the same page...

Comments (9)

That's a good question. I'm not sure what is the right answer to your question. I'll do some research in Google and get back to you if I discover an anything. You should email the people at iPage as they probably can answer it..

Comment #1

I'm kinda following you but I'm not great with strait html. I copied as is in a text doc and saved as an html and got an error line 4 expected ";"..

I'm assuming the referance is between the 2 are a.menu and class="menu" ?

Comment #2

Sorry about that. You are correct in your assumption...

Comment #3

Ok, this is what I tried knowing what little I know:.

<html>.

<head>.

<SCRIPT>.

A.menu:link{ color:#999999; text-decoration:underline; font-family: georgia; font-weight: bold; font-size: 12pt; }.

A.hello:link{ color:#0000FF; text-decoration:none; font-family: georgia; font-weight: bold; font-size: 12pt; }.

</SCRIPT>.

</head>.

<body>.

<a href="hello.html" class="hello">Hello</a>.

<a href="menu.html" class="menu">Menu Option</a>.

</body>.

</html>.

And still get expect ";" on line 5 now??..

Comment #4

My bad. I accidently used <script> tags instead of <style> tags. Sorry about that. That'll fix your problems...

Comment #5

As BloodGHST already mentioned, using classes in CSS will help you to do this. I also had an example page written to show you how to change colors/ text-decoration (underline) for different links..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">.

<html>.

<head>.

<title>Untitled</title>.

<style>.

A.swiss:link {color: red; text-decoration: none;}.

A.swiss:visited{color: red; text-decoration: none;}.

A.swiss:active{color: red; text-decoration: none;}.

A.swiss:hover {color: yellow; text-decoration: none;}.

A.cheese:link {color: blue; text-decoration: none;}.

A.cheese:visited{color: blue; text-decoration: none;}.

A.cheese:active{color: blue; text-decoration: none;}.

A.cheese:hover {color: #cccccc; text-decoration: none;}.

A.wow:link {color: black; text-decoration: underline;}.

A.wow:visited{color: black; text-decoration: underline;}.

A.wow:active{color: black; text-decoration: underline;}.

A.wow:hover{color: blue; text-decoration: underline;}.

</STYLE>.

</style>.

</head>.

<body>.

<a href="zonk.html" class="swiss">swiss</a>&nbsp;&nbsp;&nbsp;.

<a href="zonk.html" class="cheese">cheese</a>&nbsp;&nbsp;&nbsp;.

<a href="zonk.html" class="wow">w o w</A>.

</body>.

</html>..

Comment #6

That's got me going, Thanks for all of ya'lls help. This has been one of the best forums I've ever been on!..

Comment #7

If you are going to have the links in groups you can save a lot of work by using scoped like this (using the doctor's swiss class):.

<style>.

.swiss a:link {color: red; text-decoration: none;}.

.swiss a:visited{color: red; text-decoration: none;}.

.swiss a:active{color: red; text-decoration: none;}.

.swiss a:hover {color: yellow; text-decoration: none;}.

A.cheese:link {color: blue; text-decoration: none;}.

A.cheese:visited{color: blue; text-decoration: none;}.

A.cheese:active{color: blue; text-decoration: none;}.

A.cheese:hover {color: #cccccc; text-decoration: none;}.

</STYLE>.

Now it you do this:.

<span class="swiss">.

<a href="somelink">blah </a>.

<a href="anotherlink">blahblah</a>.

<a href="cheeselink" class="cheese">cheese</a>.

</span>.

The first two links will be swiss but he third will be cheese The scoped format of .class tag specifies whenever this tag is inside of a container of this class appy the style. the format tag.class specifies apply the style when this tags has this class and has precidence of scoped classes. That's the cascading part of CSS...

Comment #8

I should add one caution. Forget the cascade with the TD tag the inheritance to totally screwed up in every browser...

Comment #9

That's cool, so I can <SPAN> my page into chunks without having to add "class=" into every "href" that I do...

Comment #10


This question was taken from a support group/message board and re-posted here so others can learn from it.