How to reorganize the Design CSS panel

Similar Questions

• Hi I need to know how to expand the curves adjustment Panel. For example, the curves that I need to enlarge the graphic part, so I could show on a screen at the school. Thanks, Phil

  Hi I need to know how to expand the curves adjustment Panel. For example, I need to enlarge the graphic part so that I can view on a screen at the school and work from this Panel to expand. Thanks, Phil

  You can not. At least, not directly Ben Photoshop. For example, this can be done in Gimp and Photoline, and I had hoped that developers of Photoshop team would have done this allowance now. But no, we're still stuck with a tiny curved panel, which is a real shame, because in other applications, the user can be more precise with the curves.

  If you don't need to show close-ups during class time, use Zoomit in Windows, or turn on the Magnifier in the accessibility on a Mac option.

  https://TechNet.Microsoft.com/en-us/Sysinternals/Zoomit.aspx

• How to reorganize the field that was dynamically created by the controller

  Hello
  
  We have created a field (of 'Style' = > 'MessageChoice') in the page using the declaratively controller and also where we dynamically attach a View object to the field based on certain conditions.
  
  The hard part, that we are facing here is that we couldn't a replenishment of the field through customization because the field is created via controller because we don't see not any which column.
  
  Can someone help me please how to reorganize the field by the controller or any other way to do this?
  
  
  Your suggestions are very appreciated.
  
  
  With our thanks,
  Trehout

  Depreciated, the method will not be supported or will be obsolete in the future provided.
  don't worry about the depreciation methods. His will not touch you in the near future...
  Because the whole ofa technology is amortized now... ;)

  Yes, if the item is part of a specific region use as a handle.

  Prasanna-

• I can't stand the new CSS Designer Panel. I can customize to work like the old CSS panel?

  Creating cloud DW has a lot of changes to the CSS panel something that I used to use all the time. It does not open the CSS dialog box when I double click on the selector, I don't like how it displays the properties, he's wasting important 'real estate' with 'Sources' and '@Media' and I do not... use pls pls do not the decision to have spent the money to get this new version of Dreamweaver that made that worse... at least allow users to customize the Panel where it is usable again hate me!

  Nithya.MV wrote:

  You can always switch to the old Panel. CTRL + Shift + Alt + P

  Thank you very much!

  This works perfectly!

  Now... Why has not been previously noticed here?

• 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 {}

