SitePoint Sponsor |
|
User Tag List
Results 1 to 18 of 18
-
Mar 15, 2001, 12:54 #1
- Join Date
- Mar 2001
- Posts
- 3
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Can anyone point me in the right direction on how to create two different a link styles on one page
thanks
kb
-
Mar 15, 2001, 13:48 #2
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
me me me...
like this:
/* normal style */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
/* second style */
a.second:link { text-decoration: none; }
a.second:visited { text-decoration: none; }
a.second:hover { text-decoration: underline; }
a.second:active { text-decoration: none; }
All links on your page will default to the first style unless another is applied like so:
<a href="42" class="second">some text</a>
get it?Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Mar 16, 2001, 06:58 #3
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thats an awfully good explanation creole =)))
"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
-
Mar 16, 2001, 10:13 #4
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Aw shucks...you made me blush...I'm just trying to keep up with you lyn...
Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Mar 16, 2001, 21:59 #5
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
LOL Geez..I'm losing touch m8 creole!
You studied CSS2 yet?"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
-
Mar 16, 2001, 22:50 #6
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
at my last job I printed out the whole manual from W3c...thing was like 250 pages long.
I have it in a binder. I am familiar with some of it, but really only the ones that have direct application to what I do. Not everything really makes sense you know?Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Mar 17, 2001, 09:44 #7
- Join Date
- Aug 2000
- Location
- New York , USA
- Posts
- 407
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally posted by creole
me me me...
like this:
SNIP....
I am still a newbie and still on the low end of the knowledge curve. I have a similar problem as kbruce. I hope you can help me out as well creole.
I want the links for a FFAL page I am working on to have different colors than the "normal" links on the page. The page is located on,
http://www.ironstone.f2s.com/lk/link-childsupport.shtml
The posted links have taken on the "normal" css features which I meant for the menu links. The letter "A" at the top and bottom of the Link Panel will take you to the "posting" page. Only the top left radio button is working at this time. Eventually I will Password Protect this page since only the administrator will be able to place links on the page but for now I have not. The script was originally at a php script site,
http://www.proxy2.de
and I have got it to this point.
What do I have to do to get the posted links to look different?
I hope I do not need to make changes in the engine of the script. aaaaaawwwwwwwwwww!?#@$$#$? That looks like an unsolvable puzzle!!!!
BTW, I kinda followed what you indicated in your response to kbruce, but I did not follow what the "href="42" mean??
Thanks in advance for any and all responses.
WPWebbing Along!!!
-
Mar 17, 2001, 09:51 #8
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Go Creole! LOL
I only managed to work on half of it.
Not all the browsers support it.. Netscape 4, hence the reason why I ain't implementing the usage of it."Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
-
Mar 17, 2001, 11:28 #9
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
simplicity itself...
Let's analyze this. The only links that you have complete control over are the sidebar links right?
That means that to prevent your "posted" links from being invisible like they are now, you make "THEM" the default link. You set them up with colors that will be visible on a white background and let the people post links to their hearts content. They won't have to add ANY other lines of code other than the URL. Do you get me so far?
Now on your end, it will be a little more work though. Watch me work children (lynlimz...heeh)!
for your styles:
<style type="text/css">
<!--
/* normal page links (over white) */
a.link {color: #A37951; }
a.visited {color: #000000; }
a.hover {color: #A37951; }
a.visited.hover {color: #A37951; }
a.active {color: #000000; }
/* sidebar links (over brown) (I stole your link colors already) */
a.sidebar:link {color: #E3DAC1; }
a.sidebar:visited {color: #E6C45E; }
a.sidebar:hover {color: #FFFFCC; }
a.sidebar:visited.hover {color: #FFFFCC; }
a.sidebar:active {color: #FFD66B; }
-->
</style>
With me so far?
That sets up your page with colored links. Now the problem with this layout is that Netscape does not understand pseudo-link classes. So all we have to do is specify the link colors in the BODY tag as well. You're set.Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Mar 17, 2001, 11:29 #10
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
lyn...I agree...it's very frustrating for them to even come out with new specifications when they know that very few browsers support it. Even IE 5.5 which is the BEST browser for stylesheets does not fully support CSS-2.
Hell...Netscape doesn't even fully support CSS-1...Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Mar 17, 2001, 11:33 #11
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Yeah. So I'm just sticking to paperwork =)
"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
-
Mar 19, 2001, 06:10 #12
- Join Date
- Aug 2000
- Location
- New York , USA
- Posts
- 407
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hello All,
This is follow up time. Please take a look at,
http://www.ironstone.f2s.com/lk/link-childsupport.shtml
I did as "creole" suggested and it worked out fine.
I placed class="sidebar" inside all the links I needed to.
Would it have been possible to not have done such a "menial" task?? I am using SSI for my menus. Is there a way to use CSS with them and therefore not have to change all affected links individually?
BTW, is there a way to get a site visitor to Reload a page by clicking on a link in the page, I was only able to find a script which uses a form button. The panel I am working on looked like this,
http://www.ironstone.f2s.com/linksuperpanel02.html
I want it to look more like the page I noted above, with the text "Reload". I will be starting a new thread with this question but I thought I would also ask it here as well.
Thanks again for any and all replies.
WPWebbing Along!!!
-
Mar 19, 2001, 07:24 #13
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
you could have cut and paste past e paste all the way using the keyboard short-cuts..
or..using a text editor, replace '<a' with <a class="sidebar"
and it'll have your code in a few seconds.
the reload link would be:
<a href="javascript:window.location.reload()">Reload Page</a>"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
-
Mar 19, 2001, 08:38 #14
- Join Date
- Aug 2000
- Location
- New York , USA
- Posts
- 407
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
SNIP....the reload link would be:
<a href="javascript:window.location.reload()">Reload Page</a>
Thanks to all for their input.
You can see the result at,
http://www.ironstone.f2s.com/lk/link-childsupport.shtml
Peace,
WPWebbing Along!!!
-
Mar 19, 2001, 08:40 #15
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Great. so all your problems have been resolved?
"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
-
Mar 19, 2001, 09:59 #16
- Join Date
- Aug 2000
- Location
- New York , USA
- Posts
- 407
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Yep!!!
For Now. I also learned quite a bit in this thread.
WPLast edited by WP1; Mar 19, 2001 at 10:11.
Webbing Along!!!
-
Mar 19, 2001, 10:00 #17
- Join Date
- Oct 2000
- Location
- Nashvegas Baby!
- Posts
- 7,845
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
glad that Lyn and I could help you out...
we were neck and neck in this post actually...
not that it's a competition though...Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
-
Mar 19, 2001, 10:06 #18
- Join Date
- Jul 2000
- Location
- Singapore
- Posts
- 2,103
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
yicks! creole! you were the one that did the coding posts! lol
i'm a mere extra..posting all the stupid comments..and yeah..gaining post count! lol
hmm....anyhow, his problem has been resolved! haha..cheers creole!"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
Bookmarks