Css issues, caused by spry?

I am having some real problems getting css to function
properly. It seems that if I try and edit the spry menu then my
other css page (for my font styles) is no longer connected when
published. To make matters more frustrating it works fine in
Dreamweaver, only when i view in browser or publish it to the web
are the styles no longer available. Any suggestions?
site : applesenglish.com example the titles at the top of the
page are supposed to be large and red....thanks
Tim

One place to start would be to change your class selectors
.h1 and .h3 to
tag selectors - and then change the p tags to h1's and h3's.
So, instead of
<p class="H1">Welcome to Mr. Apple's English
Academy</p>
you'd have:
<h1>Welcome to Mr. Apple's English Academy</h1>
I don't think the Spry CSS is interfering here.
Best - Joe
Joseph Lowery
VP of Product Management, WebAssist -
http://www.webassist.com
Author, Dreamweaver CS3 Bible -
http://www.idest.com/dreamweaver/
"whatisgood" <[email protected]> wrote in
message
news:gj28lu$5hk$[email protected]..
>I am having some real problems getting css to function
properly. It seems
>that
> if I try and edit the spry menu then my other css page
(for my font
> styles) is
> no longer connected when published. To make matters more
frustrating it
> works
> fine in Dreamweaver, only when i view in browser or
publish it to the web
> are
> the styles no longer available. Any suggestions?
>
> site : applesenglish.com example the titles at the top
of the page are
> supposed to be large and red....thanks
>
> Tim
>

Similar Messages

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?
>

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

[svn] 4690: * Fixed an issue caused by revision 4330.

Revision: 4690
Author: [email protected]
Date: 2009-01-27 13:12:47 -0800 (Tue, 27 Jan 2009)
Log Message:
* Fixed an issue caused by revision 4330. Due to leaving the backing
variables and functions in the public namespace, they were showing
up in FlexBuilder's code hinting and DataGrid's without specified
columns. Now they are "hidden" in the mx_internal namespace.
tests Passed: checkintests, mxunit databinding
Needs QA: YES
Needs DOC: NO
Bug fixes: SDK-18853, SDK-18604
API Change: NO
Reviewer: Pete F.
Code-level description of changes:
frameworks/projects/framework/src/mx/binding/BindingManager.as
Modified set() to no longer require a userNamespace arg. The
mx_internal namespace is now assumed.
modules/compiler/src/java/flex2/compiler/as3/genext/GenerativeSecondPassEvaluator.java
Renamed makeAttrListPublic() to makeMxInternalAndRemoveOverride(DefinitionNode)
and updated it to handle IdentifierNodes in the
AttributeListNode's items.
Added makeMxInternalAndRemoveOverride(IdentifierNode, Iterator) as
a helper method for common code in
makeMxInternalAndRemoveOverride(DefinitionNode).
modules/compiler/src/java/flex2/compiler/as3/genext/GenerativeClassInfo.java
Modified AccessorInfo's constructor to create a more unique backingPrefix.
Modified getQualifiedBackingPropertyName() to always use the
mx_internal namespace.
modules/compiler/src/java/flex2/compiler/as3/binding/BindableProperty.vm
Modified BindingManager.set() call to no longer pass in the userNamespace.
modules/compiler/src/java/flex2/compiler/as3/binding/BindableFirstPassEvaluator.java
Modified evaluate(Context, ClassDefinitionNode) to add an import
for mx_internal.
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-18853
http://bugs.adobe.com/jira/browse/SDK-18604
Modified Paths:
flex/sdk/trunk/frameworks/projects/framework/src/mx/binding/BindingManager.as
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/as3/binding/BindableFirstPassEval uator.java
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/as3/binding/BindableProperty.vm
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/as3/genext/GenerativeClassInfo.ja va
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/as3/genext/GenerativeSecondPassEv aluator.java
flex/sdk/trunk/modules/compiler/src/java/flex2/compiler/as3/managed/ManagedProperty.vm

After days of tweaking and suspecting antivirus behind the problems, I reverted back to MSI's default drivers as listed on the product webpage. It appears to be stable so far. Well at least I can use it now.
I'm not sure if Killer's drivers are suck or MSI don't allow drivers 'not certified by them'. But its bad news if someone wants to use the latest drivers considering we're talking cutting edge gaming laptops here.

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

HTML TAG ISSUES WHEN LOADING SPRY

