Similar Questions

• The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David Powers

  The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David powers:
  
  This book would help me learn more about Spry and Ajax and how applications may be lodged with them, if I have my e-commerce site works on a compiled C code cart (ShopSite) but supports scripts PHP server-side or is - this only for shopping carts based on PHP itself (like X-Cart)?
  
  I'm not sure. Someone please let me know if I can buy this book. Thank you.

  ahsenabro wrote:
  > 1. What I need to be a developer/programmer to learn from this book or
  > can a savvy entrepreneur can also get some gems out of it and direct sound
  > programmer?

  You don't need no prior knowledge of PHP or Ajax, but you must
  know the basics of HTML and CSS. As I say in the introduction, "You."
  don't need to be an expert, but do not have a curious mind.
  It teaches the basics of web site design, or he's trying to list
  each unique feature in Dreamweaver CS3. There are many other books
  to fill this gap. However, by working through this book, you will gain a
  in-depth knowledge of the most important features of Dreamweaver.

  > 2. I am interested in buying this book especially to implement cool Ajax/Spry
  > stuff on my e-commerce site. I wonder about PHP, because the content of the book
  > mentions making a PHP site. Now I realize this book isn't on purchases
  > carts, but the Ajax/Spry stuff can be implemented on e-commerce sites, right?

  The book provides detailed coverage of the features of Spry 1.4
  Dreamweaver CS3, which can be applied to any site. With minor
  adjustment, you can also use Spry 1.6. It is important to realize,
  However, the features of Spry/Ajax in Dreamweaver CS3 * cover of no
  asynchronous requests to the server. The ability to communicate
  asynchronously with the server has been added in Spry 1.6. If it has
  the asynchronous server calls and answers you are looking for, your
  programmer will need to dig into the documentation for Spry 1.6 on the
  Adobe Labs site and manually code it.

  The Spry features covered in the book are Spry, Spry UI widgets effects
  (menu accordion, tabbed and folding panels), Spry
  Widgets of validation and Spry XML data sets.

  > I just want to know if I can learn and implement Ajax/Spry apps on my
  > HTML/CSS-based simple pages, on a server that allows PHP scripts on the server side
  > but the pages themselves are not with the .php extension. This book is still going
  > apply?

  Yes. All Spry techniques can be used on any web page. This is not
  you have to be a PHP one.

  --
  Adobe Community Expert David Powers
  Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
  Author, "PHP Solutions" (friends of ED)
  http://foundationphp.com/

• My CS3 spry horizontal menu does not work in Everybody, my swap image behavior does not dry. If anyone can help. Thank you.

  My CS3 spry horizontal menu does not work in Everybody, my swap image behavior does not dry. Can anyone help? Thank you.

  To the place where I put before (and burst out of the container foot...), put it below:

  
  
  

  Beth

