|
|
Posted by BigDaddyBS on 10/22/06 09:45
I am attempting to make "inline buttons" based on information from
http://wellstyled.com/css-inline-buttons.html.
The CSS is:
/* off-site definitions */
#hmb a.ilb2ed,
#full-page a.ilb2ed
{ _width:7em; width: 7em;
font: bold 60% Verdana,"Comic Sans MS", Arial, sans-serif;
margin: 0 0.2em; padding: 0.1em 0.5em; _padding:0;
border: 1px solid #005500;
white-space:nowrap;
text-decoration: none;
vertical-align:middle;
background-color: #ff0000;
color: #ffffff; } /* white on red */
(I've tried them without the ids on them and it won't work at all.)
Info on "underscore hack" can be found at
http://wellstyled.com/css-underscore-hack.html.
An example HTML is:
<p>They are used to commit
"<a title="The Free Dictionary's definition of
"Cybercrime""
href=http://www.thefreedictionary.com/cybercrime">cybercrimes</a>"
<a class="ilb2ed" target="_blank"
title="External Definition - Button opens prior link in new
window - The Free Dictionary's definition of "Cybercrime""
href=http://www.thefreedictionary.com/cybercrime">New Window</a>,
including stealing identities, or disrupting operations of the computer or
server.</p>
(example page at
http://www.orangefrogproductions.com/ofp2s_malware.shtml#what_are_viruses)
Originally, I used a version of the above with other (main site) colors,
then double-classed each button with the above and another class that only
contained color and a background-color. When that didn't appear to work, I
thought of the above, where I'd create a class for each specific button,
with only those colors changing.
They appear to work correctly in FF, but I'm having a problem in IE. Can
anyone explain why, if I use the "http://" prefix on the link of the button,
that the colors defined above are not used? The "buttons" are defined
(borders and font-size), but the colors shown are my "normal" colors,
meaning it appears the background is transparent. When I leave the "http://"
OFF, the buttons display correctly (borders, font-size, colors). What gives?
Now it seems it doesn't want to work at all. My Help page at
http://www.orangefrogproductions.com/ofp2_help.shtml has three different
versions. The External Link is "normal" (one class - the main one), Photo
Album and all the "Future use" ones use the double-class approach (using the
"normal" button, and cascading the colors through the second class), and the
Off-site Defintion button uses the above approach (redefine the "normal"
button for each). Again, it works ok in FF, but doesn't in IE6.
And does anyone know the answer to this one? I use FrontPage to enter my
pages (don't start b-tchin' about THAT!) That's FP 2002 (10.6308.6735) SP3.
The COLORS show correctly in Edit Mode (not the borders or size), but again,
the COLORS don't display correctly in FP Preview Mode, nor in IE6. Anyone
who use FP (THAT could be a laugh, here, in itself!) have any ideas about
this?
I appreciate any help or advice you could give me. Thanks.
BigDaddyBS (Bill)
Navigation:
[Reply to this message]
|