hello. i'm having some issues when loading spry pages, the
<a href> tags within the fragments of html pages that i'm
loading with spry are deactivating themselves
http://www.asiwouldsay.com/TEST/"
the zine link is a good example of this as well as some of
the artist pages when adding more html text the back buttons
created stop working. all the pages work when loaded by itself but
not as spry fragments.
any help? i'm going crazy over here :)
Thanks in advance

The links aren't deactivated, what's happening is that your
nav bar at the bottom (apDiv2) is absolutely positioned. When you
load the zine page, the container you load it into is stretching to
accomodate the zine content, and goes *underneath* your nav bar.
Now when you click on what looks like a link, your nav bar is
actually intercepting the click event.
You can see what I mean by giving your nav bar a background
color.
--== Kin ==--

Centering a Horizontal CSS only, jQuery, or Spry navigation bar within a Div

Hello all. I need a solution for centering a horizontal style nav bar whether it be css only, jQuery or Spry based. I've been trying to use widgets from the adobe widget browser or other ones I've been able to find online. I have been able to get the graphic that goes behind the links to span the entire width of the Div, but I can't move the actual links to the center of the screen and get it to stay in the middle like the rest of the elements do when you resize the page. The links always stay anchored to the left side of the page. I've been able to move them all the way to the right side of the page through a certain css change, but that is not what I'm looking for. Do I need to resize the Div, or add a div within the div? Do I need to split the horizontal width of the single div into three div's and put the nav bar into the middle one? If that is the solution, how do I add the div's next to each other, I tried adding a div within the div, but nothing really appears to show up, so that must essentially be a wrong way of going about it.
Well anyways, I need some advice, somebody please lead me in the right direction on how to get this right. In the div above the one I'm trying to make this happen in, I have a flash object and it just centers itself perfectly with the div and moves with the rest of the page fluidly when you resize. And the same goes for a div right above that which contains the company logo.
Thanks for help in advance.

This is what I mean by the dotted lines not lining up evenly at the ends.
Here is the source code for the page, followed by the css:
<!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 name="description" content="Common Wealth Web Solutions: Web Development, Graphic Design, Media Consultant, Community Engagement" />
<meta name="keywords" content="Common,Wealth,Web,Solution,Design,Graphic,Development,Interactivity,services,fla sh,php,javascript,ajax,professional,Caleb Wright, Peter Wallis,artist,video,multimedia,production,search engine optimization,SEO,video production design" />
<meta http-equiv="Content-Type" content="text
/html; charset=UTF-8" />
<title>Common Wealth Web Solutions: Web Development, Graphic Design, Media Consultation, Community Engagement</title>
<link href="stylesMain.css" rel="stylesheet" type="text/css" />



<script type="text/javascript" src="scripts.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:1844px;
    height:43px;
    z-index:1;
    left: 64px;
    top: 253px;
body {
    background-color: #FFF;
</style>
<link href="SpryAssets/SpryAccordion_flexible.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:link {
    color: #00F;
</style>
<style type="text/css">
#menu {
width: 700px;
margin: 0 auto;
#menu ul {
padding: 0;
margin: 0;
text-align:center;
list-style:none
#menu li{
padding: 0;
margin: 0;
display:inline;
margin-right: -2px;
#menu a {
background-color:#66F;
padding: 6px 15px;
color: #fff;
text-decoration: none;
#menu a:hover {
background-color:#39C;
</style>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-5']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_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>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-6']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_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>
<link href="CSSOnlyMenu4/css/menu4.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2141545: #OAWidget */
#menu4 ul {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 30px;
    letter-spacing: -3px;
    border-top:5px dotted #003399;
    border-bottom:5px dotted #003399;
    margin:20px;
#menu4 ul li a{
    color: #003399;
    padding: 10px 5px 10px 10px;
    width: 170px;
#menu4 ul li a:hover span.title{
    color:#00adef;
#menu4 ul li a span.text{
    font-family: Georgia, serif;
    font-size: 13px;
    color:#c7e7f3;
/* EndOAWidget_Instance_2141545 */
</style>
<script type="text/xml">