• Spry Navigation - CSS Question

  I recently added spry navigation on my site (http://www.faithbuilders.com) and changed the default CSS to match the site a little better. Everything works well enough, but I have a few things left to straighten.

  First of all, there is a gap between the right side of the drop-down list and the left side of the menu subcategory that pops out to the right. See the image below.

  Is there a specific part in the CSS that affects this gap?

  Second, given that the submenu appears on the right, it is hidden when the browser size is small enough to cover it. Is there a simple way to get out to the left OR right, depending on where there is room for it?

  Your help is greatly appreciated.

  ~ Sarah

  I'm giving It All wrote:

  I've recently added spry navigation on my site (http://www.faithbuilders.com) and changed the default CSS to match the site a little better. Everything works well enough, but I have a few things left to right.

  First of all, there is a gap between the right side of the drop-down list and the left side of the menu subcategory that pops out to the right. See the image below.

  Is there a specific part in the CSS that affects this gap?

  Yes change 95% to 200px in the css below rule: (as shown)

  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
  UL. MenuBarHorizontal ul ul
  {
  position: absolute;
  margin:-5% 0 0 200px;
  }

  I'm giving It All wrote:

  Second, given that the submenu appears on the right, it is hidden when the browser size is small enough to cover it. Is there a simple way to get out to the left OR right, depending on where there is room for it?

  Your help is greatly appreciated.

  ~ Sarah

  Not that I know of.

• Question about DW CS3 generated CSS code...

  In the attached code of a page, that I am, you will see that the .twoColFixLtHdr class is applied to several areas of the declaration. This class is the only one ever but she is shared with the ID.
  
  The page comes from a DW generated pages, namely the "two fixed column, left sidebar, header and footer." Since I am still a beginner with CSS, I can't understand this.
  
  The class is applied to the < body > tag. Does this mean that all of these CSS statements where appears the .twoColFixLtHdr class is applied to the < body > tag?
  
  Thanks for everything that will inform about it. I have a feeling it's quite simple...

  Tuesday, August 5, 2008 07:52:17 + 0000 (UTC), "brainfillet".
  wrote:

  > I have read up on CSS since the last post (no response from any force "
  (> me to read the book!). I understand now is that .twoColFixLtHdr «»
  "> #container" and others are descendant selectors.

  Yes
  >
  > My questions now, very simplified: it will be OK to remove all occurrences of
  > ".twoColFixLtHdr?

  If it a new site - then yes remove all occurrences of
  .twoColFixLtHdr in html and css
  change
  
  TO
  

  > Also, what is the point of this class, which is never
  > only, but it is only one component of a descendant selector. If I can pull
  > all instances of it (which I guess I can, and the page seems to work
  (> fine), why DW put there when she has generated the original file?

  I asked the same question there not so long ago - and Murray noted quite rightly
  make sure if you use older editions of code
  your site - it ensures that if there are duplicate css examples in
  old code and the model Dw - Dw code has priority (it has a higher level
  specificity).

  --

  ~ Malcolm ~ *...
  ~*

• Simple (!) CSS question

  Trying to transition to the use of CSS for layout. Ran into a question, can't understand why.

  
  Here is the CSS of the page I'm working on that:

  @charset "UTF-8";
  /* CSS Document */
  
  #container {
       width: 968px;
       margin: 0 auto;
       padding-left: 10px;
       padding-right: 10px;
       overflow: hidden;
       border: 2px solid #FF0000;
  }
  #main_image {
       background-image: url(../images/main.jpg);
       background-repeat: no-repeat;
       position: relative;
       height: 376px;
       width: 968px;
  }
  #left_column, #center_column, #right_column {
       width:316px;
       float:left;
  }
  #center_column, #right_column {
    margin-left: 10px;
  }

  The problem occurs when I add the float: left; rule, highlighted above. In Dreamweaver, he seems to be pushing 3 columns to the bottom and outside of the container div - I added the Red 2px border to the container to confirm.

  However, viewing the page in a browser, it appears that 3 columns are correctly nested in the container div.

  It is disconcerting, because this isn't WYSIWYG!

  Someone suggested to turn off all Visual AIDS. Did not help.

  Can anyone suggest what is happening here? It would be GREATLY appreciated.
  
  Here is the page: http://www.stephencoren.com/CSS_Tutorial/NavBar.htm
  Here's the CSS: http://www.stephencoren.com/CSS_Tutorial/css/NavBar.css

  Here is a screenshot of what I see in DW CS3 in Safari: http://www.stephencoren.com/CSS_Tutorial/example.jpg

  Thank you.

  DWCS3 is also unable to make CSS layouts as was DWCS4 and DWCS4 was not as good as DWCS5.  When I look at your page layout in Design CS5 mode, I see exactly the same thing I do in the browser.  But as bemdesign, DW Design view is not now and has never been good enough for anything other than a rough layout.  The browser (or Live see DW) is the only way to be relatively safe.

