|
| |
|
|
Lyphe
Posts: 57
Joined: 11/10/2002
Status: offline
 |
What happened to Dyn HTML function in 2003??? - 4/4/2004 11:37:09
holy frustrating grrrrrrr ...
i used to be able to choose dynamic html effect in 2002 and have text animate on "mouse-over" so that the text color changed and an underline appeared. i can't figure out WHERE to do this now. I found the dynamic html effect but it doesn't work the same.
anyone else having this prob?
|
|
|
|
d a v e
Posts: 4087
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: What happened to Dyn HTML function in 2003??? - 4/4/2004 12:28:28
how is that different to using the link styles and hover styles in css?
_____________________________
David Prescott
Gekko web design
| |
|
|
|
Lyphe
Posts: 57
Joined: 11/10/2002
Status: offline
|
RE: What happened to Dyn HTML function in 2003??? - 4/4/2004 14:05:21
i'm not sure ... what is css? I used to simply highlight my desired link - then click 'format' from the menu bar - then 'dynHTML' - then I would apply the 'mouseover' html - and finally turn off the 'underline' function on the font.
the result would be that when you hovered over the non-underlined hyperlink, it would then underline and change to whatever color i had specified in the dynHTML option.
I can' figure out where this is in the new 2003 version tho. I'm prob missing something ez but that's where i'm stuck :)
| |
|
|
|
d a v e
Posts: 4087
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: What happened to Dyn HTML function in 2003??? - 4/4/2004 16:25:49
see http://www.outfront.net/tutorials_02/adv_tech/css1.htm
and http://www.w3schools.com/css/default.asp
using CSS (cascading style sheet) you say how you want your links to look (and any aspect the way your pages look) by redefining the defaults or by making new styles.
you can make a simple sheet and link it to all your pages and say in that how you want your links to behave.
no more having to select each link and style it, no more having to go through lots of pages changing the colour of each link when you/client changes your mind. just change a couple of lines in your syle sheet and it will be instantly updated throughtout your whole site.
have a look at those links and if you get stuck post in the css part of this forum. once you learn how to use even the basics you'll never look back!
_____________________________
David Prescott
Gekko web design
| |
|
|
|
ellipisces
Posts: 849
Joined: 12/14/2003
Status: offline
|
RE: What happened to Dyn HTML function in 2003??? - 4/4/2004 18:25:54
One good reason to use CSS, is the new methodology of separating the content of the site from the formatting. The code for the DHTML will appear mixed in with the content.
If we can build sites in that manner, then the search process will get much "more pure" and give more relevant results...
_____________________________
| |
|
|
|
Lyphe
Posts: 57
Joined: 11/10/2002
Status: offline
|
RE: What happened to Dyn HTML function in 2003??? - 4/4/2004 20:58:34
yep, tried css and liked it!
thx muchly all :)
| |
|
|
|
ladybutterfly
Posts: 31
Joined: 10/23/2005
Status: offline
|
*WORKING EXAMPLE* RE: What happened to Dyn HTML functio... - 11/3/2005 22:03:27
I recently upgraded to 2003 also and was equally frustrated to find that they had still not added the "page options" rollover function! I did it manually in 2002 and I'm doing it again in 2003 version. So, here it is for newbies - just because I'm tired of not seeing it in the options:
So, you want to create a rollover link that isn't underlined, but underlines when you rollover it . . .
Of course this can be customized, but -
within the <head></head> and <style></style> tags, insert the following code:
<head>
<style>
A:link {color: #000000; text-decoration: none}
A:hover {color: #000000; text-decoration: underline}
A:active{color: #000000; text-decoration: underline}
A:visited{color: #000000; text-decoration: underline}
</style>
</head>
This can be customized with bold, italics, change colors, increase font size, etc. Many variants and would take alot to explain. Here, you can only play with color and text-decoration, but it's enough to get the beginner started . . .
Cheers!
| |
|
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/3/2005 22:34:54
quote:
<head>
<style>
A:link {color: #000000; text-decoration: none}
A:hover {color: #000000; text-decoration: underline}
A:active{color: #000000; text-decoration: underline}
A:visited{color: #000000; text-decoration: underline}
</style>
</head>
I think you have the order mixed up a bit. It should be:
<head>
<style>
a:link {color: #000000; text-decoration: none;}
a:visited{color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}
a:active{color: #000000; text-decoration: underline;}
</style>
</head>
If you don't use this order there is a danger of the hover style not working.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/4/2005 1:23:17
quote:
No, order does not matter - maybe unless you're using an old browser. CSS codes are not that sensitive.
As you don't appear to believe me, maybe you will heed the W3C (who actually write the CSS rules)
quote:
From W3 CSS2 Specifications at http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes
"Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element."
quote:
and ran it in a cross-browser test. Results? Opera, Netscape, Mozilla, and IE (all latest versions) ran perfectly fine.
Just because it appears to work in some browser versions on your computer, does not mean it will run properly in all browsers on other computers running all varieties of operating systems. It is safest to do it the right way (which is no more difficult than the wrong way), especially when teaching teaching beginners who might be flummoxed when it doesn't work on their website, in their situation.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
|
|
ladybutterfly
Posts: 31
Joined: 10/23/2005
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/4/2005 1:50:09
Quoting someone - even the person who wrote it doesn't mean anything - unless you're telling me that the author of the code tested it in every browser, on every type of machine with every operating system. And at the rate that browsers are receiving updates, plug-ins and fixes/patches by both the developers and by OSC writers (open source) - there's no way they can say it doesn't work.
In effect, my tests - whether they were on my computer or not, proves that it does work without error - even though as you said, it may not work in every situation.
Applicated techniques speak louder than the written word. And please, don't be mislead by the "newbie" or "beginner" feedback. I'm new to the forum, not to programming. This is my professional work.
Thanks for the tip.
| |
|
|
|
Tailslide
Posts: 6040
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/4/2005 3:04:04
Kitka's right the order DOES matter.
Links
Visited
Focus
Hover
Active
(Lord Vader, Former Handle Anakin)
Try it the other way round and it doesn't work properly
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/4/2005 3:41:17
quote:
I'm new to the forum, not to programming..
That is interesting... because only two weeks ago in this thread, you claimed to be "a designer not a programmer". So your profession changes according to convenience?
You refuse to accept that the note in the official CSS specifications is there for an extremely good reason and vehemently disagree with the CSS guru Eric Meyer who says:
quote:
To ensure that you see your various link styles, you're best off putting your styles in the order "link-visited-hover-active", or "LVHA" for short.
http://www.meyerweb.com/eric/css/link-specificity.html
I wouldn't mind you challenging my word, but when you dismiss out of hand the people who actually wrote the specifications, you are treading on very thin ice. Try searching Google or Yahoo for LVHA CSS and you will find heaps of experts who disagree with you.
quote:
Thanks for the tip.
Having discerned that you strongly believe, against the odds, that you are right, I was making no attempt whatsoever to change your mind. The only reason I bothered responding to your post is because of my concern for Lyphe, who has stated he is brand new to CSS, plus all the other people who will read this thread in future after searching locally or via a search engine for an answer to their difficulty. They need to have it clearly spelled out what the experts say is the correct order - not something that might only work on your computer.
< Message edited by Kitka -- 11/8/2005 19:27:57 >
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
|
|
ellipisces
Posts: 849
Joined: 12/14/2003
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/5/2005 4:26:20
Actually...
live and die by LVHA
used to have a sticky note on my screen...
_____________________________
| |
|
|
|
ellipisces
Posts: 849
Joined: 12/14/2003
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/5/2005 4:29:35
OH yeah, and in response to the original question
DHTML was really just a combination of javascript and CSS. Since some are now turning off Javascript, then a fully cross browser page would be to use pure CSS to render the links...
_____________________________
| |
|
|
|
Giomanach
Posts: 6091
Joined: 11/19/2003
From: England
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/29/2005 9:52:36
quote:
Quoting someone - even the person who wrote it doesn't mean anything - unless you're telling me that the author of the code tested it in every browser, on every type of machine with every operating system. And at the rate that browsers are receiving updates, plug-ins and fixes/patches by both the developers and by OSC writers (open source) - there's no way they can say it doesn't work.
Quoting someone? ROFL. Kitka quoted the OFFICIAL WEB STANDARDS
I suggest you do too
_____________________________
| |
|
|
|
Kitka
Posts: 2515
Joined: 1/31/2002
From: Australia
Status: offline
|
RE: *WORKING EXAMPLE* RE: What happened to Dyn HTML fun... - 11/29/2005 14:05:11
quote:
i.e. don't rely on the cascade and give all the colour, font colour , text decoration etc. information in full for each state then I think she is right - the cascade doesn't matter a toss because you aren't relying on the information from (for instance) the link state being inherited by the others.
Would you be able to give an example of your theory that works under normal circumstances please Donkey?
I tested this code in the order provided by LadyB:
<style>
a:link {color: #0000ff; text-decoration: none}
a:hover {color: #ff0000; text-decoration: underline}
a:active{color: #00ff00; text-decoration: underline}
a:visited{color: #000000; text-decoration: underline}
</style>
... and found that while it all appeared to work in the first instance, once the link became "visited" neither the hover nor the active colours worked.
Whereas, if you use LVHA, it always works.
_____________________________
Kitka
**It is impossible to make anything foolproof because fools are so ingenious.**
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