</script>
</head>
<body>
<div id="wrapper-body">
<div id="wrapper-1">
    <div id="branding">
      <h1>
      <div>
        <p><img src="images/lorentzpaintinglogo_cropped2.png" width="317" height="110" alt="Lorenz Painting Co." longdesc="http://www.lorenzpainting.com" /></p></div>
      <div id="flash">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="700" height="250" id="FlashID" title="Lorenz Painting Co Flash Widget">
        <param name="movie" value="LorentzBanner.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="LorentzBanner.swf" width="700" height="250">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
          </div>
          
        </object>
        
      </object>
      </h1>
<div>
<div id="menu4">
    <ul>
      <li><a href=""> <span class="title">Home</span> <span class="text">Why us?</span> </a> </li>
      <li><a href="">Services<span class="text">What we do</span> </a> </li>
      <li><a href=""> <span class="title">Testimonials</span> <span class="text">What they say</span> </a> </li>
      <li><a href=""> <span class="title">Contact</span> <span class="text">How to get in touch</span> </a> </li>
    </ul>
</div>
<p> </p>
<p> </p>
<p> </p>
</div>
      <div></div>
    </div>
    <div id="wrapper-2">
      <div id="content-top" class="png"></div>
      <div id="wrapper-3">
        <div id="content-1">
          <div class="content-wrap">
            <p>Home</p>
            <p>Contact</p>
          </div>
        </div>
        <div id="content-2">
          <div class="content-wrap">
stuff
<p> </p>
          </div>
        </div>
        <div id="content-bottom"></div>
      </div>
      <div id="footer">
        <p><strong>Lorentz Painting Co., 2011</strong><strong></strong></p>
      </div>
    </div>
