Css and RequestDispatcher problem

I'm using JBoss + embedded Tomcat (not using apache
yet in development).
I have problem with JSP and css. My JSP includes css
with this tag:
<link rel="stylesheet" href="style.css" type="text/css">If I access the JSP directly from web-browser IE5
to http://127.0.0.1:8080/myContext/fileName.jsp ,
it's displayed correctly.
However, if I let a servlet dispatch the JSP, the css didn't
included somehow (browser displayed the JSP without css-formatting).
RequestDispatcher dispatcher = getServletContext().
                         getRequestDispatcher("/fileName.jsp");
    if (dispatcher != null)
        dispatcher.forward(request, response);
    /* ... */I put css and JSP in the same subdir. Is this a Tomcat error, or
I forgot to set something in the request object, or
I need to append something to "/fileName.jsp"?
Thanks in advance.
Verdi

Unfortunately, the solution I found was to "hardcode" the absolute path. For example:<link rel="stylesheet" href="<%= request.getContextPath() %>/style.css" type="text/css">There're another way I think may preserve the context
path, that is to use response.sendRedirect. Problem with
this approach is however, you can't embedd javabean
as "attribute" cause attribute will be removed in the new request (of redirected jsp).
-- Verdi March --

Similar Messages

  • CSS and more - Problem

    Hi people,
    j have found this
    http://www.dhtmlgoodies.com/index.html?whichScript=ajax-tooltip
    but i don't know how I implement this in apex.
    So that i have i general question.
    How can i implement my own css and in which way can i use these?
    is there a how to or something?

    Hello,
    You can maintain your own, external (preferably OS level) CSS file, and load it using your page template, the same way APEX loading its own CSS file.
    If you look at your page template, in the HTML Header section, you'll see something like this:
    <link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_5/theme_V2.css" type="text/css" />In this case this is the CSS file for theme 5. You can put your own CSS file in the same directory as the rest of your theme file, and use a similar link.
    Take into consideration that because the cascading effect (the first C in CSS) you need to load your file after the original APEX files, so in case you are targeting the same selectors (elements/attributes), yours will get precedent.
    The best place to start learning a bit more about CSS is the following http://www.w3schools.com/css/default.asp
    Hope this helps,
    Arie.

  • Flash, CSS, and Firefox problem

    Hello.
    I have an html document that is built using CSS (div tags,
    etc). This CSS calls out to swfs (defined by DIVs) to build the
    page.
    The layout is very simple, starting with a top navigation bar
    swf. There are buttons in this navigation bar that, when rollover,
    cause a graphic to unmask and pull down. The graphic is rather
    large and forces the top nav bar height to 800. Naturally, this
    will eclipse other elements on the page when the graphic crashes
    down.
    By using a combination of "wmode=transparent" and z-indexing
    in the Flash code, I can get the crashdown graphic to appear above
    the other elements in the html.
    However, and here is the issue, in Firefox the sheer,
    necessary height of the top nav bar prevents clicking on any other
    buttons in the elements that appear below the top nav bar. It's as
    if there is an alpha mask over everything which prevents RollOvers
    and general mouse clicking action. Oddly, it works perfectly in
    I.E.
    Any insight would be vastly appreciated. I've researched what
    I could of this topic, but nothing I can find replicates my exact
    issue. Thank you.
    -dE

    Hey Deggz, I'm experiencing the same problems that you're
    having and have been research for an answer for weeks. Have you
    found a solution yet?

  • CSS and NAT problems (easy one?)

    Hi,
    I am trying the simplest of configurations, attempting to Load-Balance traffic using two servers and a single CSS. I am using "Routed" mode, but am experiencing problems with NAT. I am new to the world of CSSs.
    I have two servers that have the VIP 80.80.80.230. All traffic is initiated from the client-side (public) and talks to this VIP address. All RETURN traffic must be NATed (by the CSS) with this VIP address. I would expect:-
    CLIENT (PUBLIC) -----> 80.80.80.230 (SERVER-VIP)
    CLIENT (PUBLIC) <----- 80.80.80.230 (SERVER-VIP)
    However, this configuration does not seem to work for me. When I sniff, I see the return traffic is NOT being NATed ....I see the following :
    CLIENT (PUBLIC) ----------------------> 80.80.80.230
    CLIENT (PUBLIC) <----------------------10.10.10.2
    Here is my config :
    ip route 0.0.0.0 0.0.0.0 80.80.80.225 1
    !************************* INTERFACE *************************
    interface e2
    bridge vlan 2
    !************************** CIRCUIT **************************
    circuit VLAN1
    ip address 80.80.80.227 255.255.255.240
    circuit VLAN2
    ip address 10.10.10.1 255.255.255.0
    !************************** SERVICE **************************
    service server1
    ip address 10.10.10.2
    port 5060
    active
    service server2
    ip address 10.10.10.3
    port 5060
    !*************************** OWNER
    owner me
    content lbal
    port 5060
    protocol udp
    vip address 80.80.80.230
    add service server1
    add service server2
    application sip
    active
    !*************************** GROUP
    group clients-group
    vip address 80.80.80.230
    add service server1
    add service server2
    active
    CSS11501 /Version 7.4
    I have tried this config with and without the NAT Group (clients-group) but to no avail.
    Please please can someone stop me from going crazy with this. Any help really apprectaied.
    Grazie !
    Matt

    Hi Matt,
    On the group use "add destination service" instead of "add service". That will do source NATing of traffic hitting the VIP.
    Looks like this:
    group clients-group
    vip address 80.80.80.230
    add destination service server1
    add destination service server2
    active
    Diego

  • CSS and Images export problems

    I am trying to export a page to dreamweaver using css and images method. I have created rectangles for the header, content and footer to create divs. Added text and graphics. When I export, it does not export with html codes and css, it gives me one big .jpg. "Layer_1.jpg".  Does anyone know what I'm doing wrong?
    Thanks,
    Wendy
    Message was edited by: wen8   I just found someone else with the exact same problem who said rebooting solved his problem. This also worked for me. Yeah!

    Problem fixed by rebooting!

  • CSS and image export problems

    Hi
    Is the CSS and image export supposed to output anything
    legible. Right now, it produces garbage that looks nothing like my
    project. Images are distorted. Nothing lines up correctly. Has
    anyone else had similar problems?
    Why does the feature only support creating a single page? Is
    there any way to get it to export all pages?
    Why does the feature ignore behaviors? The HTML and image
    export supports behaviors so why can't the CSS and image export? Is
    there any way to get it to support behaviors?
    Thanks

    Problem fixed by rebooting!

  • CSS and Images Export problem

    Hello,
    I've created a very basic layout with a header, some columns of text and an image. Everything is aligned perfectly, I've put all the text into rectangles, created a slice for the image, and nothing is overlapping. When I use the Export CSS and Images option, it just exports everything as one big image. What am I doing wrong here?
    Thanks,
    Jason

    Sure, here you go:
    http://www.glowfoto.com/static_image/07-130236L/8862/png/04/2010/img6/glowfoto

  • Problem in Loading CSS and JS in strus

    Hi,
    I created an employee registration form using JSP. When I load the "Registration Form" That time my CSS and JS are working well.
    Its works fine if all the fields are entered correctly then "sucess form is displaying". If I give wrong field entries after submiting the form. I am doing the server validation. If any field is missing or wrong I calling "fail" and forward to same employe registration form. When this form is loaded at that time my CSS and JS not working.
    Please help me. my JSP page
    <!-- JSP CODE -->
    <%@ page import="modEmp.bisCommon.*,java.util.*,modLogin.bisCommon.*"%>
    <%@ include file="init.jsp"%>
    <%!
         ArrayList<String> list = new ArrayList<String>();
         ArrayList<String> list1 = new ArrayList<String>();
         String rec[]=new String[150];
         cBLabels cbl1 = null;
    %>
    <%
         for(int i=0;i<rec.length;i++)
              rec="";
    cbl1 = new cBLabels();
         rec=cbl1.getLabels();
    %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Employee Registration Form</title>
    <script language="javascript" type="text/javascript" src="js-modEmp/addEmpval.js">
    </script>
    <script language="javascript" type="text/javascript" src="js-modEmp/datetimepicker.js">
    </script>
    <link rel="stylesheet" type="text/css" href="css-modEmp/styles.css">
    </head>
    <body onLoad="clearForm();">
    <%
         try
              if (request.getAttribute("submit").equals("fail"))
    %>
                   <%@ include file="failure.jsp"%>
    <%
         catch (Exception ex1)
    %>
    <%@ taglib uri="/META-INF/tlds/struts-html.tld" prefix="html"%>
    <%@ taglib uri="/META-INF/tlds/struts-bean.tld" prefix="bean"%>
    <html:form action="addemp.do">
    <h2>EMPLOYEE REGISTRATION FORM </h2>
    <h2 style="font-style: italic;">Personal Details</h2>
    <%=rec[0]%>:      <html:text property="fname" size="20"/>      <%=rec[1]%>:      <html:text property="mname" size="20"/>
    <%=rec[2]%>:      <html:text property="lname" size="20"/>      <%=rec[3]%>:      <input name="calc" id="demo1" type="text" size="20" disabled>Pick a date<html:hidden property="dob" />
    <%=rec[4]%>:      <html:text property="mobileno" size="20"/>      <%=rec[5]%>:      <html:text property="emailid" size="20"/>
    <%=rec[6]%>:      <html:text property="ftname" size="20"/>      <%=rec[7]%>:      <html:select property="gender"> <html:option value="male">Male</html:option> <html:option value="female">Female</html:option> </html:select>
    <%=rec[8]%>:      <html:text property="nationality" size="20"/>
    </html:form>
    </body>
    </html>
    This is my strus-config.xml file
    <struts-config>
         <form-beans>
              <form-bean
    name="inputForm"
    type="modEmp.bisVo.cVEmployee"/>
              <form-bean
    name="searchForm"
    type="modEmp.bisVo.cVSearchEmp"/>
              <form-bean
    name="leaveForm"
    type="modAttendance.bisVo.cVEmpLeave"/>
              <form-bean
    name="loginForm"
    type="modLogin.bisVo.cVLogin"/>
    <form-bean
    name="changepassForm"
    type="modLogin.bisVo.cVChangePasswd"/>
    <form-bean
    name="empSalForm"
    type="modSalary.bisVo.cVoUpdateEmpSal"/>
         </form-beans>
         <action-mappings>
              <action
    path="/addemp"
    type="modEmp.bisAction.AddEmpAction"
              input="/jsp-modEmp/addempform.jsp"
    name="inputForm"
                   scope="request">
                   <forward name="success"
                        path="/jsp-modEmp/success.jsp"
                        redirect="false"></forward>
                   <forward name="fail"
                        path="/jsp-modEmp/addempform.jsp"
                        redirect="false"/>
              </action>
    </action-mappings>
         <!-- <plug-in className="modLogin.bisCommon.cBInitialise"></plug-in> -->
    </struts-config>
    Help me.....

    Hi dude,
    You can solve this using two ways...!
    1. You can give the hard-core path (full path with the project name: /ProjectName/DirectoryName/JavaScriptFileName.js)
    2. You can use request.contextPath() (to get the current context name)
    Try this below code
    <head>
    <title>Employee Registration Form</title>
    <script language="javascript" type="text/javascript" src="<%=request.getContextPath%>/js-modEmp/addEmpval.js">
    </script>
    <script language="javascript" type="text/javascript" src="<%=request.getContextPath%>/js-modEmp/datetimepicker.js">
    </script>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath%>/css-modEmp/styles.css">
    </head>

  • I need help with CSS and floating

    Okay, I know I need to get up on CSS and get rid of tables in
    my sites.
    However, I'm running up against a problem, and after banging
    my head
    against it for a while, I realize I need help. I've stripped
    this down
    so as to only show the area where I'm having difficulty.
    What I want is a page that has everything down the center,
    taking up no
    more than 750 pixels and no more than 550 pixels of width. No
    problem there.
    After the header and the top content, I'd like to have two
    "columns",
    each in it's own separately-colored box. I would like the
    right-side
    column/box to be a static size, while the left-side
    column/box sizes
    dynamically.
    Where I'm having problems is that when one column is boxed,
    it's fine,
    but whenever I wrap each column in its own box, the
    fixed-size box
    either jumps below or above the other box (depending on which
    one has
    been floated and which order the div's appear in the code).
    Here are the links:
    CSS:
    http://www.afice.org/stylesheet/floatmestyles.css
    ex 1:
    http://www.afice.org/floatme1.html
    ex 2:
    http://www.afice.org/floatme2.html
    Before sending, I took a look again, just to see if I was
    missing
    anything. I did notice that it doesn't seem to be that the
    box is
    jumping down so much as it is that it's getting written over.
    Anyway, sorry for the long-winded explanation. I hope I've
    managed to
    explain what I'm trying to do well enough that someone can
    tell me where
    I'm going wrong.
    Thanks,
    --Kevin

    Do you want something like this:
    http://www.pmob.co.uk/temp/spointfooter.htm
    You will need to look at the code to see how it was done.
    Otherwise, there are different examples here on Pauls' site:
    http://www.pmob.co.uk/temp/3colfixedtest_4.htm
    Nadia
    Adobe� Community Expert : Dreamweaver
    http://www.csstemplates.com.au
    - CSS Templates | Free Templates
    http://www.perrelink.com.au
    - Web Dev
    http://www.DreamweaverResources.com
    - Dropdown Menu Templates|Tutorials
    http://www.adobe.com/devnet/dreamweaver/css.html
    "Kevin D-R" <[email protected]> wrote in
    message
    news:[email protected]...
    > Okay, I know I need to get up on CSS and get rid of
    tables in my sites.
    > However, I'm running up against a problem, and after
    banging my head
    > against it for a while, I realize I need help. I've
    stripped this down so
    > as to only show the area where I'm having difficulty.
    >
    > What I want is a page that has everything down the
    center, taking up no
    > more than 750 pixels and no more than 550 pixels of
    width. No problem
    > there.
    >
    > After the header and the top content, I'd like to have
    two "columns", each
    > in it's own separately-colored box. I would like the
    right-side column/box
    > to be a static size, while the left-side column/box
    sizes dynamically.
    >
    > Where I'm having problems is that when one column is
    boxed, it's fine, but
    > whenever I wrap each column in its own box, the
    fixed-size box either
    > jumps below or above the other box (depending on which
    one has been
    > floated and which order the div's appear in the code).
    >
    > Here are the links:
    >
    > CSS:
    http://www.afice.org/stylesheet/floatmestyles.css
    >
    > ex 1:
    http://www.afice.org/floatme1.html
    >
    > ex 2:
    http://www.afice.org/floatme2.html
    >
    > Before sending, I took a look again, just to see if I
    was missing
    > anything. I did notice that it doesn't seem to be that
    the box is jumping
    > down so much as it is that it's getting written over.
    >
    > Anyway, sorry for the long-winded explanation. I hope
    I've managed to
    > explain what I'm trying to do well enough that someone
    can tell me where
    > I'm going wrong.
    >
    > Thanks,
    >
    > --Kevin

  • CSS and Spry not displaying

    Hi, I have recently created a website using Dreamweaver. I don't know much coding at all so I did it using the design view. It is a very basic site. Just one page, styled with CSS and with Spry Tabbed Panels to reveal 4 different 'pages'
    I have uploaded my website folder to the server via ftp but none of the CSS, images or spry are displaying.
    I uploaded one folder which contained 2 subfolders and one html file
    -SubFolder 1: Spry Assets
    -SubFolder 2: Images
    -index.html (with internal .css)
    I can see that the folders have been uploaded but for some reason they are not being read. I would really appreciate some help as my web host says they can't help me. I can send you the html file or whatever you need if you would like to take a look. It really is a very simple website so i'm sure it wouldn't take one of you geniuses very long to figure it out!
    Cheers

    Thanks for your quick responses guys! Hopefully I can reach a solution with this.
    In answer to your questions:
    - Yes, I defined a local site folder in Dreamweaver. That is the folder I uploaded via ftp.
    -Am I working with valid code? I don't know. I have not touched any of the code. I used 'design view' in Dreamweaver. Previewed in Firefox, Safari and IE and it works with no problems.
    Below is the code for index.html and below that is the css code for spry tabbed panels.
    index.html:
    <!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>DMH Window Cleaning</title>
    <style type="text/css">
    .main {
        background-color: #0e414f;
        height: 480px;
        width: 960px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 50px;
    .right {
        background-color: #FFF;
        float: left;
        height: 440px;
        width: 460px;
        border-right-width: 20px;
        border-right-style: solid;
        border-right-color: #0e414f;
        margin-top: 20px;
    .logo {
        float: left;
        border-right-width: 20px;
        border-left-width: 20px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #0e414f;
        border-left-color: #0e414f;
        margin-top: 20px;
    </style>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="main"><img src="images/DMHLogo.png" width="440" height="440" class="logo" />
      <div class="right">
        <div id="TabbedPanels1" class="TabbedPanels">
          <ul class="TabbedPanelsTabGroup">
            <li class="TabbedPanelsTab" tabindex="0">HOME</li>
            <li class="TabbedPanelsTab" tabindex="0">SERVICES</li>
            <li class="TabbedPanelsTab" tabindex="0">ABOUT</li>
            <li class="TabbedPanelsTab" tabindex="0">CONTACT</li>
          </ul>
          <div class="TabbedPanelsContentGroup">
            <div class="TabbedPanelsContent">
              <h1>DMH Window Cleaning is your local window cleaning service for Ipswich, Martlesham and Kesgrave. </h1>
              <p> </p>
              <p>DMH offers an interior and exterior window cleaning service for domestic and commercial properties. </p>
              <p>We have been providing a professional, reliable and regular window cleaning service to hundreds of happy customers for the past 16 years. </p>
              <p>            Just use the links above find out more, alternatively <br />
              send us an email or request a free quote</p>
              <h2> </h2>
    </div>
            <div class="TabbedPanelsContent">
              <h1>We offer a range of services to domestic and commercial properties</h1>
              <p>Services: </p>
              <ul>
                <li>  Window Cleaning Interior and Exterior</li>
                <li>  Guttering</li>
                <li> UPVC Cleaning</li>
                <li> Conservatories          </li>
                <li>Domestic Properties </li>
                <li> All sills included free</li>
              </ul>
    <p> </p>
    <p><span class="servicesHeading"><strong>Domestic Properties<br />
      </strong></span> 
      - Services offered on a once a month basis          </p>
    <p><span class="servicesHeading"><strong>Commercial Properties<br />
    </strong>          </span>         
              - Services offered on a weekly, two weekly or monthly basis.</p>
            </div>
            <div class="TabbedPanelsContent">
              <h1>We have been providing a professional and reliable window cleaning service for the past 16 years</h1>
              <p class="quoteboxes">&quot;DMH has been our window cleaner for many years and<br />
    I would have no hesitation in recommending him. David<br />
    is quick, reliable and does a great job!&quot;<br />
    <strong class="QuoteName">Ruth Carley, General Manager, Punch and Judy, Ipswich</strong></p>
              <p class="quoteboxes">&quot;David works to a high standard and is professional, he<br />
    cleans the inside and outside of Jamie Cann House. David <br />
    is punctual and reliable&quot;<br />
              <strong class="QuoteName">Teresa Page, Jamie Cann House, Ipswich</strong></p>
    </div>
            <div class="TabbedPanelsContent">
              <h1>Request a free, no obligation quote<br />
              </h1>
    <p>If you would like to request a no obligation quote then please do so by email or phone. </p>
              <p>email: [email protected]<br />
                phone: xxx</p>
              <p><strong>Payment</strong></p>
              <p>Please make cheques made payable to:<br />
                'DMH Window Cleaning'</p>
              <p>and post to:<br />
                6 Bramley Hill<br />
                Ipswich<br />
                IPX XXX</p>
              <p>We also accept cash in person. Details will be posted through your door once the job has been completed.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    </body>
    </html>
    Then I also have a separate 'Spry Assets' folder which has 2 files in it.
    1. SpryTabbedPanels.js
    2. SpryTabbedPanels.css
    the css code for tabbed panels is:
    @charset "UTF-8";
    /* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    /* Horizontal Tabbed Panels
    * The default style for a TabbedPanels widget places all tab buttons
    * (left aligned) above the content panel.
    /* This is the selector for the main TabbedPanels container. For our
    * default style, this container does not contribute anything visually,
    * but it is floated left to make sure that any floating or clearing done
    * with any of its child elements are contained completely within the
    * TabbedPanels container, to minimize any impact or undesireable
    * interaction with other floated elements on the page that may be used
    * for layout.
    * If you want to constrain the width of the TabbedPanels widget, set a
    * width on the TabbedPanels container. By default, the TabbedPanels widget
    * expands horizontally to fill up available space.
    * The name of the class ("TabbedPanels") used in this selector is not
    * necessary to make the widget function. You can use any class name you
    * want to style the TabbedPanels container.
    .TabbedPanels {
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        clear: none;
        width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
        background-color: #0e414f;
    /* This is the selector for the TabGroup. The TabGroup container houses
    * all of the tab buttons for each tabbed panel in the widget. This container
    * does not contribute anything visually to the look of the widget for our
    * default style.
    * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
    * necessary to make the widget function. You can use any class name you
    * want to style the TabGroup container.
    .TabbedPanelsTabGroup {
        margin: 0px;
        padding: 0px;
    /* This is the selector for the TabbedPanelsTab. This container houses
    * the title for the panel. This is also the tab "button" that the user clicks
    * on to activate the corresponding content panel so that it appears on top
    * of the other tabbed panels contained in the widget.
    * For our default style, each tab is positioned relatively 1 pixel down from
    * where it wold normally render. This allows each tab to overlap the content
    * panel that renders below it. Each tab is rendered with a 1 pixel bottom
    * border that has a color that matches the top border of the current content
    * panel. This gives the appearance that the tab is being drawn behind the
    * content panel.
    * The name of the class ("TabbedPanelsTab") used in this selector is not
    * necessary to make the widget function. You can use any class name you want
    * to style this tab container.
    .TabbedPanelsTab {
        position: relative;
        top: 1px;
        float: left;
        background-color: #d7df25;
        list-style: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
        text-align: center;
        width: 115px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #0e414f;
    /* This selector is an example of how to change the appearnce of a tab button
    * container as the mouse enters it. The class "TabbedPanelsTabHover" is
    * programatically added and removed from the tab element as the mouse enters
    * and exits the container.
    .TabbedPanelsTabHover {
        background-color: #d7df25;
        font-size: 12px;
    /* This selector is an example of how to change the appearance of a tab button
    * container after the user has clicked on it to activate a content panel.
    * The class "TabbedPanelsTabSelected" is programatically added and removed
    * from the tab element as the user clicks on the tab button containers in
    * the widget.
    * As mentioned above, for our default style, tab buttons are positioned
    * 1 pixel down from where it would normally render. When the tab button is
    * selected, we change its bottom border to match the background color of the
    * content panel so that it looks like the tab is part of the content panel.
    .TabbedPanelsTabSelected {
        background-color: #0e414f;
        color: #d7df25;
        font-size: 12px;
    /* This selector is an example of how to make a link inside of a tab button
    * look like normal text. Users may want to use links inside of a tab button
    * so that when it gets focus, the text *inside* the tab button gets a focus
    * ring around it, instead of the focus ring around the entire tab.
    .TabbedPanelsTab a {
        color: black;
        text-decoration: none;
    /* This is the selector for the ContentGroup. The ContentGroup container houses
    * all of the content panels for each tabbed panel in the widget. For our
    * default style, this container provides the background color and borders that
    * surround the content.
    * The name of the class ("TabbedPanelsContentGroup") used in this selector is
    * not necessary to make the widget function. You can use any class name you
    * want to style the ContentGroup container.
    .TabbedPanelsContentGroup {
        clear: both;
        background-color: #EEE;
    /* This is the selector for the Content panel. The Content panel holds the
    * content for a single tabbed panel. For our default style, this container
    * provides some padding, so that the content is not pushed up against the
    * widget borders.
    * The name of the class ("TabbedPanelsContent") used in this selector is
    * not necessary to make the widget function. You can use any class name you
    * want to style the Content container.
    .TabbedPanelsContent {
        overflow: hidden;
        background-color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
    .main .right #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .quoteboxes strong {
        padding-top: 5px;
    .QuoteName {
        padding-top: 20px;
        line-height: 20px;
    /* This selector is an example of how to change the appearnce of the currently
    * active container panel. The class "TabbedPanelsContentVisible" is
    * programatically added and removed from the content element as the panel
    * is activated/deactivated.
    .TabbedPanelsContentVisible {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    .main .right #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
    .TabbedPanelsContent h1 {
        color: #0e414f;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 20px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #d7df25;
        padding-bottom: 10px;
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #d7df25;
        padding-top: 10px;
    li {
        color: #0e414f;
    .servicesHeading {
    .TabbedPanelsContent h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #0e414f;
    .quoteboxes {
        background-image: url(../images/quotebox2.png);
        height: 105px;
        background-repeat: no-repeat;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
        width: 400px;
    .quoteRight {
        background-image: url(../images/quoteboxright.png);
        background-repeat: no-repeat;
        height: 100px;
    .TabbedPanelsContent P {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #0e414f;
    /* Vertical Tabbed Panels
    * The following rules override some of the default rules above so that the
    * TabbedPanels widget renders with its tab buttons along the left side of
    * the currently active content panel.
    * With the rules defined below, the only change that will have to be made
    * to switch a horizontal tabbed panels widget to a vertical tabbed panels
    * widget, is to use the "VTabbedPanels" class on the top-level widget
    * container element, instead of "TabbedPanels".
    .VTabbedPanels {
        overflow: hidden;
        zoom: 1;
    /* This selector floats the TabGroup so that the tab buttons it contains
    * render to the left of the active content panel. A border is drawn around
    * the group container to make it look like a list container.
    .VTabbedPanels .TabbedPanelsTabGroup {
        float: left;
        width: 10em;
        height: 20em;
        background-color: #EEE;
        position: relative;
        border-top: solid 1px #999;
        border-right: solid 1px #999;
        border-left: solid 1px #CCC;
        border-bottom: solid 1px #CCC;
    /* This selector disables the float property that is placed on each tab button
    * by the default TabbedPanelsTab selector rule above. It also draws a bottom
    * border for the tab. The tab button will get its left and right border from
    * the TabGroup, and its top border from the TabGroup or tab button above it.
    .VTabbedPanels .TabbedPanelsTab {
        float: none;
        margin: 0px;
        border-top: none;
        border-left: none;
        border-right: none;
    /* This selector disables the float property that is placed on each tab button
    * by the default TabbedPanelsTab selector rule above. It also draws a bottom
    * border for the tab. The tab button will get its left and right border from
    * the TabGroup, and its top border from the TabGroup or tab button above it.
    .VTabbedPanels .TabbedPanelsTabSelected {
        background-color: #EEE;
        border-bottom: solid 1px #999;
    /* This selector floats the content panels for the widget so that they
    * render to the right of the tabbed buttons.
    .VTabbedPanels .TabbedPanelsContentGroup {
        clear: none;
        float: left;
        padding: 0px;
        width: 30em;
        height: 20em;
    /* Styles for Printing */
    @media print {
    .TabbedPanels {
        overflow: visible !important;
    .TabbedPanelsContentGroup {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    .TabbedPanelsContent {
        overflow: visible !important;
        display: block !important;
        clear:both !important;
    .TabbedPanelsTab {
         overflow: visible !important;
         display: block !important;
         clear:both !important;
    h1 {
        font-weight: bold;
    .bottomBox {
        background-color: #0e414f;
        width: 1020px;
        margin-right: auto;
        margin-left: auto;
    .box {
        background-color: #0e414f;
        width: 900px;

  • In fire fox and google chrome CSS and images are not loading

    I am facing problem with jrun, In IE-8 application is working fine, but in FireFox and Google chrome CSS and Images are not loading.
    in fire fox and google chrome requests are Aborted.
    thanks
    Ashok Gadiparthi.

    Check if Style Resource Readers SharePoint group has permissions on the site, permissions to the style library and make sure that this library provides Style Resource Readers with restricted read.
    If you don't see Style resource readers on the site, go to that library and set that permission.  you could also just load your installation media to a folder, and execute on setup.exe, select repair option.  This second option of the installation
    media is the cannon vs. flyswatter approach though, but it will work
    Stacy Anothersharepointblog.blogspot.com

  • Spry Alignment and Positioning Problem in Internet Explorer 6 and 7

    I am designing a website at http://atoment.007gb.com, and neither me, nor my partner can figure out why the Spry Horizontal Menu Bar is loading the way it is in Internet Explorer.  We are doing this for a school project, and eye appeal and workability is a top priority.  I changed and customized most of it, but even if i did keep it the same, it still wouldn't work. I have only the best confidence, that even given the amount i have changed, you will still be able to help me with my alignment problem.
    The Submenu Buttons Tile across the page, when they are supposed to go straight down...
    the Submenu overlaps the main menu when you hover over it
    and the darned thing wont center in any of my browsers, but thats the least of my worries.
    Here is the CSS Codes
    #MasterNavigator {
    width: 1024px;
    height: 75px;
    #Navigator {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    #NavigatorButtonsLeft  {
    background-image: url(../_images/MenuButtonBackgroundLeft.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsMiddle {
    background-image: url(../_images/MenuButtonBackground.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsRight {
    background-image: url(../_images/MenuButtonBackgroundRight.png);
    width: 128px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align:center;
    #NavigatorButtonsSub {
    background-image:url(../_images/SubMenuButtonBackground.png);
    width: 128px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    And here is my HTML code:
    Home
    Publishing
    Videos
    Patents
    Wallpapers
    Avatars
    Userbars
    Digital Design
    Digital Gallery
    3-D Gallery
    Sci-Fi
    Technology
    Structures
    Vehicles
    Concepts
    Web Design
    Templates
    Graphics
    About Us    
    Atom Enterprises
    Slamerz
    The images I used are 20% Transparent, and are listed below.
    http://atoment.007gb.com/_images/MenuButtonBackgroundLeft.png
    http://atoment.007gb.com/_images/MenuButtonBackground.png
    http://atoment.007gb.com/_images/MenuButtonBackgroundRight.png
    http://atoment.007gb.com/_images/SubMenuButtonBackground.png
    Please try your best to help me.

    0087adam wrote:
    ok, but how can I make it work with what I have.  All the css codes are the
    same, they just have been renamed.
    The original SpryMenuBarHorizontal.css does not have any issues in any of the browsers. If you go and modify the original, and it does not work anymore, then the logical conclusion is that you have made one or (more likely) multiple mistakes.
    In other words, you cannot make it work with what you already have.
    My advice is that you replace the original CSS and work from there; but instead of changing the original CSS, make your changes in a separate stylesheet so that you can monitor and test the code at each change. For instance if you want to change the colour of the text you make a style rule that overrides the original in your new stylesheet as follows:
    ul.MenuBarHorizontal a {
        color: #333;
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
        color: #FFF;
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
        color: #FFF;
    If you want to change the background colour to an image, then follow the same procedure, testing your code at each step.
    I hope this helps.
    Ben

  • Spry Vertical Menu and other problems

    Hi all, I'm having a hard time using DW efficiently.
    Right now I have 2 or 3 problems on this webpage: www.novaparentalidade.com
    From the simpler to the harder:
    How can I make my background grad stay on the bottom of the browser? Right night is set in the CSS for "bottom" but all it does is stay on the bottom, but from the content area, not the browser windows..
    Solution?
    2nd: The background image I'm using in the content area, is not displaying in FF, Opera and IE. Works fine in Chrome and Safari.
    Solution?
    3rd: I've done a lot of searching in google and Adobe but couldn't find an answer.
    My SpryMenuVertical is not working properly in IE.
    What should I do?
    I'll leave you a copy of CSS and SpryMenu.css
    I really need help solving this
    Tks.
    Celso Santos

    I dont know if you have fixed the issues, but the bg image is setting at the bottom and shows up fine in FF.  You can play with setting the bg image to fixed, it then makes your main content area appear to be gliding over the bg...works great with a nice shadow on the container.
    Try reducing the width of your
    .twoColFixLtHdr #sidebar1 {
    See if that does not fix you up.
    Gary

  • CSS Image loading problem by dynamically loading from fxml file?

    h1. Introduction
    The application I am developing loads an FXML file from a Controller. The FXML uses CSS and images for buttons are set in the CSS.
    CSS directory structure
    <package>.fxml
    Images
    <package>.fxml.resources.<subdir>
    Example CSS Code
    .buttonImage {
        -fx-background-image: url("resources/subdir/image.png");
    }Example loading fxml from controller code
             URL location = getClass().getResource("/package/fxml/UI.fxml");
             FXMLLoader fxmlLoader = new FXMLLoader(location);
             fxmlLoader.setLocation(location);
             fxmlLoader.setBuilderFactory(new JavaFXBuilderFactory());
             Parent root = (Parent)fxmlLoader.load(location.openStream());
             Controller = (Controller) fxmlLoader.getController();
             newPane.getChildren().add(root);h1. Problem
    The fxml file does not load and causes the following error:
    javafx.fxml.LoadException: Page language not specified.Note, the fxml file loaded correctly before images were added.
    Any ideas of what might be going wrong?
    h1. Attempted
    I have attempted the following: tried changing the url of the image as an absolute path.

    No Problem: Note, this is the actual FXML, my previous examples were simplifications of package names and class names in order to directly illustrate the problem. Note, I am using SceneBuilder to develop the FXML file.
    <?xml version="1.0" encoding="UTF-8"?>
    <?import java.lang.*?>
    <?import java.net.*?>
    <?import java.util.*?>
    <?import javafx.collections.*?>
    <?import javafx.scene.*?>
    <?import javafx.scene.control.*?>
    <?import javafx.scene.layout.*?>
    <?import javafx.scene.text.*?>
    <AnchorPane id="AnchorPane" prefHeight="396.0000999999975" prefWidth="350.0" styleClass="mainFxmlClass" xmlns:fx="http://javafx.com/fxml" fx:controller="com.monkygames.kbmaster.controller.ProfileUIController">
      <children>
        <Label layoutX="14.0" layoutY="14.0" text="Profiles">
          <font>
            <Font size="18.0" />
          </font>
        </Label>
        <GridPane layoutX="15.0" layoutY="44.0" prefHeight="99.0" prefWidth="335.0">
          <children>
            <Label text="Type: " GridPane.columnIndex="0" GridPane.rowIndex="0" />
            <ComboBox fx:id="typeCB" prefWidth="249.0" GridPane.columnIndex="1" GridPane.rowIndex="0">
              <items>
                <FXCollections fx:factory="observableArrayList">
                  <String fx:value="Item 1" />
                  <String fx:value="Item 2" />
                  <String fx:value="Item 3" />
                </FXCollections>
              </items>
            </ComboBox>
            <Label text="Program: " GridPane.columnIndex="0" GridPane.rowIndex="1" />
            <ComboBox fx:id="programCB" prefWidth="249.0" GridPane.columnIndex="1" GridPane.rowIndex="1">
              <items>
                <FXCollections fx:factory="observableArrayList">
                  <String fx:value="Item 1" />
                  <String fx:value="Item 2" />
                  <String fx:value="Item 3" />
                </FXCollections>
              </items>
            </ComboBox>
            <Label text="Profile: " GridPane.columnIndex="0" GridPane.rowIndex="2" />
            <ComboBox prefWidth="249.0" GridPane.columnIndex="1" GridPane.rowIndex="2">
              <items>
                <FXCollections fx:factory="observableArrayList">
                  <String fx:value="Item 1" />
                  <String fx:value="Item 2" />
                  <String fx:value="Item 3" />
                </FXCollections>
              </items>
            </ComboBox>
          </children>
          <columnConstraints>
            <ColumnConstraints fillWidth="false" halignment="RIGHT" hgrow="NEVER" maxWidth="-Infinity" minWidth="10.0" prefWidth="80.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
          </columnConstraints>
          <rowConstraints>
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
            <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
          </rowConstraints>
        </GridPane>
        <HBox layoutX="14.0" layoutY="150.0" prefHeight="159.0" prefWidth="335.0">
          <children>
            <Label text="Description: " />
            <TextArea prefHeight="172.0" prefWidth="247.0" wrapText="true" />
          </children>
        </HBox>
        <HBox alignment="CENTER" layoutX="11.0" layoutY="334.0" prefHeight="48.0" prefWidth="329.0">
          <children>
            <Button fx:id="newProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="newProfile" text="New Profile" />
            <Button id="newProfileB" fx:id="cloneProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="cloneProfile" text="Clone Profile" />
            <Button id="newProfileB" fx:id="importProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="importProfile" text="Import Profile" />
            <Button id="newProfileB" fx:id="exportProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="exportProfile" text="Export Profile" />
            <Button id="newProfileB" fx:id="printPDFB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="pdfProfile" text="Print to PDF" />
            <Button id="newProfileB" fx:id="deleteProfileB" contentDisplay="GRAPHIC_ONLY" minHeight="48.0" minWidth="48.0" mnemonicParsing="false" onAction="profileEventFired" prefHeight="48.0" prefWidth="48.0" styleClass="deleteProfile" text="Delete Profile" />
          </children>
        </HBox>
      </children>
      <stylesheets>
        <URL value="@master.css" />
        <URL value="@profile.css" />
      </stylesheets>
    </AnchorPane>Edited by: 960799 on Jan 4, 2013 8:58 PM
    Edited by: 960799 on Jan 4, 2013 8:59 PM

  • Firefox OS is not displaying correctly. it appears that the CSS and JS are not rendering! Any help would be most appreciated!

    I would have preferred to show anyone a screenshot of the web pages, but there is not an attach file on this forum. Anyway, with only Firefox OS , not my other browsers, the web pages are not rendering correctly. For example on Facebook there is no header or footer. JS is active in the browser and as I said Chrome and Safari are NOT having any problems. I am surmising that the CSS and JS files are somehow not being displayed. I may be very wrong, but I would gratefully accept any help someone has to offer. Thank you and have a great day!
    Theresa

    Hi Lufte,
    I'm sorry to hear you are having issues with the rendering of some pages on your Firefox OS device.
    Please create a new question in the thread so that we can track your issue separately:
    * [https://support.mozilla.org/en-US/questions/new Ask a new question]
    Please also provide the device model and version that you're currently using, and whether this issue started recently. Please let us know if you also notice any issue with the time and date displayed in your device.
    Thanks,
    - Ralph

Maybe you are looking for