Css Issue

My browser version 17.0.1....
I am doing one facebook app...
In this my site is loaded inside the iframe in facebook server...
Iframe code of facebook is
<iframe scrolling="yes" height="800" frameborder="0" src="javascript:""" name="iframe_canvas" id="iframe_canvas" class="smart_sizing_iframe" style="height: 725px;">
I dont need scrollbar in my application
so i gave "overflow:hidden" for body tag & html tag.....In chrome & other browser the scroll bar gone but in Firefox the scroll bar shadow remain exist....
how to get ride the scroll bar sahdow ?????
thanks

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.
*http://forums.mozillazine.org/viewforum.php?f=25
The helpers at that forum are more knowledgeable about web development issues.<br>
You need to register at the MozillaZine forum site in order to post at that forum.

Similar Messages

Urgent CSS issue in Safari! LIVE site *****

A site I recently wrapped up was working great in all
browsers, and for some reason I hopped on Safari today and noticed
it's not formatting right at all! I'm not sure where the issue is
as it was hunkey dorey before, and am hoping somebody on here might
know so I can fix it quickly before there are complaints from
people browsing to the site.
http://www.mackinnonicehorse.com
Anybody have any ideas? If you look at it in other browsers
you'll see how the navigation should be, and there are some other
small CSS issues in Safari that I'm seeing. It was working fine
though… ideas? Please help!

Never mind… there was ONE little mistake in my
stylesheet that I fixed and BAM - everything back to normal.
PHEW!!! :)

Hierarchy Viewer CSS issue

Hi,
I have a Fusion Web Application in Jdeveloper 12C that gets the colors and skinning from a CSS file.
When i add:
af|dvt-hierarchyViewer
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #000000 300%);
    background-color: currentColor;
    background-attachment: scroll;
to my CSS file and run my application, the Hierarchy opens with a grey colour but then it flashes back to the default light blue gradient of fusionFx-simple-v2.desktop as soon as it tries to fetch data.
But if i change these settings on the Hierarchy itself, the colour changes to the grey and it stays grey.
Any help with this will be appreciated
Stefan du Preez

Duplicate Hierarchy Viewer CSS issue
Timo

Firefox 3 CSS issues.

Hello,
We haven't seen any big issues either with the Firefox 3 beta's or Firefox 3 but now that FF 3 is out in the wild and no longer beta there are many more people using it. If you see any strange new CSS issue , in the Application Builder , SQL Workshop .. etc. I'd be much obliged if you posted it here.
Here is a good example http://oracleinsights.blogspot.com/2008/06/oracle-apex-builder-css-fix-for.html even though Mark went so far as to figure out the fix , thanks Mark , don't feel the need to do that just a quick post on the page and/or circumstance you saw it would be great.
Thanks in advance,
Carl
blog : http://carlback.blogspot.com/
apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5

