How to change the spacing between list items in the Pages?

I've implemented some spacing after each paragraph to control the distance between the point and the next title.

When using lists, this translates a lot of space between each element of the list (#2 Alpha). What I want is a list like #2 Bravo, but without having to change the spacing of each element. I could make a new style specifically for lists (with a spacing of '0'), but this will result in my next title hugging my list.

Is it possible to Pages (and Keynote) to get this result? Or should I stay with placing a hard 'return' after my list?

Hope it makes sense

Thnx!

I'm using Pages 5.6.1

Give your title a larger spacing before the paragraph .

Peter

Tags: iWork

Similar Questions

  • How to change the page numbers after adding & save page numbers in the pdf document - need to change the existing page printed on the upper right in the header numbers

    How to change the page numbers after you add and save the page numbers in the pdf document - need to change the existing page printed on the upper right in the header numbers.

    These page numbers were initially created using Acrobat PDF header and footer.

    I have a 750 page pdf document that I've created.

    I have to sometimes the pages up and down after that I added the page numbers in the document by using the Header_Footer tool on the right column of tools.

    But after you save the document, if I get a few pages around, I can't go back and change the page numbers.

    I thought that the page numbers, as indicated in the header and footer must have changed automatically, but I guess that once its print, that it cannot be edited - is that, as what is?

    So I guess we should always first get a copy without numbers of pages before confirming the documents and the creation of an index.

    A way to remove these page numbers already there and add new page numbers.

    Its a lot of work to align 750 court documents and then realize that you must move some and then realize the page numbers cannot be changed and thus begin to do this all over again to compile which can take about 10 hours.

    My question is quite simple, but I hope that overall, I got my point. Sorry if I made it is too complex.

    If no simple way, want to know if anyone has another different tool or a few recommendations to better highlight what I'm doing wrong.

    Thank you for your review and response.

    You should be able to update with tools - Pages - header & foot-

    Update... It not work for you?

    If this isn't the case, then try to remove from this menu and then re - adding them.

    Tuesday, June 23, 2015 23:55, Fortune Mile [email protected]>

  • Text spacing between list items

    I am trying to add space between paragraphs of the list. I can change the spacing between all lines of text, but want to keep it fair to the paragraphs.

    Here is the site: www.ourhealthcare.info

    Please ignore the micro text because that is what my customer insists.

    Thank you very much.

    Why not use lists sorted rather than paragraphs & line breaks?

    CSS:

    .Alpha li {}

    list-style: upper-alpha;

    line-height: 1.25;

    margin: 20px 20px 20px 45px;

    }

    HTML:

    1. comes with social security and covers hospitalization costs more
    2. 96.50 $ per month (more depending on income) covers 80% of most of the other health care costs. Expensive additional private insurance is essential,
    3. brand advantage, private insurance HMO/PPO country over $ 800 a month to care for Medicare beneficiaries,
    4. for a full premium by individual insurance companies, subsidized prescription drugs.

    Nancy O.

    ALT-Web Design & Publishing

    Web | Graphics | Print | Media specialists

    http://ALT-Web.com/

    http://Twitter.com/ALTWEB

  • How to change the pages look one at 100% to 90%

    All my pages can load on 90% - my husband added a printer wireless to my laptop and now the pages are loading in 100% - I want to return to the 90% load - HOW?

    If you are referring to IE, try this:

    In your status bar, bottom-right, Point on the Zoom, click the menu drop down > click Custom > set it to 90% >, click OK.

    HTH

  • Hello! How to change the page templates in Business Catalyst?

    Hi all

    I'm relatively new to Business Catalyst. I'm working on my e-commerce site that I originally created in Adobe Muse.

    I want to create a page template in British Colombia for the page of the e-commerce site... and I don't know how the template of style... is anyway I can attach the CSS file for the model? I have found no option for this. I intend to create a page template that I can continue to add new products as and when I want to.

    My knowledge of html and CSS is very limited and fight with the same. So, I would appreciate any help that anyone can give to the creation of a new page template for a beginner like me.

    Thanks in advance!

    Rgds,

    ~ Arti

    Thank you for posting.

    You can download a CSS file in the folder CSS in the folder root of your business catalyst site. Please refer to the following screenshot:

    http://aishday2.worldsecuresystems.com/Aish/2012-10-16_1447_001.PNG

    Once you have downloaded the file, you can link it to your model as shown in the following screenshot:

    http://aishday2.worldsecuresystems.com/Aish/2012-10-16_1432_002.PNG

    Best regards,

    Scott Rouanet

  • How to change the page that appears when I open the page new tab using the sign + on the tab bar?

    every time I open a new tab using + sign on the tabs bar, a Web site appears, which I was not aware. I want just the old rear setting. It must be my fault of friends. Help, please.

    You can do this on the topic: config page by resetting the pref browser.newtab.url via the context menu.

    See this article on the page tab (topic: newtab):

  • Topic 23: How to remove vertial gap between list items

    Hello
    I used the theme 23 in 4.1 and create the region of HTML with some elements of text
    My prob is the vertical gap between items in the list of selection too high,
    Please help me to decrease the gap
    Thank you.

    hlthanh wrote:
    I used the theme 23 in 4.1 and create the region of HTML with some elements of text
    My prob is the vertical gap between items in the list of selection too high,
    Please help me to decrease the gap

    Please, help us help you. Better, we can help with problems of this type if you reproduce the problem on apex.oracle.com, and you say what browser (s) and version (s) you use. This allows us to see what you see.

    Theme 23 is clearly identified as using HTML5 and CSS3. Why do you perceive an obligation to use HTML5 and CSS3? Only the latest browsers support a significant number of these features. If you and your users do not use a browser version that supports HTML5 and CSS3 used in the 23 theme features then there may be problems [1]. Essentially, this means that there is no advantage to using this theme if you do not use Safari 5, an updated version of Chrome, Firefox 4 +, Opera 11 or (maybe) IE9.

    Look in Firefox 3.5.7 and IE7 (all I have available at this place) CSS rule:

    table.formlayout td select.selectlist {
      margin: 6px 0 7px;
    }
    

    seems to be the cause of the problem. It's decidedly not CSS3, and I see no reason for this except that it is intentional that selection lists would be offset by white space more that the other controls on a form. No idea why this would be the case. (I would like to see in modern browsers more just to see if there is any substance CSS3 with this going on...)

    This extra space can be eliminated by substituting the rule later in the cascade:

    table.formlayout td select.selectlist {
      margin: 0;
    }
    

    [1] not the least of which is that we don't know exactly what features HTML5 and CSS3 23 theme uses.

  • How to change the page number

    question.PNG

    by using this object.

    Thank you.

    I got the answer.

    app.activeDocument.documentPreferences.startPageNumber = 15;

    Thank you interesting.

  • How to change the spacing between the icons on the desktop?

    How to change the spacing between the icons on the desktop? xxx

    Blog of Andy Rathbone"setting spacing icon on the desktop in Windows 7:
    http://www.andyrathbone.com/2009/09/08/adjusting-desktop-icon-spacing-in-Windows-7/
    Ramesh Srinivasan . The Winhelponline Blog
    Microsoft MVP, Windows desktop experience

  • How to change the background color of selection of the selected item in the drop-down box of choice?

    How to change the background color of selection of the selected item in the drop-down box of choice?

    By default, the selection background color like 'blue', but if I want it to be "yellow" for example, how should I do?

    Thank you

    The id is applied by (I think) the skin of the ChoiceBox class. You don't need to define.

    You must apply the css in an external style sheet. You can apply the external style sheet to any parent of the box of your choice, or on-site (the most usual way to do it).

    Example:

    import java.util.ArrayList;
    import java.util.List;
    
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.control.ChoiceBox;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;
    
    public class ChoiceBoxTest extends Application {
    
      @Override
      public void start(Stage primaryStage) throws Exception {
        primaryStage.setTitle("Example 2");
    
        final ChoiceBox choiceBox = new ChoiceBox<>();
    
        List tempResult = new ArrayList();
        for (int i = 0; i < 10; i++) {
          tempResult.add("Item " + i);
        }
        choiceBox.getItems().setAll(tempResult);
    
        VBox root = new VBox();
        root.getChildren().add(choiceBox);
        final Scene scene = new Scene(root, 300, 250);
        scene.getStylesheets().add("choiceBox.css");
        primaryStage.setScene(scene);
        primaryStage.show();
      }
    
      public static void main(String[] args) {
        launch(args);
      }
    
    }
    

    choiceBox.css:

    @CHARSET "UTF-8";
    #choice-box-menu-item:focused  {
     -fx-background-color: yellow ;
    }
    #choice-box-menu-item .label {
     -fx-text-fill: black ;
    }
    

    Post edited by: James_D

  • How to change the history of the tab to a list instead of thumbnails

    When I open a new tab in Firefox visited the old story will appear as thumbnails. How to change history to a LIST instead

    You can enable or disable the sidebar story power by "view > sidebar > History" or "Ctrl + H" (command-H on Mac)
    There is also a history button in the bar '3' Firefox menu button in the drop-down list with an element to see the sidebar of history.

    The current releases of Firefox have a "Show the sidebars" button in the palette to customize.

    • Firefox '3-bar' menu button > customize
    • View > toolbars > customize
  • Spam: how to change the list of junk e-mail in iPad

    How to change the list of junk e-mail in iPad

    If your question is about - how to indicate whether or not an e-mail is sent to the junk e-mail folder-

    Your best bet would be to do it on the web portal of the email provider (e.g. for Yahoo it would mail.yahoo.com)

    There is usually a button or switch to designate mail "Junk" or "not junk".

    If your question is rather modify the list itself

    Mailbox - junk e-mail - Edit button is at the top right

  • How to change the language setting in Microsoft word to generate a list of references?

    How to change the language setting in Microsoft word to generate a list of references?

    I use a Mac with the (traditional) Chinese language setting, and I need the reference generatinga list for my document in English!

    If you don't get an answer here, try the forums devoted entirely to problems with MS applications:

    http://answers.Microsoft.com/en-us/Mac/forum/MacWord

  • 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:

    tabs.jpg

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

  • Numbered lists... Need a line gap between list items

    Hello. Here's my problem. I use 7 HR. When I use the numbered list feature, there are no blank lines between list items. I think that to look sloppy. I can simulate it by pressing SHIFT ENTER after each line item. Who gives a fine appearance and translated very well to help on the Web, but when I generate my file Word of him, it ends up being an extra line between line items. I guess it's because Word uses its numbered list function, which is to skip lines. He added also that < BR > HR.

    .... I guess I just a need to know how to use HR to generate lists the way I want it, or I need to know how to configure word do not skip lines between list items, so that way it will be just skip a line due to this < BR > in the HTML code.

    I have a feeling that it's simple, but I'm lost.

    Thank you

    When you change the style of lists, you change the OL and UL tags. So in theory, what you do with this style applies to the list as a whole, and not to list items.

    Colum spoke on the creation of a new "other" style (or maybe a paragraph style, but the list items aren't paragraphs, if HR tags like that). Then, while remaining in the Styles dialog box, you would go to Format > bullets and numbers, then select the numbering you want. Format > paragraph, insert a value into the box after to get your space between list items.

    Then apply this new style to your list items.

Maybe you are looking for