• Spry CSS crash DW

  I added a spry tabs Panel to a page... then I opened the CSS file and make a change, then clicked to switch to the original file to see the change and DW crashes.
  
  I restart, open the CSS file, make the changes, and press CTRL + S. DW breaks down.

  
  There is something to do here with this file that retains the original DW to crash.  Anyone encountered this before?

  I don't know if this could be the cause, but there is a bug in CS3 (not sure what you are using):

  The bug of 8 KB

  It is a very rare bug that causes Dreamweaver to break during the operation and then repeatedly crash whenever you try to restart the program. Normally, it affects only Dreamweaver CS3 on Windows and is caused by the presence of a file that is located exactly 8192 bytes (8 KB) or a multiple thereof.

  The solution is to open the file in a text editor and add a few extra characters (new lines or a testament how). Save the file and restart Dreamweaver.

  If the file at the root of the problem is an image or another type of media file, change it so that it is no longer an exact multiple of 8 KB

  Other that that, you use the latest Version of Spry?

  UPDATERS SPRY: http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_spry

  If none of these help - then you might want to ask on the Forum dedicated to the Spry Framework:

  http://forums.Adobe.com/community/adobe_labs/spry_framework_ajax_prelease

• How to change the Spry CSS tab

  I like to use these old screens provided with the former DW Spry tab.  I just looked in DW CC and it looks like they aren't there and more.  But anyway, I made one for my client.  Now, they want to get one of the tabs on the far right of the margin.  See the image below:

  

  I don't know yet if it's possible to do and if someone has done this before, can you tell me what code I need to change in the CSS?  I would have joined the CSS file, but it seems that you cannot attach files in this forum, so I've copied below.

  Please offer any means to change the color of the tabs, etc. - I just need to know how - or at all - this tab can be moved to the right.

  Thanks, Guy deaf

  PS I'm sorry that the CSS code does not correctly appear in this forum.  When I type this message, looks like it will display line-by-line, but it's not.  I'm sorry.

  ---------------------------------------------

  @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)*/
  }
  
  
  /* 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;
    padding: 5px 20px;
    margin: 0px 1px 0px 0px;
    font: bold 12px sans-serif;
    background-color: #f1c185;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-radius: 5px 5px 0px 0px;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
  }
  
  
  /* 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: #ffd197;
  }
  
  
  /* 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: #ffe9cd;
    border-bottom: 1px solid #EEE;
  }
  
  
  /* 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;
    border-top: solid 1px #999;
    background-color: #FFF;
  }
  
  
  /* 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;
    padding: 4px;
  }
  
  
  /* 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 {
  }
  
  
  /* 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;
  }
  }
  

  !-[CodeBlockStart:dffe5525-a787-4a98-a87f-f24554b12141]-->@charset 'UTF-8'; / * SpryTabbedPanels.css - 0.6 - pre-release Spry 1.6.1 version * / / * Copyright (c) 2006] Adobe Systems Incorporated. All rights reserved. * / / * Horizontal tabbed panels * the default style for a TabbedPanels widget puts all the tab buttons * (stalled left) above the content panel. * / / * This is the selector for the main container of TabbedPanels. For our * style by default, this container does not contribute anything visually, * but it is floated to the left to ensure that all floating or compensation done * with any which of her children the elements lie entirely within the limits the * TabbedPanels container, in order to minimize any impact or unwanted * interaction with other floating elements on the page which may be used * for page layout. * If you want to limit the width of the widget TabbedPanels, define a * width of the container TabbedPanels. By default, the widget TabbedPanels * extends horizontally to fill the available space. * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget service. You can use a class name, you * want to style the TabbedPanels container. */ . TabbedPanels {overflow: hidden;}   margin: 0px;   padding: 0px;   Clear: none;   Width: 100%; / * Hack IE to force the layout correct when preceded by a paragraph. (hasLayout bug) * /} / * this is the selector for the TabGroup. The container of TabGroup houses * all buttons on the tab for each tabs in the widget panel. This container * does not contribute to what both visually in the appearance of the widget for our * default style. * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget service. You can use a 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 of the Panel. It is also tab 'button' that the user clicks on * to activate the corresponding content panel so that it appears on top * of the other tabs in the widget panels. * For our style by default, each tab is positioned relatively 1 pixel down from * where it would normally. This allows each tab overlap content * panel that renders underneath. Each tab is rendered with a background of 1 pixel * border which has a color that corresponds to the upper edge of the current content * panel. This gives the appearance that the tab is drawn behind the * content panel. * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget service. You can use any class name you want * to style the tab container. */ . TabbedPanelsTab {position: relative;}   Top: 1px;   float: left;   padding: 5px 20px;   margin: 0px 1px 0px 0px;   Police: bold 12px without serif.   background-color: #f1c185;   list-style: none;   border-left: 1px solid #CCC;   border-bottom: 1px solid #999;   border-top: 1px solid #999;   border-right: 1px solid #999;   border-radius: 5px 0px 5px 0px;   -moz-user-select: none;   -khtml-user-select: none;   cursor: pointer; } / * This selector is an example how to change the appearance of a button in the tab * container as the mouse enters in the it. The class is "TabbedPanelsTabHover" * programatically add and remove the element tab as the mouse between in * in and out of the container. */ . TabbedPanelsTabHover {background-color: #ffd197 ;} / * this selector is an example how to do to change the appearance of a button in the tab * container after the user has clicked on it to activate a content panel.} * The 'TabbedPanelsTabSelected' class is programmatically added and removed * the tab element as long as the user clicks button tab containers in * the widget. * As mentioned above, for our style by default, the tab buttons are positioned * 1 pixel down where he would normally. What is the tab key * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is the content panel. */ . TabbedPanelsTabSelected {background-color: #ffe9cd;}   border-bottom: 1px solid #EEE; } / * This selector is an example of how to make a link inside a tab button * look like normal text. Users may want to use the links within a tab button * so that when it gets the focus, the text * inside * the tab button gets a focus * ring around it, instead of the ring around the whole tab. * /. TabbedPanelsTab a {color: black;}   text-decoration: none; } / * This is the selector for the ContentGroup. The ContentGroup container houses * all panels of content for each tabs in the widget panel. For our * style by default, this container provides the background color and borders that * surround content. * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use a class name, you * want to style the ContentGroup container. */ . TabbedPanelsContentGroup {clear: both;}   border-top: 1px solid #999;   background-color: #FFF; } / * This is the selector for the content panel. The content panel contains the * content for a single panel tabs. For our default style, this container * provides some padding, so that content is not pushed upward 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 a class name, you * want to style the content container. */ . TabbedPanelsContent {overflow: hidden;}   padding: 4px; } / * This selector is an example of how to change the appearance of the currently * active panel container. The class is "TabbedPanelsContentVisible" * programatically added and removed from the content as the Panel item * is enabled/disabled. */ . TabbedPanelsContentVisible {} / * vertical tabbed panels * following rules override some of the default rules above so that the * TabbedPanels widget is rendered with its buttons on the tab on the left of * the active content panel. * With the rules defined below, the only change that will be made * to move a widget panels to horizontal tabs to vertical tabbed panels * widget, is to use the 'VTabbedPanels' class on the top-level widget * element container, instead of "TabbedPanels. */ . VTabbedPanels {overflow: hidden;}   Zoom: 1; } / * This selector floats the TabGroup so that the tab buttons it contains * make left of active content panel. A border is drawn around * the group container to make it look like a container from the list. */ . VTabbedPanels. TabbedPanelsTabGroup {float: left;}   Width: 10em;   height: 20em;   background-color: #EEE;   position: relative;   border-top: 1px solid #999;   border-right: 1px solid #999;   border-left: 1px solid #CCC;   border-bottom: 1px solid #CCC; } / * This selector disables the float property that is placed on each button of the tab * by the rule above TabbedPanelsTab default selector. He also draws a background * border for the tab. The tab button will get his left and right border of * the TabGroup and its superior border of the tab above it or button TabGroup. */ . 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 button of the tab * by the rule above TabbedPanelsTab default selector. He also draws a background * border for the tab. The tab button will get his left and right border of * the TabGroup and its superior border of the tab above it or button TabGroup. */ . VTabbedPanels. TabbedPanelsTabSelected {background-color: #EEE;}   border-bottom: 1px solid #999; } / * This selector fleet contained signs of the widget while they * make it to the right of the tabs buttons. */ . VTabbedPanels. TabbedPanelsContentGroup {clear: none;}   float: left;   padding: 0px;   Width: 30em;   height: 20em; } / * Printing styles * / @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; } }

  Add the class like below:

