Non web-safe link colors possible?

The non web-safe link colors I'm trying to use on my website
won't show up in any browser, although the same colors work in
other text on the site. I'm using CSS to create pages, and
everything else works well. The links show up as they would if they
were left undefined (red, blue and purple depending on their
current state). Any ideas?
BTW, I'm a designer who is learning code the hard way...when
problems crop up!
http://www.apafrancis.com/alumni
null

Ken gave you the best direction. Here's a tutorial that will
help:
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
Walt
"altview" <[email protected]> wrote in
message
news:gln8f6$hgu$[email protected]..
> The non web-safe link colors I'm trying to use on my
website won't show up
> in
> any browser, although the same colors work in other text
on the site. I'm
> using
> CSS to create pages, and everything else works well. The
links show up as
> they
> would if they were left undefined (red, blue and purple
depending on their
> current state). Any ideas?
>
> BTW, I'm a designer who is learning code the hard
way...when problems crop
> up!
>
>
http://www.apafrancis.com/alumni
>
http://www.apafrancis.com/alumni
>

Similar Messages

Use of non web-safe fonts during in-browser editing

Hello.
I'll looking into setting up in-browser editing so allow others to update the site without me.
However, the site uses non-web-safe fonts from my computer's font library. Can they update text that uses non-web-safe fonts that they might not own on their computers?
Thanks,
David

Hi Brad.
Thanks for your help!
So, just to clarify...
Even though my website uses a non-web-safe font throughout, it can still be edited in browser mode? (My concern is your mention of "editable region" as my text is saved as an image rather than as text due to the fact the font is a non-web-safe font - does this matter?)
And lastly, you're saying even though the font won't be installed on the user's own font library, it can still recreate the edited text in the existing font? This seems surprising, but pretty amazing if true?
Many thanks!!
David

OT: Non Web Safe Colors

Hi all and a good Friday morning to you...
How safe are non 'websafe' colors. Newbie question, so bear
with me.
I have a logo that uses the following colors and want to
incorporate them
into the design.
How safe will these colors be?
Do I need to be concerned?
#6ACDFF
#C0EAFF
#F2AF21
#F18F18
B
www.visit-the-coqui.com/
If you are thinking of a vacation to Puerto Rico
http://gadgetgrapevine.blogspot.com
Latest gadget and other news here

I don't think you'll find any disagreement....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Paul Davis" <[email protected]> wrote in
message
news:fd0fj0$j7q$[email protected]..
> Web safe is no longer relevant. I'm certain others may
disagree, but
> unless you're marketing or serving a market with
extremely limited
> resources (for the last 10 years), they will at least
have 64k colors
> available to them or, most likely, over 16 million.
>
> Paul Davis
>
http://www.kaosweaver.com/
> Visit us for dozens of useful Dreamweaver Extensions.
>
>
http://www.communitymx.com/
> Partner at Community MX - Extend your knowledge
>
> B wrote:
>> Hi all and a good Friday morning to you...
>>
>> How safe are non 'websafe' colors. Newbie question,
so bear with me.
>>
>> I have a logo that uses the following colors and
want to incorporate them
>> into the design.
>>
>> How safe will these colors be?
>>
>> Do I need to be concerned?
>>
>> #6ACDFF
>> #C0EAFF
>> #F2AF21
>> #F18F18
>>

How are non iWeb sites able to use non "web-safe fonts?

I know there is a list of "x" number of "web-safe fonts" that we should stick to. However, we all see incredible fonts all over the internet on non iWeb sites.
What is it that makes the non-safe fonts work for them. Is there anything we can do to make those fun fonts work for us? I don't have specific examples (sorry). . .just looking for a general answer
Thanks,
roxpat