</div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
jQuery("#jQueryUIAccordion").accordion({
        event: "click",
        collapsible: false,
        autoHeight: true
</script>
</body>
</html>
Be forewarned, there are a bunch of rules in here that don't apply to anything anymore, as it's from a recycled rules from another site I built. Sorry.
I will first put the CSS for the main style sheet, and I will put the CSS for the Horizontal Nav Bar in after.
CSS:
Main style sheet:
@charset "UTF-8";
body
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #6B6B6B;
    background: #8D927C url(images/bg_body.jpg) repeat-x;
    margin: 0;
    padding: 0;
    min-width: 800px;
    text-align: center;
    background-color: #000;
h2, h3, h4
    font-size: 16pt;
    font-weight: normal;
    margin: 15px 0 0 0;
#wrapper-3 p
    padding: 0;
    line-height: 1.35em;
    margin-top: 8px;
    margin-right: 0;
    margin-bottom: 8px;
    margin-left: 0;
#wrapper-3 ul
    list-style-type: none;
    margin: 8px 0;
    padding: 0;
#branding
    margin: 0 0 0 0;
@Generic anchor (link) styles
a:link, a:visited
    color: #4f4f3f;
a:hover, a:active
    color: #000000;
@Inline image styles
img.float-left
    float: left;
    margin: 0 6px 6px 0;
img.float-right
    float: right;
    margin: 0 0 6px 6px;
img.border
    background: #FFF;
    padding: 2px;
    border: 1px solid #999;
@Tab navbar styles
#hornav ul
    margin: 0;
    list-style-type: none;
    line-height: normal;
    padding: 0;
    text-align: center;
    margin-bottom: 60px;
    font-size: 0.8em;
    text-transform: uppercase;
#hornav ul li
    display: inline;
    margin: 0 2px 0 0;
    padding: 3px 0 3px 10px;
#wrapper-body #wrapper-1 #hornav ul li a br {
    height: 400px;
#hornav ul li a
    text-decoration: none;
    margin: 0;
    background-repeat: inherit;
    background-position: center center;
    padding-top: 50%;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
#hornav ul li a:link, #hornav ul li a:visited
    color: #3e3f2f;
#hornav ul li a:hover, #hornav ul li a:active
    color: #000000;
@Secondary navigation styles
#navcontainer
    background: transparent url(images/bg_navlist-top.jpg) no-repeat top center;
    margin: 0;
    padding: 12px 0 0 0;
#navcontainer ul
    margin: 0;
    list-style-type: none;
    line-height: normal;
    padding: 0 0 12px 0;
    border-top: 1px solid #FFF;
    background: transparent url(images/bg_navlist-bottom.jpg) no-repeat bottom center;
#navcontainer a
    display: block;
    padding: 3px 6px;
    width: 168px;
    margin: 0 10px;
    background-color: #c4bfac;
    border-bottom: 1px solid #FFF;
#navcontainer a:link, #navlist a:visited
    color: #FFF;
    text-decoration: none;
#navcontainer a:hover
    background-color: #90937e;
    color: #FFF;
@Masthead text styles
#branding
    margin: 0;
    padding: 0;
#branding h1
    color: #000;
    padding: 10px 0 0px 0;
    border-top: 4px solid #656e5d;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    margin: 0;
@Layout styles
#wrapper-body
    background: transparent url(images/bg_wrapper-body.jpg) no-repeat top right;
    width: inherit;
    margin: 0;
    padding: 0;
#wrapper-1
    width: auto;
    background: transparent url(images/bg_wrapper-1.jpg) no-repeat;
    margin: 0;
    padding: 0;
#wrapper-2
    width: 45em;
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
#wrapper-3
    background: url(images/bg_wrapper-3.jpg) repeat-y;
    color: #333;
    text-align: left;
#content-top
    margin: 0;
    height: 1em;
    background: url(images/bg_content-top.jpg) no-repeat;
    font-size: 0;
    line-height: 0;
#content-1
    float: left;
    width: 12em;
    font-size: 0.9em;
    padding: 0;
    margin-top: 2em;
    margin-right: 2em;
    margin-bottom: 0em;
    margin-left: 0em;
#content-2
    float: left;
    width: 40em;
    padding: 0;
    font-size: 0.8em;
    margin-top: 2em;
    margin-right: 0px;
    margin-bottom: 0em;
    margin-left: 0em;
#content-3
    float: left;
    width: 250px;
    font-size: 10pt;
    margin: 0;
    padding: 0;
#content-4 {
    width: 190px;
    padding: 0px;
    line-height: 0px;
#content-bottom
    clear: both;
    height: 1em;
    background: url(images/bg_content-bottom.jpg) no-repeat;
    font-size: 0;
    line-height: 0;
.content-wrap
    margin: 0;
    padding-top: 0px;
    padding-right: 2em;
    padding-bottom: 5px;
    padding-left: 0px;
#footer p
    font-size: .75em;
    margin: 12px 0;
p.content-wrap {
    font-size: 9pt;
    color: #999;
@Blog post styles
.date
    float: left;
    height: 52px;
    width: 52px;
    background: url(images/date.png) no-repeat;
    margin-right: 10px;
    padding-top: 0px;
    line-height: normal;
.date .month
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    padding-top: 4px;
    text-transform: uppercase;
.date .day
    display: block;
    text-align: center;
    padding-top: 5px;
    color: #222;
    font-size: 18px;
    font-weight: bold;
.meta
    display: block;
    font-size: 11px;
    color: #666;
    clear: right;
.blog-entry
    clear: both;
    padding-top: 2px;
#searchform
    margin: 8px 0;
    padding: 0;
@Search form styles
#searchform fieldset
    margin: 0;
    padding: 0;
    border: 0;
#searchform label
    color: #999;
    display: none;
#searchform input
    width: 160px;
    color: #222;
#searchform #submitquery
    display: none;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap p {
    line-height: 1.35em;
    text-align: justify;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-1 .content-wrap #Accordion1 .AccordionPanel.AccordionPanelOpen .AccordionPanelContent p {
    line-height: 1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #sprytextarea1 span .content-wrap {
    font-size: .5em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website {
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website {
    display: none;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us #website label {
    display: none;
#website {
    display: none;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
    font-size: 1.1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
    font-size: 1.1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset legend {
    font-size: 4em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset .AccordionPanelContent {
    font-size: 1em;
#wrapper-body #wrapper-1 #wrapper-2 #wrapper-3 #content-2 .content-wrap #Contact Us fieldset .AccordionPanelContent {
    font-size: 3em;
.fieldname {
    font-size: .9em;
CSS for Horizontal Nav Bar:
#menu4 {
    width: 829px;
    margin: 0 auto 0 auto;
#menu4 ul {
    list-style:none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    letter-spacing: -3px;
    line-height: 1.2em;
    border-top:5px dotted #c7e7f3;
    border-bottom:5px dotted #c7e7f3;
    float:left;
    clear:both;
    margin:20px;
    text-align:center
#menu4 ul li{
    float:left;
#menu4 ul li a{
    display:block;
    text-decoration:none;
    padding:10px 10px 5px 10px;
    color:#66b8d8;
    width:170px;
#menu4 ul li a span{
    display:block;
#menu4 ul li a span.title{
#menu4 ul li a:hover span.title{
    color:#00adef;
#menu4 ul li a span.text{
    padding:0px 5px;
    font-family: Georgia, serif;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.6em;
    color:#c7e7f3;
    visibility:hidden;
#menu4 ul li a:hover span.text{
    visibility:visible;
Thanks!

[svn] 2815: Fixed issue caused by revision 2234.

Revision: 2815
Author: [email protected]
Date: 2008-08-12 07:35:00 -0700 (Tue, 12 Aug 2008)
Log Message:
Fixed issue caused by revision 2234.
tests Passed: checkintests, fdbunit
Needs QA: YES
Needs DOC: NO
Bug fixes: SDK-16323
API Change: NO
Reviewer: jspiro
Code-level description of changes:
embedding/avmplus/ActionBlockEmitter.java
Added clearMethodInfo() call to the end of FinishMethod().
Modified setPosition() to no longer set debug_linenum to -1 when
the position is not greater than zero. See comment for
explanation.
semantics/CodeGenerator.java
Modified evaluate(Context, ProgramNode) to call clearMethodInfo()
before FinishMethod() if StartMethod() has been called.
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-16323
Modified Paths:
flex/sdk/trunk/modules/asc/src/java/macromedia/asc/embedding/avmplus/ActionBlockEmitter.j ava
flex/sdk/trunk/modules/asc/src/java/macromedia/asc/semantics/CodeGenerator.java

Revision: 2815
Author: [email protected]
Date: 2008-08-12 07:35:00 -0700 (Tue, 12 Aug 2008)
Log Message:
Fixed issue caused by revision 2234.
tests Passed: checkintests, fdbunit
Needs QA: YES
Needs DOC: NO
Bug fixes: SDK-16323
API Change: NO
Reviewer: jspiro
Code-level description of changes:
embedding/avmplus/ActionBlockEmitter.java
Added clearMethodInfo() call to the end of FinishMethod().
Modified setPosition() to no longer set debug_linenum to -1 when
the position is not greater than zero. See comment for
explanation.
semantics/CodeGenerator.java
Modified evaluate(Context, ProgramNode) to call clearMethodInfo()
before FinishMethod() if StartMethod() has been called.
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-16323
Modified Paths:
flex/sdk/trunk/modules/asc/src/java/macromedia/asc/embedding/avmplus/ActionBlockEmitter.j ava
flex/sdk/trunk/modules/asc/src/java/macromedia/asc/semantics/CodeGenerator.java

IE 7 - CSS Issues with Spry dropdown Menu *HELP*

I am using a spry horizontal dropdown menu generated in DW. The menus look consistant in all other browsers except ie7 - When the drop down menu occurs they all appear to the right and not directly under its menu item.. Looked around in the Css and i cant seem to find the right rule to make the change in ie7 only... was planning on using a css conditional statement to shift them left.. But im not having any luck.. HELP!
Thanks so much in advance!

Sorry.. Here is the link.. Thanks so much for your willingness to help!
http://soldesign.us/_working/WEBSITE_BoulderPlasticSurgery/index.html

CSS Issue - text in list menu causing unwanted space.

I'd appreciate if someone could take a look at this site
http://www.geometrikstudio.com/index.php
All the CSS checks out in the validator but it fails the
visual test.
The text in the two list menus are making the content drop
down a bit at
the top of the header and just underneath the header.
I sometimes miss the simplicity of tables.

THANKS,
I'll try it.
Osgood wrote:
> aRT wrote:
>>
>> I'd appreciate if someone could take a look at this
site
>>
http://www.geometrikstudio.com/index.php
>>
>> All the CSS checks out in the validator but it fails
the visual test.
>>
>> The text in the two list menus are making the
content drop down a bit
>> at the top of the header and just underneath the
header.
>>
>> I sometimes miss the simplicity of tables.
>>
>
> Try zeroing out the margin and padding on the heading
tag css as shown
> below:
>
>
> h1,h2,h3,h4,h5{
> color: #000;
> font-family: EurostileT, Arial, Helvetica, sans-serif;
> margin: 0;
> padding: 0;
> }

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 issues, caused by spry?

Similar Messages

Maybe you are looking for