• Open Ocean

Delete the following in your css spry as file its in the ' query print media "and has no effect on the screen - have added you it to the wrong place."

{.alignRight}

position: relative;

Top: 1px;

float: right! important;

padding: 5px 20px;

margin: 0px 1px 0px 0px;

Police: bold 12px without serif.

background-color: #f1c185;

list-style: none;

border-left: 1px solid #CCC;

border-bottom: 1px solid #999;

border-top: 1px solid #999;

border-right: 1px solid #999;

border-radius: 5px 0px 5px 0px;

-moz-user-select: none;

-khtml-user-select: none;

cursor: pointer;

}

Add the below css just above the press query written:

{.alignRight}

float: right! important;

}

/ * Print styles * /.

@media print {}

• CSS Question %, EM, px dimensions

  How the browser does not render css when a css property has a value, but the value is not a unit of measurement. IE %. PX, em is not specified.

  Amy:

  I think the deal is that when the style in question has an associated default digital value (height of the default 1 line), you can use a number of multiplier, for example, line-height: 2, with success.

• Interactive report CSS question...

  Hi all..
  
  APEX: 4.1
  BROWSER: IE 7
  Database: 11g
  
  Please help me with this CSS problem.
  I have an interactive report that is too large for the region.
  I use the following CSS to have a bar scrolling for this region,
  If it grows more.
  

  Region Header:
  <div style="overflow:auto;overflow-y: hidden;">
  
  Region Footer:
  </div>

  Please see the following page.
  
  http://Apex.Oracle.com/pls/Apex/f?p=41803:4
  workspace: kumar2003
  Username:test_user
  password: test
  application: 41803
  Page: 4
  
  
  
  
  I have the following problems with the report.
  
  (1) If you scroll the report, "" OBSERVE THE "' GO AND ' ' BUTTONS of ACTION '" interactive reports.
  Even the button are also mobile and spoil the appearance of interactive report.
  Is anyway to keep the buttons in the same situation?
  
  Another question:
  
  (2) instead of a scroll at the bottom of the area bar, it is possible to
  '' increase the width of the region' "until the report develops?
  What CSS changes in the level of the region as I do?
  
  Please help me

  Hello

  I don't know what the problem is.
  But if fix you this move button, I guess you have problem that drop downs column header are not aligned correctly when you click the header.

  Maybe you check this plugin
  http://www.apex-plugin.com/Oracle-Apex-plugins/dynamic-action-plugin/IR-plugin-package_108.html

  Kind regards
  Jari

  http://dbswh.webhop.NET/dbswh/f?p=blog:Home:0

