WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 10-31-2004, 03:11 PM
Najoba's Avatar
Najoba Najoba is offline
WebProWorld Veteran
 

Join Date: Jan 2004
Location: Coldspring TX USA
Posts: 379
Najoba RepRank 0
Default A Font Color Problem: www.victorian-music.com

I chose antique colors for my Victorian music website at www.victorian-music.com ... "old dusty rose" background with a dark gray font. For my navigational links, I used a one-row table with a dark gray background, and off-white font. I ended up having to use the off-white font color for all hyperlinks, because I didn't know how to write the appropriate code. These hyperlinks are not easy to see against the rose background.

I would like to know what code I can use to separate the hyperlink colors so that they are off-white (or dusty rose) in the navigational tables and remain dark gray on the rose background.

I would appreciate any suggestions for appropriate source code to improve visibility on my site, and still maintain the "antique" look.

Thanks,

Nancy

www.victorian-music.com
Reply With Quote
  #2 (permalink)  
Old 10-31-2004, 06:03 PM
mushroom's Avatar
mushroom mushroom is offline
WebProWorld Veteran
 

Join Date: Feb 2004
Location: Queen Charlotte B. C. Canada
Posts: 351
mushroom RepRank 0
Default

Code:
<body text="#666666" bgcolor="#E3c4ae" link="color_here" vlink="color_here" alink="#00FFFF">
You have most of it just replace the "color_here" for link & vlink.
But user preferances may over ride all your link colors.
__________________
Irony: That for most people the most "trusted" web site on the planet is for a company the has been convicted of criminal activity.

Both Security and SuSe start with "S". www.oldslides.com
Reply With Quote
  #3 (permalink)  
Old 11-01-2004, 01:19 AM
Najoba's Avatar
Najoba Najoba is offline
WebProWorld Veteran
 

Join Date: Jan 2004
Location: Coldspring TX USA
Posts: 379
Najoba RepRank 0
Default Table Code?

Yes, that will work for the rose-colored background, but the problem is the navigational tables. The link text in the tables has to be light (off-white) to be seen on the dark gray background. I don't know how to write specific code so that the off-white would apply only to the navigational tables.

I ended up having to make all the hyperlinks the off-white color, which works fine for the tables, but does not look good on the rose-colored background of the web pages.
Reply With Quote
  #4 (permalink)  
Old 11-01-2004, 05:16 AM
speed speed is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Cornwall, UK
Posts: 804
speed RepRank 1
Default

<style fprolloverstyle>

a {
color: #ff0000;
font-family: Verdana, Helvetica, sans serif;
text-decoration: none;
font-weight: bold;
}
a:hover {
font-style: italic;
text-decoration: none;
}
.nav a {
color: #f2ece1;
font-family: Verdana, Helvetica, sans serif;
text-decoration: none;
font-weight: bold;
}
.nav a:hover {
font-style: italic;
text-decoration: none;
}

.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {font-size: 12px}
.style3 {font-size: 14px}
.style4 {font-size: 14}
.style5 {font-weight: bold}
</style>

.
.
.

<td width="100%" bgcolor="#666666" height="18" class="nav">
<p align="center">[b]<font face="Verdana, Helvetica, sans serif" size="1" color="#F2ECE1" summary="navigational links">|HOME

.
.
.

<td width="100%" class="nav">
<p align="center">[b]<font color="#F2ECE1" size="1" face="Verdana, Helvetica, sans serif">| HOME |

.
.
.


The page links are a bright red at the moment, just edit the color statement for the 'a {' rule in the CSS to the colour you want.

I've tried to leave your code untouched, but you could get rid of some of the font tags etc.

You also have some errors in the code e.g. extra " on attributes.
__________________
TOLRA Micro Systems Limited US & UK Web Hosting with Continuous Data Protection
Web Directory : Web Directory Script
Reply With Quote
  #5 (permalink)  
Old 11-02-2004, 06:28 PM
Najoba's Avatar
Najoba Najoba is offline
WebProWorld Veteran
 

Join Date: Jan 2004
Location: Coldspring TX USA
Posts: 379
Najoba RepRank 0
Default Thanks

Thanks, speed, for taking the time to help me. I am not very knowledgeable about code, and mostly rely on Front Page.

I'll work on this and see if I can get my site to look better.

Nancy

www.victorian-music.com
Reply With Quote
  #6 (permalink)  
Old 11-03-2004, 04:43 AM
speed speed is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Cornwall, UK
Posts: 804
speed RepRank 1
Default Re: Thanks

Quote:
Originally Posted by Najoba
Thanks, speed, for taking the time to help me. I am not very knowledgeable about code, and mostly rely on Front Page.
No problem.

We all had to start somewhere, for finding code errors try http://validator.w3.org/ and have a read up on CSS for styling your pages. There's lots about CSS at http://www.alistapart.com/topics/css/
__________________
TOLRA Micro Systems Limited US & UK Web Hosting with Continuous Data Protection
Web Directory : Web Directory Script
Reply With Quote
  #7 (permalink)  
Old 11-10-2004, 04:54 PM
Najoba's Avatar
Najoba Najoba is offline
WebProWorld Veteran
 

Join Date: Jan 2004
Location: Coldspring TX USA
Posts: 379
Najoba RepRank 0
Default CSS

Thanks...I am "thinking about CSS" but am procrastinating in trying to learn it. I have studied it a little, and understand what it's about basically, but so far, I am still chicken to use it. I understand this will solve my font color problem, but I'm not sure if I'm up to completely rebuilding my website at this time.

Nancy
www.victorian-music.com
Reply With Quote
  #8 (permalink)  
Old 11-10-2004, 06:16 PM
speed speed is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Cornwall, UK
Posts: 804
speed RepRank 1
Default

You don't have to rebuild the whole site in CSS, you can start by using CSS to style parts of the site.

As and when you get more confident with CSS you can then think about rebuilding the site as pure CSS, if that's what you want to do.
__________________
TOLRA Micro Systems Limited US & UK Web Hosting with Continuous Data Protection
Web Directory : Web Directory Script
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: color, font, problem, wwwvictorianmusiccom



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Search Engine Friendly URLs by vBSEO 3.0.0