Applying CSS classes in DW 8

Hello!
The good old Dreamweaver 4 had a wonderful panel, with the
css classes
listed on it, that could be open all the time, where you
could easily
click and apply a class to a selection.
This panel has vanished in subsequent versions (probably for
good reasons).
But still...
My question is: is there an extention somewhere that provides
this
functionality?
Thanks
Michael

That "Apply" button was removed because it caused problems.
Clicking it
more than once could result in multiple spans wrapping the
tag, as I recall.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"David Powers" <[email protected]> wrote in message
news:ecueve$p0d$[email protected]..
> michael wrote:
>> I know. And there are more options to do so.
>> It is just that the old panel was so efficient and
easy in use.
>
> It's a long time since I last used Dreamweaver 4, so I'm
very happy with
> the current setup, but different people have their own
preferred ways of
> working.
>
> AFAIK, there is no extension that re-creates that panel.
You could always
> submit an enhancement request to the Dreamweaver
development team to try
> to persuade them to bring it back.
>
>
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
>
> --
> David Powers
> Adobe Community Expert
> Author, "Foundation PHP for Dreamweaver 8" (friends of
ED)
>
http://foundationphp.com/

Similar Messages

  • Can you make the "Apply CSS Class" part of the editor bigger?

    Hi there...
    Just wondering - is it possible to make the "Apply CSS Class" editor window larger... It's TINY. (about 200px Square)
    As a result I can't see many of the classes...
    Cheers, Dave

    Hi Liam, I think i did what you said, only the changes don't appear?
    Am I missing something?
    I've cleared the browser cache & refreshed page etc - but can still see:
    Cheers, Dave

  • Css class & Templates

    Hi,
    how can i find and edit the css classes which used in the standart report templates ?
    Thanks,
    Uli

    Hi Tring,
    Please check this link for instructions on how to enable "Apply CSS class"
    CSS Styles are Missing in WYSIWYG Editor
    Regards,
    Gaurav Aggarwal

  • How to let Trinidad Tag use outside css classes instead of skin?

    In my project, we asked vendor company to create the UI and css of the whole web application. We are using Trinidad in the project, trinidad use skin to customize the look and feel of the page. Since we have already had a set of css classes, we don't want to apply these css classes to the trinidad skin one by one. Is that a solution to achieve that?

    Can we now use jdk 1.5 with Studio Creator? I tried setting the AS_JAVA in
    C:\Sun\Creator\SunAppServer8\config\asenv.bat
    set AS_JAVA=C:\Program Files\Java\jdk1.5.0_04
    however in the help about still says its running 1.4
    There must be someway to use 1.5 with the new version of Creator or no?
    R
    S

  • How to apply CSS to a BC menu

    Hi there,
    I have done a lot of reading, gone to BC gurus, looked at Liam's post on Web Menu V2and I am still stumped on this one. The BC gurus tutorial and Liams' item were way above my head.
    How do you apply CSS you have written to a BC menu?
    I have set up a BC menu and put items in it. The menu type is CSS (HTML) Only
    The menu items have a name, a page link Item Height of 30 and .menuLeft in the Item CSS Class Name
    The template the menu is on is responsive and linked to a stylesheet with the CSS code below in it.
    The menu is completely unaffected by the CSS in the stylesheet. All menu items have a dot in front of them, and look like the default link style for the site.
    So the CSS below is not having any affect on the menu items. Why is this?
    What basic, simple step have I missed here?
    How do I get the menu in BC to notice the CSS below?
    I have also tried making the CSS into an id #menuLeft and putting that into the Item ID Name field in each menu item. The CSS is still completely ignored. Why? (anguished cry)
    .menuLeft {
              list-style-type: none;
    .menuLeft ul{
              list-style-type: none;
              padding: 5px;
              margin: 0px;
              line-height: 30px;
              border: thin solid #CCCCCC;
              border-radius: 3px;
              text-decoration: none;
    .menuLeft li a:link {
              color: #3F823D;
              text-decoration: none;
    .menuLeft li a:visited {
              text-decoration: none;
              color: #999999;
              background-color: #B9E09A;
    .menuLeft li a:hover {
              color: #999999;
              text-decoration: underline;
              background-color: #B9E09A;
    .menuLeft li a:active {
              color: #999999;
              text-decoration: none;
              background-color: #B9E09A;

    Hi Liam,
    The class is definitely .menuLeft and that is what is showing in the code. However, for the menu, only the line height set in the backend of BC is showing. All other styling in the CSS is ignored. By the way I have to have two CSS stylesheets as this is a responsive design using CCDW. You have to use a separate stylesheet to style body, links, headers and other items. I have done this in eternityfonts.css which is where the styling for the menu is. The webpage is using all other instructions from the eternityfonts.css file, including headers, links etc, but it is ignoring the menu styling.
    TEST PAGE SHOWING THE MENU NOT WORKING
    Here is the test page where I am trying to style the menu. http://eternitycosmetics.businesscatalyst.com/test
    It is linked to these stylesheets:
    <link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" /> BC standard stylesheet with all sites
    <link href="../boilerplate.css" rel="stylesheet" type="text/css"> DW CC stylesheet that comes with fluid design
    <link href="/stylesheets/eternity4.css" rel="stylesheet" type="text/css"> DW CC stylesheet that accompanies the fluid design - the fluid design will break if I edit this stylesheet manually
    <link href="/stylesheets/eternityfonts.css" rel="stylesheet" type="text/css"> stylesheet containing body bground, header, a link and other manual styles for the site. I can edit this stylesheet manually
    CODE RENDERING ON THE PAGE
    Here is the code on the page for the menu in question when I do view source. It appears to be ignoring the .menuLeft code in eternityfonts.css and just looks at the setup in the BC menu.
    <div id="leftMenu" class="fluid"> (this div is in the DWCC generated stylesheet that I cannot touch called /stylesheets/eternity4.css)
    <script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script><!-- Dynamic Menu Begin CSS Output -->
    <div id="cat_673629_divs">
    <ul id="nav_673629">
    <li class=".menuLeft" style="height:30px;"><a href="/index.htm">Home</a></li> (this class is in the /stylesheets/eternityfonts.css stylesheet that I can edti)
    <li class=".menuLeft" style="height:30px;"><a href="/about-us">About Us</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/products">About Our Products</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/impact-cosmetics">Products Online</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/anti-aging-treatments">Anti-aging Treatments</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/acne-treatments">Acne Treatments</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/doctor-services">Doctor Services</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/testimonials">Testimonials</a></li>
    <li class=".menuLeft" style="height:30px;"><a href="/contact-us">Contact Us</a></li></ul></div>
    <script type="text/javascript">catSetSelectedCSSItem('nav_673629');</script>
    <!-- Dynamic Menu End CSS Output --></div>
    BC MENU SETUP SCREEN
    Here is the BC setup screen showing that I have applied the class of .menuLeft to the menu items:
    CSS CODE THAT IS BEING IGNORED WHEN THE PAGE IS DISPLAYED
    Here is the code in eternityfonts.css that is not being applied to the CSS menu. I have bolded the code that is not being actioned in the BC CSS/HTML menu.
    WHY IS THIS CODE BEING IGNORED?
    What step have I missed here?
    Full dump of code in eternityfonts.css
    @charset "utf-8";
    /* CSS Document */
    body,td,th {
              font-family: Arial;
              font-size: 12px;
              color: #000;
              font-style: normal;
              font-weight: 400;
    body {
              background-color: #FFFFFF;
              background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(178,221,145,1.00)),color-stop( 100% , rgba(255,255,255,1.00)));
              background-image: -webkit-linear-gradient(270deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
              background-image: linear-gradient(180deg,rgba(178,221,145,1.00) 0%,rgba(255,255,255,1.00) 100%);
              background-repeat: no-repeat;
    a {
              color: #3F823D;
              text-decoration: none;
    a:visited {
              color: #3F823D;
              text-decoration: none;
    a:hover {
              color: #3F823D;
              text-decoration: underline;
    a:active {
              color: #3F823D;
              text-decoration: none;
    h1 {
              font-size: 20px;
              color: #3F823D;
    h2 {
              font-size: 18px;
              color: #FF7546;
    h3 {
              font-size: 16px;
              color: #3F823D;
    h4 {
              font-size: 14px;
              color: #FF7546;
    #buyButton2 {
              width: 100px;
              margin-top: 10px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              border: thin solid #CC6600;
              border-radius: 3px;
              background-color: #FFAC77;
              float: right;
    #buyButton1 {
              width: 100px;
              margin-top: 10px;
              padding-top: 5px;
              padding-bottom: 5px;
              text-align: center;
              border: thin solid #CC6600;
              border-radius: 3px;
              background-color: #FFAC77;
    .menuLeft {
              list-style-type: none;
    .menuLeft ul{
              list-style-type: none;
              padding: 5px;
              margin: 0px;
              line-height: 30px;
              border: thin solid #CCCCCC;
              border-radius: 3px;
              text-decoration: none;
    .menuLeft li a:link {
              color: #3F823D;
              text-decoration: none;
    .menuLeft li a:visited {
              text-decoration: none;
              color: #999999;
              background-color: #B9E09A;
    .menuLeft li a:hover {
              color: #999999;
              text-decoration: underline;
              background-color: #B9E09A;
    .menuLeft li a:active {
              color: #999999;
              text-decoration: none;
              background-color: #B9E09A;
    .menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    .menu ul{
    height:50px;
    list-style:none;
    margin:0;
    padding:0;
    .menu li ul{
    display:none;
    height:auto;
    padding:0px;
    margin:0px;
    border:0px;
    position:absolute;
    width:200px;
    z-index:200;
    .menu li:hover ul{
    display:block;

  • How to change CSS Class Dynamically for columns in a page

    Hi ,
    I have a page and i have columns like customer, bill to location, date from, date to..etc.
    Once i save the records the columns shoulbd change to Bold(CSS Class = OraDataText). In simple way how to chane CSS class for an item dynamically to a specific value.
    Can some one help me if came across this kind of a requirement.
    Please send me sample code if any one has this....
    Thanks,
    Mahesh

    I'm getting the following error while i implement the code in CO of Apply button.
    oracle.apps.fnd.framework.OAException: java.lang.ClassCastException
         at oracle.apps.fnd.framework.OAException.wrapperException(OAException.java:888)
         at oracle.apps.fnd.framework.webui.OAPageErrorHandler.prepareException(OAPageErrorHandler.java:1145)
         at oracle.apps.fnd.framework.webui.OAPageErrorHandler.processErrors(OAPageErrorHandler.java:1408)
         at oracle.apps.fnd.framework.webui.OAPageBean.processFormRequest(OAPageBean.java:2637)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1659)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:497)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:418)
         at OA.jspService(OA.jsp:40)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:56)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:317)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:465)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:379)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:727)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:306)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:767)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:259)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:106)
         at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:803)
         at java.lang.Thread.run(Thread.java:534)
    ## Detail 0 ##
    java.lang.ClassCastException
         at xxafp.oracle.apps.qp.pricelistrebate.webui.XxafpEepRebateCreateCO.processFormRequest(XxafpEepRebateCreateCO.java:98)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:799)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.OAPageLayoutHelper.processFormRequest(OAPageLayoutHelper.java:1118)
         at oracle.apps.fnd.framework.webui.beans.layout.OAPageLayoutBean.processFormRequest(OAPageLayoutBean.java:1579)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.form.OAFormBean.processFormRequest(OAFormBean.java:395)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.OABodyBean.processFormRequest(OABodyBean.java:363)
         at oracle.apps.fnd.framework.webui.OAPageBean.processFormRequest(OAPageBean.java:2633)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1659)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:497)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:418)
         at OA.jspService(OA.jsp:40)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:56)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:317)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:465)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:379)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:727)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:306)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:767)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:259)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:106)
         at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:803)
         at java.lang.Thread.run(Thread.java:534)
    java.lang.ClassCastException
         at xxafp.oracle.apps.qp.pricelistrebate.webui.XxafpEepRebateCreateCO.processFormRequest(XxafpEepRebateCreateCO.java:98)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:799)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.OAPageLayoutHelper.processFormRequest(OAPageLayoutHelper.java:1118)
         at oracle.apps.fnd.framework.webui.beans.layout.OAPageLayoutBean.processFormRequest(OAPageLayoutBean.java:1579)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.form.OAFormBean.processFormRequest(OAFormBean.java:395)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:995)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequestChildren(OAWebBeanHelper.java:961)
         at oracle.apps.fnd.framework.webui.OAWebBeanHelper.processFormRequest(OAWebBeanHelper.java:816)
         at oracle.apps.fnd.framework.webui.OAWebBeanContainerHelper.processFormRequest(OAWebBeanContainerHelper.java:363)
         at oracle.apps.fnd.framework.webui.beans.OABodyBean.processFormRequest(OABodyBean.java:363)
         at oracle.apps.fnd.framework.webui.OAPageBean.processFormRequest(OAPageBean.java:2633)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:1659)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:497)
         at oracle.apps.fnd.framework.webui.OAPageBean.preparePage(OAPageBean.java:418)
         at OA.jspService(OA.jsp:40)
         at com.orionserver.http.OrionHttpJspPage.service(OrionHttpJspPage.java:56)
         at oracle.jsp.runtimev2.JspPageTable.service(JspPageTable.java:317)
         at oracle.jsp.runtimev2.JspServlet.internalService(JspServlet.java:465)
         at oracle.jsp.runtimev2.JspServlet.service(JspServlet.java:379)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at com.evermind.server.http.ServletRequestDispatcher.invoke(ServletRequestDispatcher.java:727)
         at com.evermind.server.http.ServletRequestDispatcher.forwardInternal(ServletRequestDispatcher.java:306)
         at com.evermind.server.http.HttpRequestHandler.processRequest(HttpRequestHandler.java:767)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:259)
         at com.evermind.server.http.HttpRequestHandler.run(HttpRequestHandler.java:106)
         at EDU.oswego.cs.dl.util.concurrent.PooledExecutor$Worker.run(PooledExecutor.java:803)
         at java.lang.Thread.run(Thread.java:534)
    Thanks,
    Mahesh

  • Applying a class to an HR tag

    Is it possible to apply a class to an HR tag within
    Contribute CS3?
    The class just contains basic height/colour attributes - but
    there seems to be no way to actually apply this to any horizontal
    rules within Contribute.
    Any help would be much appreciated.
    Thanks in advance,
    Jas

    I normally use this option:
    1. create a stylesheet especially for contribute users (f.i.
    style-users.css). In this stylesheet you put the css-classes your
    users will be able to use
    2. link the style sheet in your template so that it's
    available in all pages, this way Contribute will recognize your
    styles in edit mode.
    3. in the admin section of Contribute, go to Users and Roles
    and adjust the Styles settings to display the css file you created.
    4. now your users can apply a css class to the hr-tag in
    edit-mode.

  • Applying css style in DW (design view) or CT

    Hi Folks,
    Here's a dumb question I can't figure out. In DW and CT, you
    can apply a css style to a paragraph selecting p tag, right? You
    get <p class="myclass"></p>
    What I don't get is why the css style apply to an image for
    exemple inside the paragraph and not to the paragraph itself?
    Of course as you developp a website you certainly don't worry
    about that since you handcode or you never apply a style to a
    paragraph.
    Let's say you need to define a css style saying:
    .myclass {
    margin: 0 0 20px 20px;
    float:right;
    so the paragraph containing an image align to right and have
    proper margin. Why by default the css style apply to the image and
    not to the paragraph? You end with this <p><img
    src="myimage.jpg" class="myclass" /></p>
    What's the logic behind this, this is very annoying, specialy
    for CT users.
    Richard

    richsky wrote:
    > Hi Folks,
    > Here's a dumb question I can't figure out. In DW and CT,
    you can apply a css
    > style to a paragraph selecting p tag, right? You get
    <p class="myclass"></p>
    > What I don't get is why the css style apply to an image
    for exemple inside the
    > paragrph and not to the paragraph itself?
    > Of course as you developp a website you certainly don't
    worry about that since
    > you handcode or you never apply a style to a paragraph.
    > Let's say you need to define a css style saying:
    > .myclass {
    > margin: 0 0 20px 20px;
    > float:right;
    > }
    > so the paragraph containing an image align to right and
    have proper margin.
    > Why by default the css style apply to the image and not
    to the paragraph? You
    > end with this <p><img src="myimage.jpg"
    class="myclass" /></p>
    > What's the logic behind this, this is very annoying,
    specialy for CT users.
    > Richard
    >
    > .myclass {
    > margin: 0 0 20px 20px;
    > float:right;
    > }
    >
    > <p class="myclass"></p>
    >
    > <p><img src="myimage.jpg" class="myclass"
    /></p>
    >
    You must be selecting the image?
    Try this: select the <p> tag, located along the bottom
    of the design
    window (it will highlited when selected) then from the style
    drop menu
    in the properties inspector select 'myclass'
    That should apply the class to only to the <p> tag?

  • CSS Class changes in tables

    I am using a template for the main pages and the main
    editable region is within a single cell of a table. Just before the
    start of the editable region, I use this to set the text style:
    <div class="cntntColumnText">
    That works fine unless I need to use another table to display
    data. Then the text format in the table reverts to default and I
    have to manually apply the cntntColumnText style. All of the text
    outside of the editable region is formatted differently than the
    text in the editable region, including the text in tables.
    What do I need to set up in the CSS file so that all the
    tables inside of the <div class="cntntColumnText"> inherit
    the formatting set up in cntntColumnText?
    Thanks for any suggestions and help.
    Kenny

    On Wed, 13 Feb 2008 22:40:15 +0000 (UTC), "Kenny Loomie"
    <[email protected]> wrote:
    >On a different forum, it was suggested that I use this in
    the CSS file:
    I don't have time now to go through it all in detail - but a
    few
    suggestions
    1.
    <td class="nav2"><a class="secondaryNavOn"
    simplify the code so you can see what's going on like this
    <td><a ...
    and apply a style to the table
    .leftnavtable td { ..}
    .leftnavtable td a {..}
    etc
    <td><div align="center"><strong>Type,
    Apply CSS,
    Center</strong></div></td>
    to
    <th>Type, Apply CSS, Center</th>
    <td> 's by default are centred and bold text
    explore the use of <thead> and <tfoot> and
    <tbody>
    then you can control those parts of the table with
    .leftnavtable thead { .. }
    .leftnavtable tfoot { .. }
    .leftnavtable tbody { ..}
    that will clear the code soup..... and make the site
    maintenance ,
    changes etc much much easier as you develop it. and the pages
    will
    quicker
    then validate your page with
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftiolios.com%2Fgfisd_css%2Fcss_tes t_page.html
    ~Malcolm N....
    ~

  • CSS class ordering

    Hello,
    I am using JDeveloper 11.1.1.6 and Oracle ADF Skin Editor 11.1.2.3. I have browsed the community sites and not found a question / answer about the issue I'm facing.
    I have been able to create custom CSS classes in my custom skin and apply them to my WCP project via JDeveloper. My custom CSS class (.HeaderTitle1) is being applied to the ADF component (outputText) via the styleClass property. I can see (in my browser) that my custom class and the built-in ADF class are being applied to the outputText component.
    The problem is that the built-in ADF class takes precedence over my class. Based on CSS rules (see this example), this is because the ADF class is defined later in the CSS file (or loaded later if in a separate file). I've looked at the CSS file in the Chrome Developer Tools, and I can see that there is just 1 CSS file and that my custom CSS classes are in the middle of the file with ADF classes before and after them.
    Question: Is there any way I can control the order of the declarations in the CSS file? How can I ensure that my custom CSS classes will take precedence?
    Thanks!

    Sure, Alejandro. It's actually not an outputText (that's one of our use cases), but applying a custom style to the goLink component that is giving us grief.
    Here is my css:
    .HeadingTitle1
      font-weight: bold;
      font-size: 24px;
      text-transform: uppercase;
    Here's how I'm referencing this css in my .jsp file:
    <af:goLink text="My Loan" id="gl1" styleClass="HeadingTitle1" />
    The result (via Google Chrome Tools):
    <a id="pt1:r1:0:gl1" class="HeadingTitle1 af_goLink" href="edit-address.jspx">Edit Address</a>
    Hmm, actually it looks like I've solved my own problem. Looking at the source of the CSS file, I can see that the HeadingTitle1 class is defined AFTER than the af_goLink class (containing the properties I'm concerned with):
    .af_goLink
         font-size: 15px;
    .HeadingTitle1
      font-size: 24px;
    Based on this CSS demo, I thought this problem was that the af_goLink class is defined later in the CSS file, so that it took precedence over my custom CSS class, but it looks like it's behaving the way I need / expect it to.
    Not sure why I wasn't seeing this all along. Thanks for the help, Alejandro and Frank.

  • Setting the "CSS Class" field not taking effect

    Hello. I defined my custom.xss as follows:
    <?xml version="1.0"?>
    <!-- $Header: custom.xss 115.2 2003/08/13 07:48:42 nigoel noship $ -->
    <styleSheetDocument xmlns="http://bali.us.oracle.com/cabo/ocelot">
    <import href="oa.xss"/>
    <styleSheet>
    <!-- Please start your customizations here -->
    <style selector=".Red">
    <includeStyle name="DefaultFontFamily"/>
    <property name="background-color">red</property>
    </style>
    <!-- Please end your customizations here -->
    </styleSheet>
    </styleSheetDocument>
    I can see my new tag defined in the generated CSS file. However, when I take my messageStyleText element and put 'Red' in the CSS Class field it does not change the background color. Am I doing something wrong?
    Thanks! Graeme.

    On Fri, 23 Mar 2007 09:53:58 +0000 (UTC), "dulcettones"
    <[email protected]> wrote:
    >Hello, I'm redoing my site from the beginning, this time
    using 'relative'
    >positioning due to browser inadequacies. Because I'm new
    to CSS I'm trying to
    >get my head around it as I go along.
    Not sure that's right - I'm sure Murray will help there
    > The first thing I'm doing is laying out my navigation
    bar at the top of the
    >page.
    > These are the CSS styles:
    > #navlist
    > #navlist ul
    > #navlist li
    > #navlist a
    > According to my book the changes to font should be done
    in #navlist ul.
    >However nothing happens when I enter the settings.
    > BUT...the changes do take effect if I use the other ones
    (#navlist / #navlist
    >li / #navlist a)
    > Can anyone help?
    >
    needs applying to the li
    <!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=iso-8859-1" />
    <title>Untitled Document</title>
    <style>
    .navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    .navigation li {
    display: inline;
    font-family:"Times New Roman", Times, serif;
    font-size: 1.1em; font-style:normal; font-weight:600;
    width: 125px;}
    .navigation li a:link, .navigation li a:visited {
    padding: 2px 5px 2px 0.5em;
    background-color: #009933; /* Main backround colour */
    color: #FFFFFF; /* normal font colour */
    text-decoration: none;
    width: 125px;
    .navigation li a:hover {
    background-color: #EBF4EA; /* Main hover colour */
    color: #006600; /* hover text colour dark green */
    </style>
    </head>
    <body>
    <div class="navigation">
    <ul >
    <li><a href="x">Home</a></li>
    <li> <a href="x">One</a></li>
    <li><a href="x">Two</a></li>
    <li> <a href="x">Three</a></li>
    <li> <a href="x">Four </a></li>
    </ul>
    </div>
    </body>
    </html>
    ~Malcolm N....
    ~

  • Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below?

    Do you guys know where to populate the CSS class items on the WYSIWYG Editor as shown below? We're trying to make it easily for the client to apply formatting by selecting the CSS Class on the list.

    The Page Template must contain a reference to exactly one stylesheet.
    That single <link rel="stylesheet"> tag must be directly in the <head> section of the Page Template, not in any content holder.
    The class to be added cannot have a selector any more complex than a single class. E.g., this is fine:
    .button {
         background-color: red;
         padding: 5px 10px;
    This will fail:
    .content .button {
         background-color: red;
         padding: 5px 10px;
    The classes to be added must each be added to the list in the Partner Portal (Partner Portal › Tools › Online Editor Settings › select your site from the dropdown › Editor Apply CSS).
    With caching disabled, the above changes will be visible when you change a page's Template and answer 'Yes' to the 'Do you want to reload?' alert box.
    More info here: CSS Styles are Missing in WYSIWYG Editor

  • Apply CSS to Flash Movie?

    If I want to apply a class to a flash movie, where do I place
    it in order
    for it to listen?
    Here's my code:
    <div id="header">
    <p id="flash">
    <object type="application/x-shockwave-flash"
    data="/clients/affusion/webs/assets/affusionconsulting.swf"
    width="472" height="196" class="movie">
    <param name="movie"
    value="/clients/affusion/webs/assets/affusionconsulting.swf"
    />
    </object> </p>
    </div>
    Here's the simple css:
    #flash {
    height: 214px;
    margin: 0 21px 0 15px;
    background: url(/clients/affusion/webs/images/headerbg.gif)
    no-repeat left;
    display: block;
    text-align: right;
    .movie { padding-top: 9px;}
    Here's the URL:
    http://www.galfanodesign.com/clients/affusion/webs/final/index.asp
    Might there be a simpler solution to what I am seeking?
    Thanks!
    Dan

    That could be....
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Dan Galfano" <[email protected]> wrote in
    message
    news:[email protected]...
    >I see. I swear the bg-image did move before..but perhaps
    it was the whole
    >container that was moving and not the bg-image.
    >
    >
    >
    > "Murray *ACE*" <[email protected]>
    wrote in message
    > news:[email protected]...
    >> Jup. The only way to move background images is with
    >> background-position....
    >>
    >> --
    >> Murray --- ICQ 71997575
    >> Adobe Community Expert
    >> (If you *MUST* email me, don't LAUGH when you do
    so!)
    >> ==================
    >>
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >>
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    >> ==================
    >>
    >>
    >> "Dan Galfano" <[email protected]>
    wrote in message
    >> news:[email protected]...
    >>> Hmm...Well, whatever it was doing, I just
    re-read what I wrote and made
    >>> sure the background position of the image was
    "top" and then added the
    >>> padding to the container, and it worked.
    >>>
    >>> Dan
    >>>
    >>>
    >>>
    >>> "Murray *ACE*"
    <[email protected]> wrote in message
    >>> news:[email protected]...
    >>>> Padding will not move background images.
    >>>>
    >>>> --
    >>>> Murray --- ICQ 71997575
    >>>> Adobe Community Expert
    >>>> (If you *MUST* email me, don't LAUGH when
    you do so!)
    >>>> ==================
    >>>>
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >>>>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>>>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >>>>
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    >>>> ==================
    >>>>
    >>>>
    >>>> "Dan Galfano"
    <[email protected]> wrote in message
    >>>> news:[email protected]...
    >>>>> Ok. Well, I have this header with a
    background image and am putting
    >>>>> the flash movie in the <div> but
    the movie is aligned at the top of
    >>>>> the <div>. I want it padded 9px
    from the top. But, if I put in the
    >>>>> padding-top in my css for the header,
    then it moves the background
    >>>>> image down too......
    >>>>>
    >>>>> Any thoughts?
    >>>>>
    >>>>> Dan
    >>>>>
    >>>>>
    >>>>> "Murray *ACE*"
    <[email protected]> wrote in message
    >>>>>
    news:[email protected]...
    >>>>>>> I can't apply CSS to a flash
    movie? I don't want to apply it within
    >>>>>>> the movie...Wouldn't it be like
    adding CSS to an image?
    >>>>>>
    >>>>>> No. Sorry. Flash lives in a
    concurrent but different universe than
    >>>>>> HTML.
    >>>>>>
    >>>>>>> If not, then, do you see any
    fixes I can add to my container?
    >>>>>>
    >>>>>> I'm not quite sure what you are
    wanting to do, Dan.
    >>>>>>
    >>>>>> --
    >>>>>> Murray --- ICQ 71997575
    >>>>>> Adobe Community Expert
    >>>>>> (If you *MUST* email me, don't LAUGH
    when you do so!)
    >>>>>> ==================
    >>>>>>
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >>>>>>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>>>>>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >>>>>>
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    >>>>>> ==================
    >>>>>>
    >>>>>>
    >>>>>> "Dan Galfano"
    <[email protected]> wrote in message
    >>>>>>
    news:[email protected]...
    >>>>>>> Murray,
    >>>>>>>
    >>>>>>> I can't apply CSS to a flash
    movie? I don't want to apply it within
    >>>>>>> the movie...Wouldn't it be like
    adding CSS to an image?
    >>>>>>>
    >>>>>>> If not, then, do you see any
    fixes I can add to my container?
    >>>>>>>
    >>>>>>> Thanks!
    >>>>>>>
    >>>>>>> Dan
    >>>>>>>
    >>>>>>>
    >>>>>>>
    >>>>>>> "Murray *ACE*"
    <[email protected]> wrote in message
    >>>>>>>
    news:[email protected]...
    >>>>>>>>> If I want to apply a
    class to a flash movie, where do I place it
    >>>>>>>>> in order for it to
    listen?
    >>>>>>>>>
    >>>>>>>>
    >>>>>>>> You cannot apply CSS to
    Flash. You could apply it to a container
    >>>>>>>> into which the Flash is
    placed, though.
    >>>>>>>>
    >>>>>>>> --
    >>>>>>>> Murray --- ICQ 71997575
    >>>>>>>> Adobe Community Expert
    >>>>>>>> (If you *MUST* email me,
    don't LAUGH when you do so!)
    >>>>>>>> ==================
    >>>>>>>>
    http://www.dreamweavermx-templates.com
    - Template Triage!
    >>>>>>>>
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    >>>>>>>>
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    >>>>>>>>
    http://www.macromedia.com/support/search/
    - Macromedia (MM)
    >>>>>>>> Technotes
    >>>>>>>> ==================
    >>>>>>>>
    >>>>>>>>
    >>>>>>>> "Dan Galfano"
    <[email protected]> wrote in message
    >>>>>>>>
    news:[email protected]...
    >>>>>>>>> If I want to apply a
    class to a flash movie, where do I place it
    >>>>>>>>> in order for it to
    listen?
    >>>>>>>>>
    >>>>>>>>> Here's my code:
    >>>>>>>>>
    >>>>>>>>> <div id="header">
    >>>>>>>>> <p id="flash">
    >>>>>>>>> <object
    type="application/x-shockwave-flash"
    >>>>>>>>>
    data="/clients/affusion/webs/assets/affusionconsulting.swf"
    >>>>>>>>> width="472" height="196"
    class="movie">
    >>>>>>>>> <param name="movie"
    >>>>>>>>>
    value="/clients/affusion/webs/assets/affusionconsulting.swf" />
    >>>>>>>>> </object>
    </p>
    >>>>>>>>> </div>
    >>>>>>>>>
    >>>>>>>>> Here's the simple css:
    >>>>>>>>> #flash {
    >>>>>>>>> height: 214px;
    >>>>>>>>> margin: 0 21px 0 15px;
    >>>>>>>>> background:
    url(/clients/affusion/webs/images/headerbg.gif)
    >>>>>>>>> no-repeat left;
    >>>>>>>>> display: block;
    >>>>>>>>> text-align: right;
    >>>>>>>>> }
    >>>>>>>>>
    >>>>>>>>> .movie { padding-top:
    9px;}
    >>>>>>>>>
    >>>>>>>>> Here's the URL:
    >>>>>>>>>
    http://www.galfanodesign.com/clients/affusion/webs/final/index.asp
    >>>>>>>>>
    >>>>>>>>>
    >>>>>>>>> Might there be a simpler
    solution to what I am seeking?
    >>>>>>>>>
    >>>>>>>>> Thanks!
    >>>>>>>>>
    >>>>>>>>> Dan
    >>>>>>>>>
    >>>>>>>>
    >>>>>>>>
    >>>>>>>
    >>>>>>>
    >>>>>>
    >>>>>>
    >>>>>
    >>>>>
    >>>>
    >>>>
    >>>
    >>>
    >>
    >>
    >
    >

  • How to use CSS Class

    Dear Friends,
    I am using Apex 4.1. i have made a below CSS class. i just want to know where i have to paste the below code and from where i have to call it and how?
    I have written this in PAGE Properties-->HTML Header
    <style type="text/css">
    myclass
    width:200px;
    color:orange;
    background-color:#CCCCFF;
    </style>
    calling above on field --- > on HTML Table Cell Attributes. class="myclass"
    but it is not working. Please help me where i am doing wrong. Thanks in advance.
    Regards
    Kamran

    Hi Jozef,
    Thank you so very much for you kind help and consideration on the said issue.
    The issue is resolved.
    i just copied and pasted ur code. now its working. now i have ur email. if u dont mind could i send u mail directly at ur email address if any issue.
    Thanks once again.
    Regards,
    Kamran

  • CSS Classes documentation for ADF Faces

    I could not find any document where css classes for ADF Faces components have been listed. I want to build custom skin and i needed it badly. Anybody knows where it is?

    Hi,
    Try http://www.oracle.com/technology/products/jdev/tips/fnimphius/adffaces_skin_selectors/AdfFacesSkinSelectors.html. Note that you can always use Firebug to get the right class name, assuming you set the following parameter in web.xml:
    <context-param>
      <param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
      <param-value>true</param-value>
    </context-param>~ Simon

Maybe you are looking for

  • How can I print a PLD report by code?

    Hi people! How could I print a PLD report by code? or Is that possible to fill a PLD and print it? For example: I want to print a invoice automatically by code. I did it clicking the printer button by code, but that's not the best way, because the pr

  • Convert CHAR to INT4

    Hi, Is there any FM that allowes you to convert a variable type char into another one type int4? I am working on SAP version 4.6C and haven't been able to find any except for 'CHAR_NUMC_CONVERSION' and 'MOVE_CHAR_TO_NUM', but none of them work with i

  • Create a BSP  based on R/3 program

    Hi all, My question is if it is possible to transform an already existing R/3 program to a BSP, without the need to re-write the program. I, for example, would like to transform the standard program SAPLRHP6 to a BSP. Sorry if this question is stupid

  • In alv

    In ALV how to assign color for cells.   ie I am displaying a field called status. In that 'Created' 'completed' 'scrapped' entries are there alternatively. I want to assign c200 color to 'Created', c100 colr to 'Completed' etc. How can I achieve this

  • How Not to save changes

    I made a mistake editing a photo and cannot reverse the mistake. How do I reverse the change? I'm using Lightroom 2.0 Thanks