• How to refine the design of a whole Page

  Hello

  I have worked on this problem for a while and still have no answer. I use Dreamweaver CS5.5. I am new to write html code.

  My question is: how to set the width to a setting more shrunk my entire design which is currently focused on my page. This would allow more of the background (sky) to show on the left and the right of my page. Is it even possible at this late date after filling the Web site.

  You can see how my Web page looks like now.

  www.lanisakai.com

  Can I change a code to achieve this effect in the index.html page or in the "twoColLiqLtHdr.css" page, or both?

  Here is the code for both pages.

  The Index.html Page

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 > Lani Sakai Pastel Pet Portraits < /title >

  < link href = "twoColLiqLtHdr.css" rel = "stylesheet" type = "text/css" / > <!-[if lte IE 7] > "

  < style >

  . Happy {right margin:-1px ;} / * this negative margin of 1px can be placed on any of the columns in this layout with the same corrective effect.} */

  UL. NAV a {zoom: 1 ;}}  / * the property zoom gives IE the hasLayout trigger to fix additional whiltespace between the links * /.

  < / style >

  <! [endif]-->

  < style type = "text/css" >

  . Container content p .introduction {strong}

  Color: #000;

  }

  . Container content .introduction {}

  Color: #000;

  }

  {body

  background-image: url(Logo/sky1.jpg);

  background-position: Center;

  background-attachment: fixed;

  }

  < / style >

  < / head >

  < body bgcolor = "#FFFFCC" >

  < div class = "container" >

  < div class = "header" > <! - end .header - >

  " < div align ="center"> < a href =" http://www.lanisakai.com/ "> < img src = Logo/Logo3.jpg" "width ="805"height ="172"border ="0"/ > < /a > < / div >

  < / div >

  < div class = "sidebar1″" >

  < ul class = "nav" >

  " < li > < a href =" http://www.lanisakai.com/ "> Home < /a > < /li > .

  " < li > < a href =" http://www.lanisakai.com/previousworks.html "> < /A > < /li > previous works .

  " < li > < a href =" http://www.lanisakai.com/aboutme.html "> about me < /a > < /li > .

  " < li > < a href =" http://www.lanisakai.com/feedback.html "> Please < /a > < /li > .

  < li > < a href = "sitemap.html" > < /a > < /li > Site map ""

  " < li > < a href =" http://www.lanisakaimobie.bugs3.com/ "> Smartphone Version < /a > < /li > .

  < li > < /li >

  < /ul >

  < p > <!-end .sidebar1-> < /p >

  < / div >

  < div class = "content" >

  < h1 > < / h1 >

  < h1 > < img src = "Original drawings/DSCN4352 - 2.jpg" width = "260" height = "216" hspace = "20" hspace = "25" / > < img src = "Original drawings/DSCN9152 - 2.jpg" width = "210" height = "266" hspace = "40" / > < / h1 >

  < h2 class = "introduction" > < strong > < em > reasons why you want to have the portrait of your pet drawn... < /em > < / strong > < / h2 >

  < p > < / p >

  < p > < img src = "Drawings/untitled2.jpg" width = "275" height = "214" hspace = "125" / > < / p > "

  < p > < / p >

  < p align = "center" > < / p >

  < p > < / p >

  < / div >

  < div class = "footer" >

  < p align = "center" > copyright & copy; 2013 < script >

  (function(i,s,o,g,r,a,m) {I ['GoogleAnalyticsObject'] = r; i [r] = [r] i: function() {}})

  (.q i [r] = [r] i .q |) ([]) .push (arguments)}, l i [r] = 1 * new Date (); a = s.createElement (o),

  m = s.GetElementsByTagName (o) [0]; a.Async = 1; a.SRC = g; m.parentNode.InsertBefore (a, m)

  }) (window, document, 'script','/ / www.google-analytics.com/analytics.js', 'ga');

  GA ('create', 'UA-40745099-1', 'lanisakai.com');

  GA ('send', 'consultation');

  < /script >

  < script >

  (function(i,s,o,g,r,a,m) {I ['GoogleAnalyticsObject'] = r; i [r] = [r] i: function() {}})

  (.q i [r] = [r] i .q |) ([]) .push (arguments)}, l i [r] = 1 * new Date (); a = s.createElement (o),

  m = s.GetElementsByTagName (o) [0]; a.Async = 1; a.SRC = g; m.parentNode.InsertBefore (a, m)

  }) (window, document, 'script','/ / www.google-analytics.com/analytics.js', 'ga');

  GA ('create', 'UA-41801281-1', 'lanisakai.com');

  GA ('send', 'consultation');

  < /script >

  Lani Sakai Portraits in Pastel Pet < /p >

  <! - end .footer - > < / div >

  <! - end .container - > < / div >

  < / body >

  < / html >

  Page twoColLiqLtHdr.css

  @charset "utf-8";

  {body

  Police: 100% / 1.4 Verdana, Arial, Helvetica, without serif.

  margin: 50;

  padding: 0;

  Color: #000;

  background-image: url(images/sky1.jpg);

  background-position: left down.

  }

  / * ~ ~ Tag of the element selectors ~ ~ *.

  UL, ol, dl {/ * because of variations between the browsers, it's best practices to zero padding and the margin on lists.} For consistency, you can specify the amounts you want to here, or on the list (LI, DT, DD) items they contain. Don't forget that what you're doing here cascade to the .nav list unless you write a more specific selector. */

  padding: 0;

  margin: 0;

  }

  H1, h2, h3, h4, h5, h6 {p}

  margin-top: 0;           / * remove the top margin works around a problem where margins can escape from their container div. The margin of the low rest it will take away from all of the following items. */

  padding-right: 15px;

  padding-left: 20px; / * adding padding to the sides of the elements in divs, instead of divs themselves, gets rid of any mathematical model of box. A div nested with side pads can also be used as an alternative method. */

  font-size: medium;

  }

  an img {/ * this switch how to remove the default blue border displayed in some browsers around an image when it is surrounded by a link * /}

  border: none;

  }

  / * ~ ~ Style for your site links must remain in this order - including the Group of selectors that create the hover effect. ~~ */

  a: link {}

  Color: #000000;

  text-decoration: underline; / * unless you style your links appear to be extremely unique, it is best to predict stresses quick visual identification * /.

  }

  a: visited {}

  Color: #000000;

  text-decoration: underline;

  }

  a: hover, a: active, a: focus {/ * this group of selectors will give a browser keyboard the same experience of hovering as the person using a mouse. * /}

  text-decoration: none;

  Color: #000;

  }

  / * ~ ~ This container surrounds all the other div tags giving them their percentage width ~ ~ * /.

  . Container {}

  Width: 100%;

  Max-width: 1260px; / * a max-width may be desirable to keep this provision to become too wide on a big screen. This keeps the more readable line length. IE6 does not respect this statement. */

  min-width: 780px; / * set to auto on the sides, coupled with the width available to the centres. It is not necessary if you set the width of the .container to 100%. */

  do-size: 100%;

  background-color: #6FF;

  margin-top: 0;

  margin-right: auto;

  margin-bottom: 0;

  left margin: auto;

  }

  / * ~ ~ the header is not given a width. It will extend to the entire width of your layout. It contains an image placeholder to be replaced by your own logo linked ~ ~ * /.

  . Header {}

  background: #6F7D94;

  font-size: XL;

  }

  / * ~ ~ These are the columns for page layout. ~~

  (1) padding is only placed on the top and/or bottom of the divs. The elements contained in these divs have padding on their sides. This avoids any «mathematical model of box» Keep in mind, if you add lateral pads or border to the div itself, it will be added to the width that you set to create the * total width. You can also remove the padding of the element inside the div tag, and place a second div inside it with no width and padding necessary for your design.

  (2) no margin was given to the columns, because they all floated. If you need to add the margin, avoid placing on the side you're floating into (for example: a right margin on a div set to float to the right). Many times, padding can be used instead. For divs where this rule needs to be broken, you must add a statement of ' display: inline ' to the rule of the div to tame a bug where some versions of Internet Explorer double the margin.

  (3) given that the classes can be used several times in a document (and an element can also have several classes applied), the columns have received the names of classes instead of IDs. For example, two sidebar div could be stacked if necessary. These can easily be changed to the ID if that's your preference, as long as you don't use them once per document.

  (4) If you prefer your nav on the right instead of the left, simply float those columns as the opposite direction (straight instead of left all) and they will return in reverse order. There is no need to move the div in the HTML source code.

  */

  {.sidebar1}

  float: left;

  Width: 20%;

  padding-bottom: 10px;

  background-color: #66FFFF;

  font-size: medium;

  }

  . Happy {}

  padding: 10px 0;

  Width: 80%;

  float: left;

  do-size: 14px;

  }

  / * ~ ~ This group selector gives the lists in the domain content space ~ ~ * /.

  . Content ul, ol {} content

  padding: 0 15px 15px 40px; / * This padding reflects the right padding in the titles and the paragraph above net. Padding was placed on the bottom for the space between the other elements in the lists and on the left to create the withdrawal. These can be adjusted as desired. */

  }

  / * ~ ~ The list of navigation styles (can be removed if you choose to use a contextual menu premade as Spry) ~ ~ * /.

  UL. NAV {}

  list-style: none; / * This command deletes the list marker * /.

  border-top: 1px solid #666; / * This creates the top border for the links - all the others are placed using a bottom border on the LI * /.

  margin-bottom: 15px; / * This creates space between the following content browsing * /.

  }

  {ul li. NAV

  border-bottom: 1px solid #666; / * This creates separation button * /.

  }

  UL. NAV, the ul.nav: visited {/ * these selectors of grouping allows you to ensure that your links to retain their look button even after the ongoing visit * /}

  padding: 5px 5px 5px 15px;

  display: block; / * Gives the link properties block causing it to fill the whole container LI. This causes the entire area responds to a mouse click. */

  text-decoration: none;

  background: #8090AB;

  Color: #000;

  }

  UL. NAV a: hover, ul.nav one: ul.nav active,: focus {/ * this changes the background and color of text for browsers of the mouse and the keyboard * /}

  color: #FFF;

  do-size: 100%;

  background-color: #66CCFF;

  }

  / * ~ ~ Footer ~ ~ * /.

  .footer {}

  padding: 10px 0;

  position: relative; / * This gives hasLayout IE6 to well clear * /.

  Clear: both; / * This clear property forces the .container to understand where the columns end up and contain them * /.

  background-color: #66FFFF;

  font size: small;

  }

  / * ~ ~ various float/clear classes ~ ~ * /.

  .fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */

  float: right;

  left margin: 8px;

  }

  .fltlft {/ * this class can be used to float an element on your page.} The floating element must precede the element it should be next to the page. */

  float: left;

  right margin: 8px;

  }

  .clearfloat {/ * this class can be placed on a < br / > or div empty as the final element after the last div floating (in the #container) if the #footer is removed or put out the #container * /}

  Clear: both;

  height: 0;

  font size: 1px;

  line-height: 0px;

  } {.logo

  height: 262px;

  Width: 1088px;

  margin-right: auto;

  }

  .logo {}

  height: 417px;

  Width: 761px;

  margin-right: auto;

  left margin: auto;

  }

  . Introduction {}

  font-size: XL;

  make-style: normal;

  make-weight: lighter;

  color: #0033CC;

  }

  .logo {}

  Width: 770px;

  margin-right: auto;

  left margin: auto;

  }

  . Introduction {}

  do-family: Verdana, Geneva, without serif.

  }

  {.nameofpage}

  do-size: 200%;

  make-weight: bold;

  }

  . {PictureTitle}

  font-size: medium;

  }

  {.formby}

  font size: 25%;

  }

  {.formby}

  font size: 12%;

  }

  < script >

  (function(i,s,o,g,r,a,m) {I ['GoogleAnalyticsObject'] = r; i [r] = [r] i: function() {}})

  (.q i [r] = [r] i .q |) ([]) .push (arguments)}, l i [r] = 1 * new Date (); a = s.createElement (o),

  m = s.GetElementsByTagName (o) [0]; a.Async = 1; a.SRC = g; m.parentNode.InsertBefore (a, m)

  }) (window, document, 'script','/ / www.google-analytics.com/analytics.js', 'ga');

  GA ('create', 'UA-41801281-1', 'lanisakai.com');

  GA ('send', 'consultation');

  < /script >

  I have to start all over again?

  Any suggestion would be appreciated.

  Thank you

  Mobie Boy

  Hello

  Thank you very much for your help. What looks I wanted now after following your advice.

  I am new to write code and I'm amazed that one small change can affect an entire Web site!

  Sincerely,

  Mobie Boy

