|
|
||||||
|
||||||
| Index Link To US Private Messages Archive FAQ RSS | ||||||
| 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. |
Share Thread: & Tags
|
||||
|
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
||||
|
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 |
|
||||
|
Code:
<body text="#666666" bgcolor="#E3c4ae" link="color_here" vlink="color_here" alink="#00FFFF"> 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 |
|
|||
|
<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. |
|
||||
|
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 |
|
|||
|
Quote:
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/ |
|
||||
|
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 |
|
|||
|
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. |
![]() |
|
| Thread Tools | |
| Display Modes | |
|
|
|
WebProWorld |
Advertise |
Contact Us |
About |
Forum Rules |
MVP's |
Archive |
Newsletter Archive |
Top |
WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509 |