 |
 |
HTML Anomaly: Help Request!
|
 |
|
 |
|
Clinically Insane
Join Date: Oct 2000
Location: Los Angeles
Status:
Offline
|
|
I really would appreciate it if anyone could help me with this issue. I've got a page that I created with Adobe Golive 4 (please, no comments on that, I know many hate the app), in which I have hyperlinks that I've colorized white. Now, I've done it the same way seemingly each time, yet I get different results. Some of the hyperlinks that look white turn regular blue in both IE 5 and Netscape 4.7.x. Here are some code fragments:
<BLOCKQUOTE><font size="1"face="Geneva, Verdana, Arial">code:</font><HR><pre><font size=1 face=courier><font size=<font color = red>"<font color = blue>1</font>"</font>face=<font color = red>"Geneva, Verdana, Arial"</font>>code:</font><HR><pre>& amp;lt;font size=<font color = blue>1</font> face=courier><td valign=<font color = red><font color = red>"middle"</font></font> width=<font color = red><font color = red>"<font color = blue><font color = blue>200</font></font>"</font></font>><font size=<font color = red><font color = red>"<font color = blue><font color = blue>1</font></font>"</font></font> color=<font color = red><font color = red>"#f2f2f2"</font></font> face=<font color = red><font color = red>"Geneva,Verdana,Helvetica"</font></font>><b>Author:&l t;/b></font><font face=<font color = red><font color = red>"Geneva,Verdana,Helvetica"</font></font> size=<font color = red><font color = red>"<font color = blue><font color = blue>1</font></font>"</font></font> color=<font color = red><font color = red>"white"</font></font>><b> <a href=<font color = red><font color = red>"mailto:foo@aol.com"</font></font>>Rebecca Levi</a></b></font></td></font></pre><HR></font>[/code]
In the above example, the hyperlink that looks white in Golive turns blue in the browsers.
<BLOCKQUOTE><font size="1"face="Geneva, Verdana, Arial">code:</font><HR><pre><font size=1 face=courier><font size=<font color = red>"<font color = blue>1</font>"</font>face=<font color = red>"Geneva, Verdana, Arial"</font>>code:</font><HR><pre>& amp;lt;font size=<font color = blue>1</font> face=courier><font size=<font color = red><font color = red>"<font color = blue><font color = blue>1</font></font>"</font></font>face=<font color = red><font color = red>"Geneva, Verdana, Arial"</font></font>>code:</font><HR><pre>& amp;lt;font size=<font color = blue><font color = blue>1</font></font> face=courier><font size=<font color = red><font color = red><font color = red>"<font color = blue><font color = blue><font color = blue>1</font></font></font>"</font></font></font> color=<font color = red><font color = red><font color = red>"#f2f2f2"</font></font></font> face=<font color = red><font color = red><font color = red>"Geneva,Verdana,Helvetica"</font></font></font>><b>Author: </b></font><a href=<font color = red><font color = red><font color = red>"mailto:foo@foo.net"</font></font></font>><font face=<font color = red><font color = red><font color = red>"Geneva,Verdana,Helvetica"</font></font></font> size=<font color = red><font color = red><font color = red>"<font color = blue><font color = blue><font color = blue>1</font></font></font>"</font></font></font> color=<font color = red><font color = red><font color = red>"white"</font></font></font>><b>George< ;/b> </font></pre><HR></font></pre><HR></font>[/code]
In the second example, the hyperlink is white, just as it should be. Please help me figure this out - this is very annoying!
[EDIT]: Well I guess I see that in the cases it works, the code is different. Can anyone tell me why Golive is generating two different types of code?
[ 04-04-2002: Message edited by: Big Mac ]
|

"The natural progress of things is for liberty to yield and government to gain ground." TJ
|
| |
|
|
|
 |
|
 |
|
Senior User
Join Date: May 2001
Location: Nottingham, UK
Status:
Offline
|
|
dude, that's some fuked up looking code GoLive's generated there (no comments though
There seem to be tags within tags in that code, that is a definite no-no.
You would be much better using a simple stylesheet, you could even have nice rollover effects on the link text
eg
Somewhere between the <head> and </head>
<style type="text/css">
<!--
a.mylink:link { font-family: Geneva,Verdana,sans-serif; font-size: 1; color: #FFFFFF; text-decoration: none}
a.mylink:visited { font-family: Geneva,Verdana,sans-serif; font-size: 1; color: #FFFFFF; text-decoration: none}
a.mylink:hover { font-family: Geneva,Verdana,sans-serif; font-size: 1; color: #CCCCCC; text-decoration: none}
-->
</style>
Now where your link is you need to reference this, it's dead simple.
<a href="mailto:whoever@whoever.com" class="mylink">John Smith</a>
that's it! Try it now! How much cleaner and simpler is that code. You can create as many variations as you want, just changing the "mylink" bit. When referencing it in the link, use the class="mylink" within the tag.
|
|
|
| |
|
|
|
 |
|
 |
|
Clinically Insane
Join Date: Oct 2000
Location: Los Angeles
Status:
Offline
|
|
Thank you for your reply, derbs. I have wanted to switch over to CSS for some time now, but the site I manage is large, so I haven't found the time to do the massive conversion. I'm wondering if Golive creates better code in its newest version. . .
|

"The natural progress of things is for liberty to yield and government to gain ground." TJ
|
| |
|
|
|
 |
|
 |
|
Grizzled Veteran
Join Date: Jun 2001
Location: Melbourne, Australia
Status:
Offline
|
|
Is that GoLive's code or is that UBB messing up your code? Teletype is an easier way of showing code without messing up your formatting!
|
|
Computer thez nohhh...
|
| |
|
|
|
 |
 |
|
 |
|
|
|
|
|

|
|
 |
Forum Rules
|
 |
 |
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
 |
 |
 |
 |
|
 |
|