Hi Carl,
Here's something Firebug showed me:
FirebugContext.browser is undefined
E("ContentArea")apex_ns_3_1.js (line 1)
? in apex_ns_3_1.js@1("ContentArea")apex_ns_3_1.js (line 1)
$x("ContentArea")apex_3_1.js (line 1)
$x_Style(["BB", "ContentArea", "ContentBody"], "display", "")apex_3_1.js (line 1)
$x_Show(["BB", "ContentArea", "ContentBody"])apex_3_1.js (line 1)
filterAttributeRegions(a#ALL.htmldbButtonListCurrent f?p=4000:4...682252#ALL, "#DEFAULTALL")apex_builder.js (line 1)
propTest()apex_builder.js (line 1)
? in apex_3_1.js@1()apex_3_1.js (line 1)
[Break on this error] var NameSpaceOnly=false;var apex={};if(a...aram("x02",C);H.ajax.add(I,B);H._get()};
Regards,
Dimitri
-- http://dgielis.blogspot.com/
-- http://www.apex-evangelists.com/
-- http://www.apexblogs.info/

CSS issue in EM

HI,
We have soa suite installed in cloud for the learners and sometimes the Em doesn't load properly..looks like some CSS issue.
How to debug it? what could be the problem?
thanks
Sanjeeva

Sanjeeva,
What do you mean by "Em doesn't load properly"?
Can you post more details? While loading EM look at the log file as well.
Arik

CSS issue in IE 7

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3300698008_833609
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and
picking it up as I go along. Yep another learner!
It¹s at
http://www.dmcdist.co.uk/CSS_Site/index.html
As I see it the Spry menu I¹ve created is shunted up to
the top over the DMC
logo whereas if I look at in Firefox 3 and the Mac browsers
it¹s absolutely
fine. Has IE 7 got issues with certain CSS inputs because
I¹ve tried
everything to get it to jump down.
Thanks.
--B_3300698008_833609
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>CSS issue in IE 7</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Calibri, Verdana, Helvetica,
Arial"><SPAN STYLE=3D'font-size:11pt=
'>Hi<BR>
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and pic=
king it up as I go along. Yep another learner!<BR>
It’s at <a href=3D"
/www.dmcdist.co.uk/CSS_Site/index.html</a><BR>
<BR>
As I see it the Spry menu I’ve created is shunted
up to the top over =
the DMC logo whereas if I look at in Firefox 3 and the Mac
browsers it&#8217=
;s absolutely fine. Has IE 7 got issues with certain CSS
inputs because I&#8=
217;ve tried everything to get it to jump down.<BR>
<BR>
Thanks.</SPAN></FONT>
</BODY>
</HTML>
--B_3300698008_833609--

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3300714750_1854234
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
I¹ve got around it by putting line spacing in above the
Spry table but I¹m
sure there must be a better workaround.
On 04/08/2008 5:00 pm, in article
C4BCE642.8A9E%[email protected], "Garry Bradley"
<[email protected]> wrote:
> Can I bump this as I need to try and figure it out.
>
>
> On 04/08/2008 12:33 pm, in article
C4BCA798.8A57%[email protected],
> "Garry Bradley" <[email protected]>
wrote:
>
>> Hi
>> I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and
>> picking it up as I go along. Yep another learner!
>> It¹s at
http://www.dmcdist.co.uk/CSS_Site/index.html
>>
>> As I see it the Spry menu I¹ve created is
shunted up to the top over the DMC
>> logo whereas if I look at in Firefox 3 and the Mac
browsers it¹s absolutely
>> fine. Has IE 7 got issues with certain CSS inputs
because I¹ve tried
>> everything to get it to jump down.
>>
>> Thanks.
>
--B_3300714750_1854234
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Re: CSS issue in IE 7</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Calibri, Verdana, Helvetica,
Arial"><SPAN STYLE=3D'font-size:11pt=
'>I’ve got around it by putting line spacing in
above the Spry table b=
ut I’m sure there must be a better
workaround.<BR>
<BR>
<BR>
On 04/08/2008 5:00 pm, in article <a
href=3D"C4BCE642.8A9E%garry.bradley@btin=
ternet.com">C4BCE642.8A9E%[email protected]</a>,
"Garry Brad=
ley" <<a
href=3D"[email protected]">garry.bradley@btinterne=
t.com</a>> wrote:<BR>
<BR>
</SPAN></FONT><BLOCKQUOTE><FONT
FACE=3D"Calibri, Verdana, Helvetica, Arial"><=
SPAN STYLE=3D'font-size:11pt'>Can I bump this as I need to
try and figure it o=
ut.<BR>
<BR>
<BR>
On 04/08/2008 12:33 pm, in article <a
href=3D"C4BCA798.8A57%garry.bradley@bti=
nternet.com">C4BCA798.8A57%[email protected]</a>,
"Garry Bra=
dley" <<a
href=3D"[email protected]">garry.bradley@btintern=
et.com</a>> wrote:<BR>
<BR>
</SPAN></FONT><BLOCKQUOTE><FONT
FACE=3D"Calibri, Verdana, Helvetica, Arial"><=
SPAN STYLE=3D'font-size:11pt'>Hi<BR>
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and pic=
king it up as I go along. Yep another learner!<BR>
It’s at <a href=3D"
/www.dmcdist.co.uk/CSS_Site/index.html</a><BR>
<BR>
As I see it the Spry menu I’ve created is shunted
up to the top over =
the DMC logo whereas if I look at in Firefox 3 and the Mac
browsers it&#8217=
;s absolutely fine. Has IE 7 got issues with certain CSS
inputs because I&#8=
217;ve tried everything to get it to jump down.<BR>
<BR>
Thanks.<BR>
</SPAN></FONT></BLOCKQUOTE><FONT
FACE=3D"Calibri, Verdana, Helvetica, Arial">=
<SPAN STYLE=3D'font-size:11pt'><BR>
</SPAN></FONT></BLOCKQUOTE>
</BODY>
</HTML>
--B_3300714750_1854234--

ADA Fixes for Robohelp: Frames & CSS Issues

Fellow Robohelpers:
I am attempting to resolve a set of major issues within Robohelp 8
a) Frames are not properly named in Robohelp 8. Is anyone aware with which files to change (post generation or pre-generation of outputs) to rename Frames so the visually impaired user is clearly informed which frame they are on
b)When you disable CSS, the navigational elements (frames) become a jumble. They do not function correctly (TOC, Index, Search) since Robohelp is heavily CSS dependent and hides objects (text fields, the various left hand navigational elments) behind CSS.
Any reccomendations how to resolve these, or insights as to how to make Adobe aware of this! I have been reaching out to them about this for quite some time! I am hoping capturing a workaround for at least a) will make the tool one step closer to ADA compliance (screen reader compliance)
Thanks
Yaseen

Hi,
I guess your output is WebHelp. First, try to create 'Section 508 compliant' output or pure HTML output. This may solve quite a bit of your problems.
If you don't want that output, this is what I think:
a) RH nests a lot of frames, but start looking at the launch file, the csh.htm file, whskinfrmset01.htm and whskin_frmset010.htm. Note that if you change the names of frames, this may cause some scripts to stop functioning...
b) As for the CSS issues, the only way to make that work is to manually sort out all problems and amend the javascripts.
If you want to let Adobe know your wish, use the wish form: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38
Greet,
Willam

Background image seems to be applied twice Can someone help with this CSS issue....