• How to post the new css for wordpress dynamic site, DW CS6 rule

  Howdy friends Dreamweaver! I recently connected Dreamweaver (version CS6) to a local WordPress site on my computer, and while I can add properties to an existing rule to the CSS, I can not actually create a rule using the CSS panel. While I certainly can manually code the rule, it would be nice to be able to do this easily. Any ideas?

  Thank you very much!

  Rachel

  I can not actually create a new rule through the CSS panel.

  Should not you.  WordPress needs to be hand-coded.

  And don't forget to create a child theme.  If you do not, any changes made to your original WP theme (CSS or PHP code) will be wiped out when the WP software update and themes later.

  Themes generally updated shortly after a major WordPress update.

  These updates are essential to ensure the stability and security of the site.

  Nancy O.

• How to access the design view in DW CC?

  I'm new to DW and working fluid network. Tutorial design references see (perhaps with a toggle switch)-can not find how to access the "creation mode". any help would be appreciated.

  If you use CC 20141 (exit October) or 2014.1.1 (February release) you can not design-time b/c he has been removed from FGLayouts.

  New features of CC 20141 October

  http://helpx.Adobe.com/Dreamweaver/using/whats-new.html

  New features of CC 2014.1.1 February release

  https://helpx.Adobe.com/Dreamweaver/using/whats-new.html#enhancements%20To%20Live%20View%2 0editing

  Nancy O.