• Positioning CSS questions

  I'm in the beginnings of the creation of my first 'real' site. (In other words, my first site that can actually do something) And I put all my skills to the test. I'm begin by nailing to the bottom of my page/design layout, so I'll switch to programming. I have some problems with positioning/formatting CSS in Internet Explorer.
  
  Here's the url: http://lwrussell.com/new_site/
  
  So far, I've been able to determine all questions that raised between these two browsers except these two problems:
  
  In Internet Explorer, you will notice that the right hand navigation seems cut upward while it looks perfect in Firefox. Any ideas on this one?
  Also, the content area of the body/is placed to the right 10 + pixels in IE where it is in FF.
  
  Any help?
  
  Thank you guys! I really appreciate it!
  Luke

  The page looks the same in IE7/FF2x.

  > IE and FF deal differently with some padding and margins

  No, they don't. At least not in the standard mode. What IE 6 does, however,
  of doubling the margin on a floating when the float element and the margin
  are on the same side. Difficulty on this page by adding-

  Display: inline;

  the rule of #content.

  Why are you using the

  Tag?

  In any case, if you remove your items #ntred and #nbred, you will see the
  Navigation-don't know what they're doing, or why they are there.

  --
  Murray - ICQ 71997575
  Adobe Community Expert
  (If you * MUST * write me, don't don't LAUGH when you do!)
  ==================
  http://www.projectseven.com/go - DW FAQs, tutorials & resources
  http://www.dwfaq.com - DW FAQs, tutorials & resources
  ==================

  "grammarg" wrote in message
  News:ffbsda$E8R$1@forums. Macromedia.com...
  > IE and FF deal differently with some padding and margins. Maybe start by
  > Reset the default settings? Try this link and you can Google for similar
  > things
  > if this seems to fix the problem.
  >
  > http://www.clagnut.com/blog/1287/
  >