Can someone help with this CSS issue....
http://66.162.81.144/cms400min/default.aspx
If you view the main page you will see that our background is
2 shades of
orange.. if you look at the line that divides those colors to
the right and
left you wil notice that the line is higher
if you notice that it seems that there is another background
on top of the
first one..its the only thing i can think of..
the only place where the image is being referenced is in this
CSS style
html, body
min-height:100%;
margin-bottom:1px;
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Is there something wrong with the above CSS that could or
would cause this?
is it because im applying the image to both the HTML and
BODY?
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008

You've attached the background to both the html and the body.
I would do this:
html, body {
min-height:100%;
margin-bottom:1px;
body{
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Having said that the image doesn't look any higher on the
right than the
left to me in Firefox. Is it just an optical illusion?
Daniel wrote:
> Can someone help with this CSS issue....
>
>
http://66.162.81.144/cms400min/default.aspx
>
> If you view the main page you will see that our
background is 2 shades of
> orange.. if you look at the line that divides those
colors to the right and
> left you wil notice that the line is higher
>
> if you notice that it seems that there is another
background on top of the
> first one..its the only thing i can think of..
>
> the only place where the image is being referenced is in
this CSS style
>
> html, body
>
> {
>
> min-height:100%;
>
> margin-bottom:1px;
>
> text-align:center;
>
> background-repeat:no-repeat;
>
> background-image:url(images/Background-Color2.jpg);
>
> background-color:#F74902;
>
> background-position:center;
>
> background-attachment:fixed;
>
>
> }
>
> Is there something wrong with the above CSS that could
or would cause this?
> is it because im applying the image to both the HTML and
BODY?
>

Stuck on few CSS issues mid-build

Hi all,
Spend the last week making some good progress with a website build, but I’ve hit a few stumbling blocks I hoped the CSS pros out there might be able to help with please!
<div id="body_container">
I’ve tried setting this div’s height to 100% so it expands accordingly (set to 800px right now), but when I do this it ‘disappears’ from view – i.e. the background colour vanishes and all its contents appear on a white background which is applied to the #body_container_fullwidth. Any ideas what I’m doing wrong?
<div id="left_content">
Why isn’t this expanding in height to accommodate the youtube video? It’s height is set to 100%.
<hr class="leftcontent1"></hr>
I’m seeing this in Dreamweaver but not in FF or IE preview. Any ideas?
<img class="rightbutton" src="Images/right_button.png" width="24" height="24" alt="More" />
I’ve put this image in the <div id="right_content_greystrip"> container but it’s appearing below and I can’t work out why?
Sorry it’s quite a few issues all at once – I’ve been over each time and time again but am thoroughly stuck!
Thanks in advance guys
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<link href="CSS/style_sheet.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17957242-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>
<div id="logo_address_container_fullwidth">
<div id="logo_address_container">
<div id="logo_container"><a href="Templates/test.com"><img src="Images/thewharfhouse-logo.png" width="359" height="41" alt="The Wharf House" /></a></div>
<div id="address_container">
<p class="headeraddress">Over, Gloucester, GL2 8DB | 01452 332 900 | <a href="Templates/www.test.com">[email protected]</a></p>
</div>
</div>
</div>
<div id="nav_container_fullwidth">
<div id="nav_container">
<p class="nav"><a href="Templates/www.test.com">Home</a> • <a href="Templates/www.test.com">Restaurant</a> • <a href="Templates/www.test.com">Accommodation</a> • <a href="Templates/www.test.com">Online Shop</a> • <a href="Templates/www.test.com">News & Events</a> • <a href="Templates/www.test.com">Functions & Weddings</a> • <a href="Templates/www.test.com">Local Tourism</a> • <a href="Templates/www.test.com">Contact</a></p>
</div>
</div>
<div id="header_image_container_fullwidth">
<div id="header_image_container">
<img src="Images/header-test.jpg" width="1100" height="350" alt="Header test" /></div>
</div>
<div id="body_container_fullwidth">
<div id="body_container">
<div id="body_container_left">
<div id="left_content">
<h1 class="leftcontent1">Welcome to The Wharf House</h1>
<hr class="leftcontent1"></hr>
<h2>Welcome to the award winning waterside Restaurant and Accommodation, situated in Over on the edge of the historic city of Gloucester.</h2>
<p>Welcome to The Wharf House Waterside Restaurant with Rooms, set in the perfect riverside location. Sample our culipxary delights, which have recently been awarded a highly acclaimed red rosette by the AA or enjoy a stay in our beautiful rooms awarded with 4 stars by the AA.</p>
<p>Each of our 6 bedrooms provide wonderful views of the River Severn, or our newly restored Canal Basin. All rooms are equipped with wide-screen TV’s, walk in WiFi, and private en suite facilities, some with whirl-pool baths.</p>
<p>All rooms include breakfast the following morning. Breakfast is served between 7.30am-9.30am Monday to Friday and 8.30am-9.45am Saturday and Sunday
(earlier if required at a supplement of £5 per room per half hour).</p>
<p>All profits made by The Wharf House are used for the promotion and restoration of the Herefordshire and Gloucestershire Canal Trust.</p>
</div>
<div id="left_content">
<h1 class="leftcontent2">The Wharf House video showcase</h1>
<div id="youtube">
<iframe width="380" height="214" src="http://www.youtube.com/embed/f8UT6QJIMfE" frameborder="0" allowfullscreen></iframe>
</div>
<p>Take a look inside The Wharf House restaurant and rooms in Over, near Gloucester, with naration from Natasha Turney at the restaurant.</p>
</div>
</div>
<div id="body_container_right">
<div id="right_content">
<h1 class="rightcontent">Book your stay</h1>
<img class="rightcontent" src="Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Check availability and book your stay in one of our luxurous individual rooms.</p>
    <div id="right_content_greystrip">
          <p class="right_content_greystrip"><a href="Templates/test.com">Check room availability</a></p>
        <a href="Templates/test.com"><img class="rightbutton" src="Images/right_button.png" width="24" height="24" alt="More" /></a></div>
     </div>
<div id="right_content">
<h1 class="rightcontent">Over Canal Festival 2012</h1>
<img class="rightcontent" src="Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Don’t miss the Over Canal Festival on Saturday 1 and Sunday 2 September 2012, featuring Prunella Scales and Timothy West, heritage boat processions, fun on the water, great food and drink, music and lots more!</p>
</div>
<div id="right_content">
<h1 class="rightcontent">Christmas 2012 menus available now</h1>
<img class="rightcontent" src="Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Turkey is banned for another year at The Wharf House, but instead you’ll find a tempting selection of courses sure to please even the pickiest eater in your party. Plus, a buffet menu is also available this festive season.</p>
</div>
</div>
</div>
</div>
<div id="top-footer_container_fullwidth">
<div id="top-footer_container">
<p class="footertop">The Wharf House, Over, Gloucester, GL2 8DB | 01452 332 900 |<a href="Templates/www.test.com"> [email protected]</a></p>
</div>
</div>
<div id="middle-footer_container_fullwidth">
<div id="middle-footer_container">
<div id="middle-footer_container_text">
<p class="footermiddle">Awards and accolades</p>
</div>
<div id="middle-footer_container_awardsaccolades_img"><img src="Images/aa-accommodation-logo.png" alt="AA 4 Star Guest Accommodation" width="63" height="100" class="awardsaccolades" /></div>
<div id="middle-footer_container_awardsaccolades_img"><img src="Images/aa-restaurant-logo.png" alt="AA Rosette Restaurant" width="64" height="100" class="awardsaccolades" /></div>
<div id="middle-footer_container_awardsaccolades_img"><img src="Images/green-tourism-silver-logo.png" alt="Silver Green Tourism" width="77" height="100" class="awardsaccolades" /></div>
<div id="middle-footer_container_text">
<p class="footermiddle">Social media links</p>
</div>
<div id="middle-footer_container_socialmedia_img"><a href="https://www.facebook.com/TheWharfHouse" target="_blank"><img src="Images/facebook-logo.png" alt="Facebook" width="109" height="41" class="socialmedia" /></a></div>
<div id="middle-footer_container_socialmedia_img"><a href="https://twitter.com/thewharfhouse" target="_blank"><img src="Images/twitter-logo.png" alt="Twitter" width="121" height="41" class="socialmedia" /></a></div>
</div>
</div>
<div id="bottom-footer_container_fullwidth">
<div id="bottom-footer_container">
<p class="footerbottom1"><a href="Templates/www.test.com">Home</a> • <a href="Templates/www.test.com">Restaurant</a> • <a href="Templates/www.test.com">Accommodation</a> • <a href="Templates/www.test.com">Online Shop</a> • <a href="Templates/www.test.com">News & Events</a> • <a href="Templates/www.test.com">Functions & Weddings</a> • <a href="Templates/www.test.com">Local Tourism</a> • <a href="Templates/www.test.com">Contact</a></p>
<p class="footerbottom2">All profits from The Wharf House will be used for the promotion and restoration of the Hereford and Gloucester Canal. © 2012.</p>
</div>
</div>
</body>
</html>
@charset "utf-8";
html {
    min-height: 100%;
    margin-bottom: 1px;
body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-right: 0px;
p {
    font:Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
    margin-bottom: 1.2em;
    margin-top: 0em;
    line-height: 1.4em;
    text-align: left;
    font-weight: normal;
    margin-left: 15px;
    margin-right: 15px;
p.headeraddress {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    text-align:left;
    color: #666666;
p.nav {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #FFF;
    text-align:center;
p.nav a:link {
    color: #FFF;
    text-decoration: none;
p.nav a:visited {
    text-decoration: none;
    color: #FFF;
p.nav a:hover {
    color: #FFF;
    text-decoration: underline;
p.nav a:active {
    color: #FFF;
    text-decoration: underline;
p.footertop {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    text-align:center;
    color: #666666;
p.footermiddle {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    text-align:right;
    color: #666666;
img.awardsaccolades {
    display: block;
    margin-left: auto;
    margin-right: auto;
img.socialmedia {
    display: block;
    margin-left: auto;
    margin-right: auto;
p.footerbottom1 {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    text-align:center;
    color: #666666;
p.footerbottom2 {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    text-align:center;
    color: #666666;
img {
    border: 0px;
h1.leftcontent1 {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #840000;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
    font-weight:400;
h1.leftcontent2 {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #666666;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight:400;
h1.rightcontent {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #666666;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight:400;
img.rightcontent {
    float:left;
    margin-left: 15px;
    margin-right: 12px;
#youtube {
    float:left;
    margin-left: 15px;
    margin-right: 12px;
hr.leftcontent1 {
border: 1px;
width: 520px;
color: #840000;
height: 1px;
margin-left: 15px;
margin-top: 6px;
h2 {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style:italic;
    color: #666666;
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-weight:400;
a:link {
    color: #840000;
    text-decoration: none;
a:visited {
    text-decoration: none;
    color: #840000;
a:hover {
    color: #840000;
    text-decoration: underline;
a:active {
    color: #666666;
    text-decoration: underline;
#logo_address_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color:#F1EACE;
    margin: auto;
    padding-top: 35px;
#logo_address_container {
    width: 960px;
    height: 74px;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#logo_container {
    width: 359px;
    height: 41px;
    float:left;
    padding-left: 20px;
#address_container {
    width: 561px;
    height: 20px;
    float:left;
    padding-left: 20px;
    margin-top: 14px;
#nav_container_fullwidth {
    width: 100%;
    float:left;
    background-color:#840000;
    margin: auto;
    padding: 0px;
#nav_container {
    width: 960px;
    height: 30px;
    background-color:#840000;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
#header_image_container_fullwidth {
    width: 100%;
    height: 350px;
    float:left;
    background-color:#F1EACE;
    margin: auto;
    padding: 0px;
#header_image_container {
    width: 1100px;
    height: 100%;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#body_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #FFF;
    margin: auto;
    padding: 0px;
#body_container {
    width: 960px;
    height: 800px;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
#body_container_left {
    width: 580px;
    background-color:#F1EACE;
    float:left;
    margin-left: 30px;
    margin-top: 30px;
#body_container_right {
    width: 290px;
    background-color:#F1EACE;
    float:right;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
#left_content {
    width: 580px;
    height: 100%;
    background-color:#FFF;
    box-shadow: 3px 3px 5px #999;
    padding-top: 1px;
    padding-bottom: 8px;
    margin-bottom: 30px;
#right_content {
    width: 290px;
    height: 100%;
    background-color:#FFF;
    box-shadow: 3px 3px 5px #999;
    padding-top: 1px;
    padding-bottom: 10px;
    margin-bottom: 30px;
#right_content_greystrip {
    width: 290px;
    height: 24px;
    background-color:#DFDFDF;
    float:left;
img.rightbutton {
    float:right;
p.right_content_greystrip {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:right;
    padding-top: 1px;
    margin-right: 5px;
p.right_content_greystrip a:link {
    color: #840000;
    text-decoration: none;
p.right_content_greystrip a:visited {
    text-decoration: none;
    color: #840000;
p.right_content_greystrip a:hover {
    color: #840000;
    text-decoration: underline;
p.right_content_greystrip a:active {
    color: #840000;
    text-decoration: underline;
#top-footer_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #E6D69C;
    margin: auto;
    padding: 0px;
    font:Georgia, "Times New Roman", Times, serif;
    padding-top: 20px;
#top-footer_container {
    width: 960px;
    height: 100%;
    background-color:#E6D69C;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#middle-footer_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #F1EACE;
    margin: auto;
    padding: 0px;
    border-top: 1px solid #840000;
    border-bottom: 1px solid #840000;
    font:Georgia, "Times New Roman", Times, serif;
#middle-footer_container {
    width: 960px;
    height: 140px;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#middle-footer_container_text {
    width: 160px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-top: 60px;
#middle-footer_container_awardsaccolades_img {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-top: 20px;
#middle-footer_container_socialmedia_img {
    width: 130px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-top: 48px;
#bottom-footer_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #E6D69C;
    margin: auto;
    padding: 0px;
    font:Georgia, "Times New Roman", Times, serif;
#bottom-footer_container {
    width: 960px;
    height: 75px;
    background-color:#E6D69C;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;

Hi osgood_,
Thanks so much for your generous help - this was hugely useful and much appreciated. I also managed to fix my top query via your overflow: hidden; suggestion too.
Everything's looking great with the exception of my little ../Images/right_button.png image which isn't showing up for some reason - I ideally want it to be flush over on the right of that greystrip - any ideas?
Thanks again
<div id="body_container_right">
<div id="right_content">
<h1 class="rightcontent">Book your stay</h1>
<img class="rightcontent" src="../Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Check availability and book your stay in one of our luxurous individual rooms.</p>
    <div id="right_content_greystrip">
<p class="right_content_greystrip"><a href="../Images/right_button.png"><span>Check room availability</span><img src="Images/right_button.png" width="24" height="24" alt="More" /></a></p>
</div>
</div>
<div id="right_content">
<h1 class="rightcontent">Over Canal Festival 2012</h1>
<img class="rightcontent" src="../Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Don’t miss the Over Canal Festival on Saturday 1 and Sunday 2 September 2012, featuring Prunella Scales and Timothy West, heritage boat processions, fun on the water, great food and drink, music and lots more!</p>
</div>
<div id="right_content">
<h1 class="rightcontent">Christmas 2012 menus available now</h1>
<img class="rightcontent" src="../Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Turkey is banned for another year at The Wharf House, but instead you’ll find a tempting selection of courses sure to please even the pickiest eater in your party. Plus, a buffet menu is also available this festive season.</p>
</div>
</div>
@charset "utf-8";
html {
    min-height: 100%;
    margin-bottom: 1px;
body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-right: 0px;
p {
    font:Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
    margin-bottom: 1.2em;
    margin-top: 0em;
    line-height: 1.4em;
    text-align: left;
    font-weight: normal;
    margin-left: 15px;
    margin-right: 15px;
p.headeraddress {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    text-align:left;
    color: #666666;
p.nav {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    color: #FFF;
    text-align:center;
p.nav a:link {
    color: #FFF;
    text-decoration: none;
p.nav a:visited {
    text-decoration: none;
    color: #FFF;
p.nav a:hover {
    color: #FFF;
    text-decoration: underline;
p.nav a:active {
    color: #FFF;
    text-decoration: underline;
p.footertop {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    text-align:center;
    color: #666666;
p.footermiddle {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    text-align:right;
    color: #666666;
img.awardsaccolades {
    display: block;
    margin-left: auto;
    margin-right: auto;
img.socialmedia {
    display: block;
    margin-left: auto;
    margin-right: auto;
p.footerbottom1 {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    text-align:center;
    color: #666666;
p.footerbottom2 {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    text-align:center;
    color: #666666;
img {
    border: 0px;
h1.leftcontent1 {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #840000;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0px;
    font-weight:400;
h1.leftcontent2 {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #666666;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight:400;
h1.rightcontent {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    color: #666666;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-weight:400;
img.rightcontent {
    float:left;
    margin-left: 15px;
    margin-right: 12px;
#youtube {
    float:left;
    margin-left: 15px;
    margin-right: 12px;
hr.leftcontent1 {
border: solid 1px;
width: 520px;
color: #840000;
height: 1px;
margin-left: 15px;
margin-top: 6px;
h2 {
    font:Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style:italic;
    color: #666666;
    margin-top: 0px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-weight:400;
a:link {
    color: #840000;
    text-decoration: none;
a:visited {
    text-decoration: none;
    color: #840000;
a:hover {
    color: #840000;
    text-decoration: underline;
a:active {
    color: #666666;
    text-decoration: underline;
#logo_address_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color:#F1EACE;
    margin: auto;
    padding-top: 35px;
#logo_address_container {
    width: 960px;
    height: 74px;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#logo_container {
    width: 359px;
    height: 41px;
    float:left;
    padding-left: 20px;
#address_container {
    width: 561px;
    height: 20px;
    float:left;
    padding-left: 20px;
    margin-top: 14px;
#nav_container_fullwidth {
    width: 100%;
    float:left;
    background-color:#840000;
    margin: auto;
    padding: 0px;
#nav_container {
    width: 960px;
    height: 30px;
    background-color:#840000;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
#header_image_container_fullwidth {
    width: 100%;
    height: 350px;
    float:left;
    background-color:#F1EACE;
    margin: auto;
    padding: 0px;
#header_image_container {
    width: 1100px;
    height: 100%;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#body_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #FFF;
    margin: auto;
    padding: 0px;
#body_container {
    width: 960px;
    overflow: hidden;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
#body_container_left {
    width: 580px;
    background-color:#F1EACE;
    float:left;
    margin-left: 30px;
    margin-top: 30px;
#body_container_right {
    width: 290px;
    background-color:#F1EACE;
    float:right;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
#left_content {
    width: 580px;
    overflow: hidden;
    background-color:#FFF;
    box-shadow: 3px 3px 5px #999;
    padding-top: 1px;
    padding-bottom: 8px;
    margin-bottom: 30px;
#right_content {
    width: 290px;
    height: 100%;
    background-color:#FFF;
    box-shadow: 3px 3px 5px #999;
    padding-top: 1px;
    padding-bottom: 10px;
    margin-bottom: 30px;
#right_content_greystrip {
    width: 290px;
    background-color:#DFDFDF;
    float: left;
#right_content_greystrip span {
    float: left;
    width: 230px;
    display: block;
    padding: 3px 0 0 0;
#right_content_greystrip img {
    float: right;
p.right_content_greystrip {
    margin-bottom: 1.2em;
    margin-top: 0em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:right;
    padding-top: 1px;
    margin-right: 5px;
p.right_content_greystrip a:link {
    color: #840000;
    text-decoration: none;
p.right_content_greystrip a:visited {
    text-decoration: none;
    color: #840000;
p.right_content_greystrip a:hover {
    color: #840000;
    text-decoration: underline;
p.right_content_greystrip a:active {
    color: #840000;
    text-decoration: underline;
#top-footer_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #E6D69C;
    margin: auto;
    padding: 0px;
    font:Georgia, "Times New Roman", Times, serif;
    padding-top: 20px;
#top-footer_container {
    width: 960px;
    height: 100%;
    background-color:#E6D69C;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#middle-footer_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #F1EACE;
    margin: auto;
    padding: 0px;
    border-top: 1px solid #840000;
    border-bottom: 1px solid #840000;
    font:Georgia, "Times New Roman", Times, serif;
#middle-footer_container {
    width: 960px;
    height: 140px;
    background-color:#F1EACE;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
#middle-footer_container_text {
    width: 160px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-top: 60px;
#middle-footer_container_awardsaccolades_img {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-top: 20px;
#middle-footer_container_socialmedia_img {
    width: 130px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-top: 48px;
#bottom-footer_container_fullwidth {
    width: 100%;
    height: 100%;
    float:left;
    background-color: #E6D69C;
    margin: auto;
    padding: 0px;
    font:Georgia, "Times New Roman", Times, serif;
#bottom-footer_container {
    width: 960px;
    height: 75px;
    background-color:#E6D69C;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;

HTML+CSS Issue

Hi there,
I am not sure if my question can be answered here, but here's what's happening:
I have a blog on my page that's hosted by Zenfolio, and they don't support this, yet its their interface doing this and not me. Whenever I insert a new image, and click next to it and then "enter" to make a new paragraph below for text or another image it is adding unwanted paragraphs! In the photo below there should be one paragraph and not 8.
I used to have this happen to me in Dreamweaver rarely, but I was able to go in HTML view and simply delete the extra paragraphs without altering the rest of the layout. If I go in HTML view in that interface it will not just delete those paragraphs, but would mangle up everything....see the other screen shot: It is moving the text around the image which is not what I want.
This interface I am typing now is very similar with the one from Zenfolio, here too I inserted these photos, and had to click next to them + enter to go down to the next paragraph, and when I looked at the HTML there was only one paragraph spacing between the images as it should be; so the question is why is it doing this and how do I stop it!? I rather not use tables. (Which was their suggestion, and which has also a spacing problem; I set the height of the cell to 22 for example and when previewing the post its at least 60).

Hi,
I don't have that option...this is what I have there: They don't allow many options apparently on the posts; I can't change the margin either, and its set to like 45 or something...really far from the side of the page. I can customize the CSS for the rest of the page, but not the blog part. I have an issue with the text size too because it makes it 1.36% larger by default, and whenever I change that it won't remember it as I continue on the same line. I set the size at 12, and after I put a period, and continue on the same line it blows the text again at 16.
I emailed them about it...that interface also doesn't correct spellings; it underlines them but not offers the correction, it offers me to paste from word...which is very annoying.
Thank you,

CSS Issues appearing in IE8 Only

Hi,
I'm using RH7, and I've recently discovered that my 123, bullets, and ABC styles in my webhelp project aren't appearing properly in IE8. They appear fine in Firefox and IE7 and in the WYSIWYG editor, just not in IE8 when the help has been deployed to the server. To further complicate the situation, when I view the generated help in IE8 on my drive, everything appears correctly. It's just when viewing the help on the server in IE8 that these issues are occurring.
This is what's happening:
- Bulleted lists within numbered steps are appearing "hollow". I've checked that "list-style: disc;" is specified in the CSS in both the LI and P definitions.
- Numbered steps are appearing larger than they should be.
- ABC substeps within numbered steps are appearing as 123.
I experienced similar issues when upgrading to RH8 (we've since rolled back to 7). However, the difference with the RH8 issues is that they were occuring across all browsers, and could be viewed in the generated output on my drive. As mentioned, this only occurs in IE8 when viewing the help on the server.
This is what's specified in the CSS:
Bullet style:
P.BulletedStep {
color: #000000;
list-style: disc;
LI.P-BulletedStep {
color: #000000;
list-style: disc;
Numbered Style:
P.NumberedStep {
color: #000000;
font-size: 10pt;
list-style: decimal;
LI.P-NumberedStep {
color: #000000;
font-size: 10pt;
list-style: decimal;
ABC Style:
P.NumberedStepABC {
list-style: lower-alpha;
LI.P-NumberedStepABC {
list-style: lower-alpha;
Any help or suggestions would be much appreciated.

Thank you Peter and Willam for your responses, and sorry for my delay in replying.
The help was recently moved to another server where I FTP the files up myself. This has resolved the issue, so you were both correct that the version of the CSS on the old server was not the same as the one on my drive. I guess it was a silly question, as it seems so obvious now with both your responses and the solution in place.
Regardless, thanks for your help. Always appreciated.

CSS issues with FireFox

I was wondering if anyone could help, the attached code
displays fine in IE6 but the left hand column goes haywire in FF.
Any suggestions?
Thanks in advance!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>

<script type="text/javascript">

</script>
</head>
<body class="twoColHybLtHdr"
onload="MM_preloadImages('Images/chocorangefireworks2.jpg')">
<div class="style1" id="container">
<div id="header">
<h1 class="twoColHybLtHdr"> </h1>
</div>
<div id="sidebar1">
<div id="nav">
<ul>
<li><a href="#" class="style2">Home
</a></li>
<li><a href="#" class="style2">About Us
</a></li>
<li><a href="#" class="style2">Cakes
</a></li>
<li><a href="#" class="style2">Pies </a>
</li>
<li><a href="#"
class="style2">Desserts</a></li>
<li><a href="#" class="style2">Contact
Us</a></li>
</ul>
</div>
<h3> </h3>
</div>
<div id="qae">
<p align="center">
<br />
<img src="Images/Quick_Links3.jpg" alt="quicklinks"
width="112" height="26" /><br />
<br />
<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image4','','Images/chocorangefireworks2.jpg',1)"><br
/>
<img src="Images/chocorangefireworks.jpg" name="Image4"
width="95" height="92" border="0" id="Image4"
/></a></p>
<p align="center" class="link_fonts style1">Chocolate
Orange Biscuits.</p>
<p align="center"><a href="#"
onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Lemon
Meringue','','Images/Lemon Meringue2.jpg',1)"><img
src="Images/Lemon Meringue.jpg" alt="Lemon Meringue Pie"
name="Lemon Meringue" width="100" height="100" border="0" id="Lemon
Meringue" /></a></p>
<p align="center" class="link_fonts style1">Lemon
Meringue Pie</p>
<p> </p>
<p> </p>
</div>
<div id="mainContent">
<p><br />
<span class="style7 style7 style7 style7 style7
style7">Welcome to Bakers Delight! </span></p>
<p>If you love to bake then this is the website for
you. Packed with all sorts of yummy recipes to keep your taste buds
rocking!</p>
Whether you are entertaining, baking a treat for a friend or
just feeling plain peckish then come along and browse through our
recipes.
<p>Feel free to browse around and make sure to come
back soon and check out our newest recipes. </p>
<h1> </h1>
</div>

<br class="clearfloat" />
<div id="footer">
<p align="center" class="style6">Home l About Us l
Cakes l Biscuits l Pies l Desserts l Contact Us</p>
</div>
</div>
</body>
</html>

ok, im quite supprised at that, beacause in my FF and Opera
whats meant to be the left column (pink rollover links) appear
across the whole screen on top, whereas in IE they sit neatly to
the left.

CSS issues....get Javascript error on click event

Trying to finish up this navbar. Got it where my navigation works pretty much great. However, the code I expected to work when I fire a click event on the logo (represnted currently by a gray circle) causes a 'Javascript error in event handler! Event Type = element' error instead. Not sure why. I know I had an issue with one of my button references (spelling issue) but beyond that, everything seems to be in order.
This is the code I'm using. The first five lines work right. The second series does not.
sym.getSymbol("btnVision").$("back").css({opacity: 0})
sym.getSymbol("btnIndustires").$("back").css({opacity: 1})
sym.getSymbol("btnResp").$("back").css({opacity: 1})
sym.getSymbol("btnCommunity").$("back").css({opacity: 1})
sym.getSymbol("btnDiscovery").$("back").css({opacity: 1})
var stage = sym.getComposition().getStage()
stage.$("navVision").css({top: 65});
stage.$("navIndustries").css({top: 65});
stage.$("navResp").css({top: 65});
stage.$("navCommunity").css({top: 65});
stage.$("navDiscovery").css({top: 65});
I should mentioned I tried sym.getSymbol for the bottom entries but that simply produced the same exact error. Sign.
Anyone know what might be causing this? It doesn't seem to make sense to me. Here's the files.
https://www.dropbox.com/s/xo90u6hvj65ix78/nav.zip

Hi ladobeugm,
The error message is rather cryptic, but this occurs when trying to access something not defined, as you already experienced with your misspelling.
You should use Firebug to localize the error via step by step execution. There is a Scripts tab. In its menu, select <youProject>Actions.js. Then, define a breakpoint by clicking in the line number of statement var stage= etc. In the Spies area, you can look for the offending statement by monitoring variable values.
Gil

CSS Issue in IE

Hi all
I have an issue with CSS. I have an HTML which is working fine in all browsers(IE,FF,Chrome,Safari). When I rename html to cfm, the text and images and getting misalligned in IE. Working fine in rest of the browsers.Only in IE it is not working. The html file is working fine even in IE.
Can someone help me on this.
Thanks
KC

Experiment. For example, use the cfprocessingdirective tag to suppress any white space Coldfusion may cause
<cfprocessingdirective suppressWhiteSpace = "Yes">

</cfprocessingdirective>

CSS Issue in Safari

Hello there and hi fellow MAC users, in particular!
I’m saying this because I’m dealing with an issue
that seems to be exclusive to Apple’s Safari browser.
I’m currently working on a site that makes quite some use of
CSS. Unfortunately, the “bodytext” style in the
inner-page won’t display properly in Safari although it
displays fine in IE, Fire Fox, etc.
You can review the page in question at
www.fastventures.com/eco/temp_sec.html
Please help. Any ideas and suggestions would really be
appreciated! Thanks a million!

We figured it out. It was a sloppy line of code in the CSS.
Thanks anyways!

CSS Issues

Hi,
been fiddling a little with javaFx, having fun, but I am seeing some unexpected behaviour:
* someObject.getStyleClass().remove("A class') has no effect on the rendering of that object, e.g. the associated style settings are not discarded at all when removing the style class.
* For Labels: When adding a scale hover effect (using setOnMouseEntered and setOnMouseExited) the scaling of the text contained in the label only occurs the first time, the subsequent times the label resizes but the text size remains the same
-> label.setScaleX(1.5) on enter, label.setScaleY(1.0) on exit....

For the first issue, there is a bug in JIRA that addresses this (JIRA is down at the moment, so I can't tell you which). Basically, when you remove a style class, the defaults are not restored to the node before CSS is reapplied. As a workaround, you can create styles that have the defaults that you want so that when you remove one style class the other will completely restyle the node.
On the scaling issue, that sounds like a bug. Or it might be that CSS is styling the font as a result of the hover. You can look in caspian.css (extract it from jfxrt.jar) to see the styles on .label. You might try scaling via CSS:
.label:hover { -fx-scale-x: 150%; }

Css Issue

Similar Messages

Maybe you are looking for