• How to add the external css file to the _edge.js file

  I tried to add in the html page, but when I save the edge project it deletes.

  I'm able to add the external js file in scripts: [] in the _edge.js file

  We can add inside resources: []?

  And is it possible to add an external css in files of edge except in page html and javascript?

  CSS:

  Please put this in scene/creationComplete (file name change to your file name and path)

  $(" ",{"rel":"stylesheet","type":"text/css","href":"css/finename.css"}).append ("#Sta ge»);"})

  Add! important in CSS file properties.

  js files should be loaded with the upload script Panel on the right side of your user interface.

• How to make the server behavior Panel?

  How to make the server behavior in Dreamweaver CC Panel 2014?

  Sorry, they are now gone. You need an extension to restore.

  Please see post Preran here.

  https://forums.Adobe.com/thread/1231011?TSTART=0

• How to view the keyword tags panel?

  I just reinstalled PSE - 14 after that my hard drive is dead and had to be replaced. Now, I'm negotiating the PSE-14 Organizer so that it looks the way I had it before. For the life of me, I can't find a way to display tags keyword on the right side. I have read the help file and it talks about how to use the tags, but not to display them. I'm sure that it's simple, but I just can't understand.

  Hi Sylvia,.

  Please click this tag/Info on the lower right window of the elements Organizer. The same book is opened?

  Thank you

  Catherine