• CS3 loses css formatting in design mode for pages without templates

  We have recently upgraded to CS3. All pages on our site are based on models except the home page. The homepage, seen in Design view in Dreamweaver, looks as if css styles are missing. Refreshing view sometimes causes some of them to appear, but not all. It didn't happen in the old version. And this isn't the case (so far) on our pages based on a template. Any ideas?

  AHA! I just try the same, incorporate the stylesheet on the page, and it seemed fine in CS3. Which meant the problem is what was called the style sheet. I looked closer and found that, unlike other pages on the site, the home page media = "screen" attribute Changed the media = "all", and now she makes fine in CS3.

  Please point me in the right direction!

• CS3 Spry Accordion

  Hi, thanks for posting. I an accordion and content panels have the automatic height value but this seems to be to use the first Panel to size each other leading to scroll bars in some empty space at the bottom of the other. How can I get to size automatically to their own sizes of content?
  
  Thank you very much
  
  Frank

  Frank,

  This should help:

  http://labs.Adobe.com/technologies/Spry/samples/accordion/AccordionSample.html#VariablePan elHeights

  Make sure you use Spry 1.6.1:

  http://www.Macromedia.com/go/labs_spry_download

  --
  Adobe Community Expert - Dreamweaver/ColdFusion
  Adobe Certified Expert - Dreamweaver CS3
  Adobe Certified Expert - ColdFusion 8
  Fordwebs, LLC
  http://www.fordwebs.com
  http://www.cfnoob.com

  "fkeane" wrote in message news:[email protected]...
  > Hi, thanks for posting. I have an accordion and content panels are put
  > automatic height, but this seems to be to use the first Panel to size other
  > leading to scroll bars in some and empty space at the bottom of the other. How
  > can I get them to size automatically to their own sizes of content?
  >
  > Thank you
  >
  > Frank
  >

• Several CSS questions

  OK, so now I'm having a problem with the size of my Web page.  I have a container the value width: 90%, but one of the pages use a separate css page called bootstrap.css.  It is because I have included a Bootstrap carousel with a feature in Dreamweaver.  Does anyone have advice on how I can make this page the same size as the rest of them?  Here is a link to my Web site: home

  I don't see Glyphicons mentioned anywhere in your code.  This is perhaps why they are not appear?

  My awesome site

  Some pithy slogan...

  http://lorempixel.com/1180/400/Technics/4"alt ="..." ">

  Heading 3

  Details...

  http://lorempixel.com/1180/400/Technics/3"alt ="..." ">

  Heading 3

  Details...

  http://lorempixel.com/1180/400/Technics/2"alt ="..." ">

  Heading 3

  Details...

  http://lorempixel.com/1180/400/Technics/1"alt ="..." ">

  Heading 3

  Details...

  Previous

  Next

• CSS questions

  Hey-

  So many times when I'm playing with the CSS code, I'll make an adjustment to something like change the margins to place it where I want, but when I click on the screen other elements involuntarily to his place.  Can someone help me understand why this is happening? !

  Review the CSS box model.

  CSS box model

  Box = the content width + left & border + left & right padding to the right + left & right margins.

  If you add left or right margins, often you need to compensate by cutting something else on your boxes.

  Nancy O.