The type of file compression to use for web pages is dictated by the number of colors required. Since graphics slow down a web site, your mission is to get the best overall appearance, with the smallest file sizes. The most popular forms of graphic compression are .gif and .jpg
.gif files are limited to 256 colors which work very well for non-photo types of graphics (logo's, etc) and .gif also supports transparency, where you can actually make a graphic appear to be 'cut-out' against a different color background. Gradients do not work well with .gif files.
.jpg files are more suitable for photo's due to the thousands or even millions of shades of colors in skin tones, vegetation, whatever. Jpg's do not support transparency or animation.
Photoshop Elements would be a very good program to pick as an overall web and photo retouching program. The "Save For Web" feature is sweet. You can even continue to use iPhoto to manage your photo library and choose a program like Photoshop as an 'External Editor' to actually work on the pictures.
Adobe Illustrator is probably not where you want to start. There is a learning curve to work with shapes (vectors) instead of actual dots on a page, and it's native format is not compatible with any web browsers. It's really not suitable for photo's at all. It is very powerful when working with commercial graphics that need to be sharp at all sizes, but probably more than you want to deal with.

INDD to PDF: web-safe color palette?

Context: currently, the Google Docs Viewer/Embedder, when used to display a PDF in a browser, heavily downsamples images in the PDF resulting in grisly color changes and posterization. This has been discussed for a long time elsewhere on the web (example) and is something Google might eventually deal with.
I assume Google's intention was to hack down bandwidth usage, which I don't begrudge them, but the results stand out glaringly in an otherwise vibrant WWW. Embedded fonts work fine, and the only other visual/layout errors can be with some more advanced design effects—unless they are flattened down to Acrobat 5 compatibility.
With the nasty color changes, what I believe I'm seeing is a re-processing of the images in the PDF with ye olde web-safe color palette. Or maybe its paleolithic predecessor. FYI the source PDF is unaffected. And FYI, yes, I am aware of many other options for embedding a PDF in a web page; I'd like to try and solve this one.
My thinking is this: if I can output my InDesign file such that images are converted more gracefully to a web-safe palette, and possibly with more satisfactory color dithering, then the results via the Google Docs Viewer/Embedder might be improved, more predictable, good enough for now.
I know how to do this with Photoshop, and I assume it's a Photoshop engine working behind the scenes in/for InDesign when processing images, so I'm hoping this is attainable.
Semi-educated guesses:
That a suitable color profile could be created and selected when outputting either PDF or PS, resulting in 255-color (indexed) RGB images in the final PDF layout.
That the long way is to make alternate versions of each image used in the layout, swap them (such as with relink to file extension, e.g. GIF for TIF), and output a version specifically for embedding.
Thanks in advance for any creative thinking.
Edit: it's looking like the limit is far fewer colors, possibly 16. Gross. But I'm still curious about the possibility of a method for this, as it could have other applications.

After getting both your replies, I went back and experimented some more. I am creating a pdf for a b&w book interior, and it is setup as an ID book, with two files. I was trying to generate the pdf from the book.indb file without the individual book indd files being open. That resulted in the screen in my initial question.
I went back and doubleclicked both of my book indd files and selected both, then generated the pdf from the book.indb file. This time I got the proper choices Document CMYK - U.S. Web Coated ....

Changing individual link colors

I am making a website where I want a certain link to display in red while the other links stay white. I went into the page properties to set the link colors, but I cannot figure out how to individually change the colors for certain links. When I changed the link color properties, it does so for all the links. Is this possible to set individual link colors, and how would I go about doing it? Thank you.

Let's say you want to have red links in your #header and green links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}        /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,                   /**on mouse over**/
#header a:active,                  /**on click**/
#header a:focus                   /**on tab key/active in IE**/
{text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:green}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
{text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How do you get 2 different link colors on the same page in DW CS4

Hi
After creating a white link called “white link test” in a blue background, I need to create a blue link called “blue link test” in a white background. How do I accomplish this task In DW CS4? I would greatly appreciate any feedback. Thank you
<style type="text/css">

</style>
</head>
<body>
<div id="apDiv1"><a href="file:///C|/wamp/www/laserzone/public_html/add_maintenance.php">white link test</a></div>
<p> </p>
<p>blue link test</p>
</body>
</html>

Nothing has changed. A stylesheet is still a stylesheet. And pseudo-classes are still pseudo-classes.
You need to define a set of link states (link, visted, hover, active) for each ID or class name required.
Let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red} /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover, /**on mouse over**/
#header a:active, /**on click**/
#header a:focus {text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Is there a web-safe format for hi-res images?

I'm having a high resolution image (above 100 dpi) changing it's color settings after submitted to the web.
The image looks fine on the Desktop - and if saved using "Save for web..." dialogue the colors remains as deserved on the web as well.
Is there a way to save an image so the color preferences aren't distorted after publishing to the web, but without reducing to 72 dpi?
I use Photoshop CS4 and I shoot and edit my pictures in Adobe RGB 1998.
P.S. If I open Adobe RGB psd file and assign color profile to sRGB it changes to how my non-web-safe images look when uploaded to the web.
Thank you.

Not a color expert but believe the web uses sRGB as default.
DPI has nothing to do with the color, it is a spec for how many dots per inch in printing.

Can't change link colors

With the newer browsers and dreamweaver versions I can't seem to change the text color on my links even if I have a CSS tag specifying a different color and style.   For example, I want the links in the table on the right to be bolded and a different color... http://www.colonialstock.com/corphome.htm.    It only displays the color in the a:link CSS style. I want it to display the SideTabs style and color. Here is what I have for the CSS tags:
.SideTabs {
color: #1B3652;
cursor: auto;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
a:link {
text-decoration: none;
cursor: pointer;
color: #0368C2;
a:visited {
text-decoration: none;
color: #0368C2;
a:hover {
text-decoration: underline;
cursor: pointer;
color: #0368C2;
a:active {
text-decoration: none;
color: #0368C2;
Any help please?

CSS Pseudo-classes - Link States
==========================
You need to define a set of link states (link, visted, hover, active) for each #ID or .class name required.
For example, let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}     /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,               /**on mouse over**/
#header a:active,              /**on click**/
#header a:focus                /**on tab key**/
    {text-decoration:underline}
#footer a {text-decoration:none; font-weight:bold}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
    {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Bold Footer link</a> |
<a href="some-link.html">Bold Footer link</a> |
<a href="some-link.html">Bold Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Web safe fonts - Baby Theme site 1.0

Hello
I'm using the Baby Theme template from 1.0, does anyone know why my content font is being displayed in IE in the Times New Roman font when I have specifically changed the content font to Copper Black in iWeb.
Can I change the buttons (for blog, albums, movies) font which is defaulted to Hoefler to match the font I'm using for the content.
Thanks

why would Apple create template with non web safe font if my users want to view this using IE
Probably to make things a bit nicer for Mac users, since they will have all these fonts on their machine and it will look the same for them as it does to the author. Apple doesn't always restrict its templates, either regarding fonts or other features, to what works best for Windows users.
The basic principle is that the viewer must have the font installed on his machine in order to have it display correctly, unless you convert your text into an image (normally done by adding an invisible degree of shadow to your font).

CS3 Spry Accordion Link Color

Greetings:
I am attempting to change the link color to "none" within a
Dreamweaver CS3 Spry Accordion navigational element and I am unable
to make the changes I need. I have tried to change the internal
link page properties within my HTML document and also set the "a"
properties in the linked CSS file to "text-decoration: none" and
the link color still remains in the Accordion navigational element.
Do you have any suggestions on how I can fix this?
Thanks for your help!

in your spy accordian css file, put:
a:link
text-decoration:none;
or, even better
.nolinkunderline
text-decoration:none;
and then apply the style to your accordians hyperlinks
i am assuming it's the underline element that you want
removed

Kuler : Are the Colors Web Safe?

I was wondering, are some or all the colors Web Safe?
I am new to Web Design and I'm interested in knowing this question.
You see, I had went to W3C Web Standards. There I noticed that there are very few Web Safe Colors for those whom want to add cool colors to their Website, Background and Headers and the like.
Thank you....

Hi Mooapo,
This website might be useful for getting some background on websafe colors
http://www.htmlgoodies.com/tutorials/web_graphics/consistent-colors-for-your-site-all-you- need-to-know-about-web-safe-colors.html
There are options available in Kuler to limit the palette or websafe colors.
-Dave

Are web safe colors (cs4) a consideration today ?

Is there any need today to worry about web safe colors for web design ? Do not 99% of people today have high res/high color monitors ?
Tim

I quit worrying about producing sites in Web safe colors years ago.
That said, it's sometimes a quick way of sketching out a rough color story, since the colors are uniformly distributed across the RGB space.

Web Safe Colors for iTunes U interface

I am running into problems with changing the look and feel of my iTunes site. When I try to change the color scheme, it is telling my that my color choices are not web safe. I am trying to use color schemes that fall within our university's identity standards. Is there a way around the web safe colors within iTunes U, or am I stuck with what?

There are 2 colors which must be web safe - Section box heading background color and Section box heading text color.
The tools mentioned above can help you find a near match. Photoshop/ImageReady can do this in the color picker if you use the "web safe" colors checkbox.
You can also calculate it based on the fact that the R,G,B values for web safe colors are always based on the values 00,33,66,99,CC,FF. If you have a color, for example #4000D7, you can "round" each value to the nearest match. 40 rounds to 33, 00 rounds to 00, D7 rounds to CC. This means the closest web safe color is #3300CC.
Mac OS X (10.4.6)

Is Kuler color web-safe?

I'm pretty new to this and i love the kuler color palettes, but can they be used for websites? it's been quite a few years since i studied web design and at that time we only used web-safe colors, but i'm thinking computers, monitors, etc. may have advanced dramatically...and it might be fine to use these palettes/colors that are not the "336699" type web-safe ones. Any thoughts?

Wow! The forums are running especially crappy today. That took several minutes and several stop-and-reloads. I guess they're "improving" them again. Adobe must really hate us for freely supplementing their inadequate documentation. Gofigger.
Anyhoo...
Websafe colours are an obsolete term and can be safely ignored. Why they are still included as a feature in a program released in 2008 is a mystery. But I guess we pay for this junk by feature, so the more features, the more value. Nice system.
Programs that support websafe colours are like gas stations that sell coal.

Non web-safe link colors possible?

Similar Messages

Maybe you are looking for