• Someone at - it instructions on how to send the design for the defense?

  The deadline is tomorrow and I heard nothing about sending, where pay etc and I begin to be a little worried, am I the only one?

  good luck to everyone with the finalisation of the design

  Ben

  Ben-

  Your email with the Melissa e-mail application. I asked him yesterday and they do not have a tilt. I sent it to her in some zipped files.

  Dave Convery

  VMware vExpert 2009

  http://www.dailyhypervisor.com

  http://Twitter.com/dconvery

  Prudent. We do not want to make of this.

  Bill Watterson, "Calvin and Hobbes".

• How to have the backup CSS navigation for older browsers

  Hello

  I'm on DW CS4 and I use an iMac intel. I just put a new CSS cool gradient on the my site navigation bar, and I know that I need a backup for older browsers that cannot display the CSS gradients.

  And I * thought * that simply by putting in solid background colors as a backup in the same chains of CSS would work for older browsers. But I don't get any result on IE 6 - I simply empty squares for navigation. The text is there fortunately, but this is all I get.

  http://www.frankbright.com/index3.htm

  Could someone point me to a tutorial or offer a tip on how to do this? I really appreciate all the assistance.

  Thank you, Frank B.

  One trick is to use conditional comments to earlier versions of Internet Explorer. Comment between theandTags of your HTML documents like this:

  Nancy O.
  ALT-Web Design & Publishing
  Web: Print: graphic design: media
  http://ALT-Web.com/
  Twitter: http://twitter.com/altweb
  Blog: http://alt-web.blogspot.com/

• How to reorganize the playlists on their record?

  How can I reorganize or get an alphabetical sort playlist in a specific folder in Itunes? I feel like it did automatically alphabetize, but lately

  It added the new playlist last in the folder... ideas? To be precise, I don't speak of reorganization of the songs in playlists,

  but put individual playlists alphabetically in folders...

  I had the same problem, not only with the playlists, but also with the playlist files. When adding to a pre-existing folder, a new always falls down. Today, I discovered the selections and records (or better subfolders) go the correct position after you close iTunes and make a complete alphabetical output. When iTunes has again, I found the new playlists and folders in the correct position.

  I use OS X El Capitan 10.11.2 and iTunes 12.3.2.35.

  Good luck.

• Hard drive was named as a backup drive. How to change the designation?

  Some how my hard drive was named as a backup drive. This prevent me to upgrade the operating system. How can I remove this designation without losing the information on my hard drive?

  The machine is iMac mid 2011.

  Thank you

  Change the name of the account and the name of directory on your Mac - Apple Support