Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Software - Troubleshooting and Discussion > Developer Center > HTML Anomaly: Help Request!

HTML Anomaly: Help Request!
Thread Tools
Clinically Insane
Join Date: Oct 2000
Location: Los Angeles
Status: Offline
Reply With Quote
Apr 4, 2002, 03:10 AM
 
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>&lt;font size=<font color = red>"<font color = blue>1</font>"</font>face=<font color = red>"Geneva, Verdana, Arial"</font>&gt;code:&lt;/font&gt;&lt;HR&gt;&lt;pre&gt;& amp;lt;font size=<font color = blue>1</font> face=courier&gt;&lt;td valign=&lt;font color = red&gt;<font color = red>"middle"</font>&lt;/font&gt; width=&lt;font color = red&gt;<font color = red>"&lt;font color = blue&gt;<font color = blue>200</font>&lt;/font&gt;"</font>&lt;/font&gt;&gt;&lt;font size=&lt;font color = red&gt;<font color = red>"&lt;font color = blue&gt;<font color = blue>1</font>&lt;/font&gt;"</font>&lt;/font&gt; color=&lt;font color = red&gt;<font color = red>"#f2f2f2"</font>&lt;/font&gt; face=&lt;font color = red&gt;<font color = red>"Geneva,Verdana,Helvetica"</font>&lt;/font&gt;&gt;&lt;b&gt;Author:&l t;/b&gt;&lt;/font&gt;&lt;font face=&lt;font color = red&gt;<font color = red>"Geneva,Verdana,Helvetica"</font>&lt;/font&gt; size=&lt;font color = red&gt;<font color = red>"&lt;font color = blue&gt;<font color = blue>1</font>&lt;/font&gt;"</font>&lt;/font&gt; color=&lt;font color = red&gt;<font color = red>"white"</font>&lt;/font&gt;&gt;&lt;b&gt; &lt;a href=&lt;font color = red&gt;<font color = red>"mailto:foo@aol.com"</font>&lt;/font&gt;&gt;Rebecca Levi&lt;/a&gt;&lt;/b&gt;&lt;/font&gt;&lt;/td&gt;&lt;/font&gt;&lt;/pre&gt;&lt;HR&gt;</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>&lt;font size=<font color = red>"<font color = blue>1</font>"</font>face=<font color = red>"Geneva, Verdana, Arial"</font>&gt;code:&lt;/font&gt;&lt;HR&gt;&lt;pre&gt;& amp;lt;font size=<font color = blue>1</font> face=courier&gt;&lt;font size=&lt;font color = red&gt;<font color = red>"&lt;font color = blue&gt;<font color = blue>1</font>&lt;/font&gt;"</font>&lt;/font&gt;face=&lt;font color = red&gt;<font color = red>"Geneva, Verdana, Arial"</font>&lt;/font&gt;&gt;code:&lt;/font&gt;&lt;HR&gt;&lt;pre&gt;& amp;lt;font size=&lt;font color = blue&gt;<font color = blue>1</font>&lt;/font&gt; face=courier&gt;&lt;font size=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"&lt;font color = blue&gt;&lt;font color = blue&gt;<font color = blue>1</font>&lt;/font&gt;&lt;/font&gt;"</font>&lt;/font&gt;&lt;/font&gt; color=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"#f2f2f2"</font>&lt;/font&gt;&lt;/font&gt; face=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"Geneva,Verdana,Helvetica"</font>&lt;/font&gt;&lt;/font&gt;&gt;&lt;b&gt;Author: &lt;/b&gt;&lt;/font&gt;&lt;a href=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"mailto:foo@foo.net"</font>&lt;/font&gt;&lt;/font&gt;&gt;&lt;font face=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"Geneva,Verdana,Helvetica"</font>&lt;/font&gt;&lt;/font&gt; size=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"&lt;font color = blue&gt;&lt;font color = blue&gt;<font color = blue>1</font>&lt;/font&gt;&lt;/font&gt;"</font>&lt;/font&gt;&lt;/font&gt; color=&lt;font color = red&gt;&lt;font color = red&gt;<font color = red>"white"</font>&lt;/font&gt;&lt;/font&gt;&gt;&lt;b&gt;George&lt ;/b&gt; &lt;/font&gt;&lt;/pre&gt;&lt;HR&gt;&lt;/font&gt;&lt;/pre&gt;&lt;HR&gt;</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
Reply With Quote
Apr 4, 2002, 04:38 AM
 
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 &lt;head&gt; and &lt;/head&gt;

&lt;style type="text/css"&gt;
&lt;!--
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}
--&gt;
&lt;/style&gt;

Now where your link is you need to reference this, it's dead simple.

&lt;a href="mailto:whoever@whoever.com" class="mylink"&gt;John Smith&lt;/a&gt;

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.
     
Big Mac  (op)
Clinically Insane
Join Date: Oct 2000
Location: Los Angeles
Status: Offline
Reply With Quote
Apr 4, 2002, 06:23 PM
 
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
Reply With Quote
Apr 4, 2002, 09:07 PM
 
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...
     
   
Thread Tools
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Top
Privacy Policy
All times are GMT -5. The time now is 06:06 PM.
All contents of these forums © 1995-2011 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.7 © 2000-2011, Jelsoft Enterprises Ltd., Content Relevant URLs by vBSEO 3.3.2