Simple matter of CSS on the positioning

Hello!

My navigation bar is a div wide 130px called #navi and it is located in the left side of my page. Inside this div, I inserted 6 images that work as my navigation buttons. The images stacked on each other well as I wanted to, but here's the question:

I need to have some padding between the images so that they are not so close to the other. But where and how do I apply this padding to make it work?

Yes - if the styles apply to all images within the navigation, I would go with something like:

#navi img {}

top of the margin: 6px;

}

.. .or padding, if that's what you use instead of the margin.

Tags: Dreamweaver

Similar Questions

  • Rectangle simple scale with .css to the overview

    Good evening Dear members,
    I downloaded you an example of project to illustrate le problem. (Dropbox - Example.zip)
    All in all I want only Resize a rectangle with a hover effect. However, the problem arises that size of the rectangle with scale = 1 changes?!

    I have create a rectangle " ""button" and give the 'button' as the action mouseout/mouseouthandler() the following the code: "


    var object = Sym $ (""button ").
    scale = 1;

    (transform object.css ()'', ' scale () ' + scale + ')');
    (( object.css ()'o-transform', ' scale () ' + scale + ')');
    (( object.css ()'- ms- transform', ' scale () ' + scale + ')');
    (( object.css ()'- webkit- transform', ' scale () ' + scale + ')');
    (( object.css ()'- moz- transform', ' scale () ' + scale + ')');
    (( object.css ()'- o- transform', ' scale () ' + scale + ')');
    ( object.css ()'z-index','1');


    I Don t understand why
    the rectangle is changer!

    Maybe you can explain to me :-)

    Best regards and Thank you very much

    Marc

    It shouldn't get more small, makes it a value of 1, it does not change at all because 1 equals 100% of the original.

    Change the value to a higher number, such as 2, for example. Who says 'turn to 200% of the original. "

    var object = sym.$("button");

    scale = 2;

    Object.CSS ({}

    'transform': ' scale (' + scale + ')';

    '- SM - transform': ' scale (' + scale + ')';

    ' - moz - transform ': ' scale (' + scale + ')';

    ' - webkit - transform ': ' scale (' + scale + ')';

    '- o - transform': ' scale (' + scale + ')';

    ' z - index ': '1'

    });

    To get a better understanding of how work values and equivalents over there.

    -Select any element on your scene;

    -Then play with the Transform (see figure) property;

    -as they appear a transform to 167% equals a value of 1.67

    HTH

    Darrell

  • How to find the position of the VI icon currently run on the block diagram of the appellant

    Dear forum,

    I am currently trying to use a LabVIEV VI as a simple sequencer: several (very slow) actions must run one after the other. Each action is represented by a Sub - VI, some actions are executed several times. My task is to view the Subvi somehow executing.

    My first intention (just manipulate the icon of the VI running with 'Icon.Get VI as Image data' / 'Icon.Set VI of Image data' invoke nodes) has failed, because it changes all instances of the VI icon. If you use the same VI several times, all these VI icons are changed (see here: http://forums.ni.com/t5/LabVIEW/How-to-change-animate-icon-of-currently-running-VI/m-p/3120754/highl... )

    My current approach is to use an image of the block diagram (with "VI: block diagram: get resized Image ' call method) in a picture of the front panel control and working within this control. But for this I need to know the position of the icon of the VI running. I know that I can assess the limits and Position via the properties GObj, but how to find the VI running (note that a VI can be installed several times on the block diagram, so the name of the VI is not unique)? IMHO the easiest way might be if a VI might find its icon on the block of the appellant diagram itself when it is run...

    It is clear that this position is not yet the position on the photo, but this conversion is a small piece of work...

    Kind regards

    cpschnuffel


  • interruption of a structure of consumption of prodcer to regularly test the position of the servo

    Hey guys, I'm relatively new to labview and currently trying to make a multi snake like robot scene. I was interfacing with Controllers USB pololu and the need to manually control the first step and I have the remaining steps to follow, I have the first stage, using the controls on the front panel. I use a model of consumption of the producer and have pushed the button Activate an event and then queued a case in a second "loop of material."

    my current problem is now I want to start working on the control of the secondary step passively, so I want to move the front of the stage tilted upward and then start rolling on before and the second stage begins to follow in the same position. I want to interrupt regularly and check the positions on the servos to compare and to act accordingly. My first thought is to interrupt the timeout in the case where structure and test if the servos are in the same position. the problem is that my visa reference is in the other loop.

    What would be the best way to go about this? should I just queued in my gear loop on a time out and then test the position of the servo. or is there a way to share my visa resources in the loop of the producer? I originally wanted to store the reference in the loop of producer and pass whenever I went to the consumer loop but I couldn't figure a way to return the updated reference and I kept getting errors.

    call loops are an option here? any advice would be helpful. even if you have a better structure to redo the entire project. I'd love to hear it for next time if nothing else. also if theres a better void / forum bad gladly move the pole.

    Thank you guys

    1. I aim to convey information/data to the loop of the reactor of the user interface.  Leave the loop creator UI just intercept the events of GUI and send jobs to the reactor loop.  You can create more brains to the reactor loop and let it also receive the strap of material information/work.

    2. a simple concept for a regular position servo application would be an additional loop.  It's the only work is have a wait timer, then queue on demand to the loop material to ask him to send the position of the servo.  It will send to the loop of the reactor, as always, and the loop of the reactor will have built to react appropriately when it gets the position of servo information.

    3. I would not speak for the servos in any other place that the loop of material.  There are all kinds of mess if you can send orders series of different loops at the same time, can receive the answer poorly or not at all.

    Sorry, don't have time to go into details, but hope this helps a little, when you think about the implementation of the app.

    -Kevin P

    4 P.S.  I also wanted to talk about: it seems that both your reactor and Hardware loop are consumers of the same queue.  Although I see not how did you preview first and then queue only if necessary, he is still not a recommended approach.  Consider: If a loop is blocked when one of his messages is in the front of the queue, it will make the other loop stuck too.

  • Determine the position of a part of the signal on a graph

    Hi all

    I have a problem. I determine the position of a part of the signal on a chart. So, I have to determine the maximum value of the part (this is not a problem).

    Signal a lot of noise. I did some filtration but still signal have noise. Concerning this, filter change signal, two later when I take one measure, there is a possibility that this is not true.

    Anyone has idea how to determine the position of a part of a signal automatically, for the various signals (similar).

    There are photos attached where is what belongs to an interest in a signal. There is a VI where is an a test signal.

    Thank you

    Hello

    From the screenshot, I understand that you only interested in the local maximum of the signal.

    There is a VI that detects peaks when you specify a certaing point and this point maximum width.

    Later, it's just a matter of setting the value of local maximum of you. Basically, you'll have to point once again got 1 d table than VI.

    I enclose a VI that can be a good starting point for your application.

    Best regards

    Ion R.

  • How can I lock the position of thumbnail images in their files?

    Start > My Documents > folder my pictures (100 thumbnail images with names)

    The menu View Menu drop-down has 6 options for viewing: film, thumbnails, tiles, icons, list or details. No matter how I arrange these images by dragging them to my desired job they always get reorganized after the close then reopen the case. None of these 6 options they held in the order that I dragged. I wish it works like the desktop icons, they stay where I put them.
    I have 2 of most of my images. An original and that changed with each having a different name. I want to keep these side-by-side in the folder, but different names bring them to be separated when the file is closed and reopened.

    Hello

    Thanks for posting your question in the Microsoft Community forums.

    I suggest you try the procedure described in the article and see if it helps.

    Changes in the size, the view, the icon or the position of a file are lost
    http://support.Microsoft.com/kb/813711

    Important: This section, method, or task contains steps that tell you how to modify the registry. However, serious problems can occur if you modify the registry incorrectly. Therefore, make sure that you proceed with caution. For added protection, back up the registry before you edit it. Then you can restore the registry if a problem occurs. For more information about how to back up and restore the registry, click on the number below to view the article in the Microsoft Knowledge Base:

    http://Windows.Microsoft.com/en-us/Windows7/back-up-the-registry

    See the article for more information.

    How to arrange files using folder views in Windows XP
    http://support.Microsoft.com/kb/306554

    Hope this information helps you. If you need additional help or information on Windows, I'll be happy to help you.

  • back of the motor to the position in which he started?

    Hello

    I am writing an application to control a servo AC motor. It is based on reviews of couple. I use a state machine architecture. The result I'm aiming is,

    (1) the engine operating at a user specified speed and accel/break.

    (2) every time that the couple toggles between the upper and lower, limits the motor direction of rotation is changed.

    (3) at the end (the user specifies no. sometimes he should make this bike) the engine returns to the first zero position in which he started.

    (4) generates the data to the file and stops execution of the program.

    (1) and (2) have been supported. However, I'm still struggling with (3) and (4).

    What I have tried is to take note of the position of the encoder at the beginning of the program, and then after n cycles subtract aware of the position of him and give it as an input in State "Reset postion. Another thing I thought is playing with the tension (the departure of couple cell output voltage is always + 5V) so I thought to call the State "Motor Run" again at the end to move the engine to the original position. I tried some trial and error but am fultile in the efforts.

    No matter who may be likely to help the hand?

    Thank you

    Amandine.

    Hi Sasi,

    in case you have not found your bug by yourself, yet:

    After your state machine has entered the State of the 'RESET' POSITION you start a movement on the 0 position but you should not expect that the move is completed (this should be an additional State). Instead you immediately plug in "STOP ENGINE" and it stops moving without going back to the initial position.

    In addition, there are several things in your code that could be optimized (some examples):

    • By comparing a Boolean value as your STOP button with a constant TRUE is pointless, because the output is always the value of the STOP button. It's sort of a code of Rube Goldberg.
    • Your initialization state runs the same sequence of commands (displacement engine position 0) until button is pressed. There is a large number of redundant orders, sent to the Commission of control of movement.

    Kind regards

    Jochen

  • CSS for the size of box selectManyCheckbox

    HI, we use jdeveloper 11.1.7.1 version andtying to apply some css for the check box of the item SelectManyCheckbox.  Need to increase the size of the box. Also by default wording is followed with the box, but I need to go back to the first label of the sequence and the checkbox should be displayed. Searched a lot on google but could not find a specific way to achieve this. Can anyone help please on the same subject.

    Hello

    Try with something like this:

    AF | selectManyCheckbox::content input [type = "checkbox"] {}

    Width: XXpx;

    height: XXpx;

    }

    AF | {selectManyCheckbox::label}

    position: relative;

    left: XXXpx;

    }

    Kind regards

    Ruben.

  • Compare the part of string with a string regardless of the position

    Hello team,

    I'm trying to compare a part of the A string to another string B, regardless of the position of the substring has b;

    for example B = 'g hitpp ert' B = ' erfg gret hitpp'

    If I try substr (A, 1, 7) = substr (B, 1, 7), it will be false

    However, I would check that, if the characters first seven 7 a [substr (A, 1, 7)] are found in the B channels any position, they are.

    Hello

    2986888 wrote:

    Hello team,

    I'm trying to compare a part of the A string to another string B, regardless of the position of the substring has b;

    for example B = 'g hitpp ert' B = 'erfg hitpp gret.

    If I try substr (A, 1, 7) = substr (B, 1, 7) going to be false

    However, I would check that, if the characters first seven 7 a [substr (A, 1, 7)] are found in the B channels any position, they are.

    One way to do that is

    ...

    WHERE b LIKE "%" | SUBSTR (a, 1, 7). '%'

    What you can do with AS you can also do this with REGEXP_LIKE, but in this case it will not significantly (as appropriate) more simple, and it will be less effective.

  • Select the list relative to the Position of region model

    Hi all

    XE SUMMIT 4.2 11.2

    I have a form that begins to fill up with buttons, from different actions that users want to perform on the data on the page.  So I have a number of buttons in the model of the region, they can choose amongst...

    I'd like replace the buttons with a drop-down select list and a GO button, allowing to submit or call a dynamic action based on the criteria...

    Ive looked around but can't see any reference or model how to add an element to the position of the region...

    If anyone has any ideas on how this could be done, Id be grateful...  IM assuming that you would have to replace the area and somehow the position in the select list.

    Kind regards

    Richard

    • Create a copy of the model region région StandardStandard + body inline.
    • Change the definition of the model of the new model:
      1. Change the element to span in div. uButtonContainer
      2. Replace the #BODY substitution string # by the substitution #SUB_REGIONS string #.
      3. Add the #BODY substitution string # to the position that you need among the positions button in the container button.

    #TITLE#

    #CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP##BODY#
    #SUB_REGIONS#
    • Create a new area of container HTML and assign it the new model Standard region + body inline .
    • Create the item in the selection list and the Go button in the new region of container.
    • Make your area form a subregion of the new area of container and change it to have model.
    • Add the following the page property CSS Inline style sheet:
    section.uRegion>div.uRegionHeading .uButtonContainer {
      display: table-cell;
      text-align: right;
      font-size: 0;
    }
    #P9_X_CONTAINER {
      display: inline-block;
    }
    

    "P9_X" by replacing with the name of the selection list item.

  • SkillBuilder see the position of the modal title page

    Hello

    Is there anyone know how to change the position of the template page in the plugin Skillbuilder see modal page title.

    The title of my show modal page at the bottom instead of top.

    Thank you

    Vincent

    Vincent,

    Each get request - it's own settings for the plugin. I'm sorry that I forgot to mention "themes."

    If you go into the module itself (in the shared components) in each application there is a list of tasks/menu on the right which includes "component parameters. This takes you to all of the default values used by all plugins. In the Modal Plugin, there is a setting for the theme (1 to 5 and custom). This parameter is used by the procedure of rendering of plugin to add a CSS file. If you choose 1 it will add the t1colorbox.css file to your pages that use the plugin.

    If you look at the plugin in the shared components, you can see all these files (t1colorobox.css to t5colorbox.css).

    You can also use a customization theme. Take the one you like and change according to your specifications, and then change the component for the modal Plugin settings select "Custom" in the theme option list and then fill in the details on the path and the file name for your custom CSS file.

    Themes 2 and 3 took the title and the close box at the top but in reality above the box described rather than inside. 1, 4 and 5 place the title and close button in what appears as the footer of the described area. You could probably take the 2 theme and customize it to draw a border around the title bar.

    for example

    {#cboxWrapper}

    background: no-repeat scroll 0 0 #808080;

    border: 2px solid #000000;

    }

    The close look weird button in this example, but I wanted to point out how you can change the appearance.

    Greg

  • SQL change the positive to negative

    Hello

    What is the most simple and quick way to change the positive value to the negative terminal.

    Table1:

    Salary

    23,12

    100,23

    1000,22

    53233,43

    Output should be:

    Table1:

    Salary

    -23,12

    -100,23

    -1000,22

    -53233,43

    you will be surprised, because very simple solution

    Select salary *-1 of...

    ----

    Ramin Hashimzade

  • Muse: Ability to images of the 'Position' in a 100% width slider widget

    I'm trying to set the "Position" for the images in the slide show Basic widget.  All my images are set to "100% page width.  When resizing images for monitors of different sizes, Muse seems to place the images 'Center Center '.  I want to clarify some of the images to be "at the top left' or 'top-center' or 'bottom center' etc..

    I can do this for static pictures using the "Rectangle" tool and by filling in the form of the desired image.  I can then set the positioning.

    I tried to use the widget of composition as a work-around for the slidershow, but it can be set at 100% the width of page.

    Also, I can't crop pictures because the same thing will continue to happen, Muse is positioned just the Center-to-center image and I'll lose even more of the image.

    No idea how this could be done.  Seems simple enough, but I can't find a work around.

    See you soon!

    You can try to adjust the image in the cursor itself or can use these:

    http://musewidgets.com/collections/all/slider

    Thank you

    Sanjit

  • Change the position of the pane in a Voletfractionne

    It is a simple code for Voletfractionne field

    import javafx.application.Application;
    import javafx.geometry.Orientation;
    import javafx.scene.Scene;
    import javafx.scene.control.Label;
    import javafx.scene.control.SplitPane;
    import javafx.scene.layout.Pane;
    import javafx.stage.Stage;
    
    
    /**
    *
    * @author utente
    */
    public class SplitPaneDragAndDrop extends Application {
       
        @Override
        public void start(Stage primaryStage) {
                  
            Pane root = new Pane();
            SplitPane sp = new SplitPane();
            sp.setPrefSize(800, 650);
           
            Pane one = new Pane();
            Pane two = new Pane();
            Pane three = new Pane();
            Pane four = new Pane();
           
            Label first = new Label(" Pane One");
            Label second = new Label(" Pane Two");
            Label third = new Label(" Pane Three");
           
            two.getChildren().add(first);
            three.getChildren().add(second);
            four.getChildren().add(third);
           
            sp.setDividerPositions(0.5f, 0.65f, 0.8f);
           
            sp.getItems().addAll(one, two, three, four);
            sp.setVisible(true);
            sp.setOrientation(Orientation.VERTICAL);
           
            root.getChildren().add(sp);
           
            Scene scene = new Scene(root, 800, 650);
           
            primaryStage.setTitle("SplitPane dragging test");
            primaryStage.setScene(scene);
            primaryStage.show();
        }
    
    
        /**
         * The main() method is ignored in correctly deployed JavaFX application.
         * main() serves only as fallback in case the application can not be
         * launched through deployment artifacts, e.g., in IDEs with limited FX
         * support. NetBeans ignores main().
         *
         * @param args the command line arguments
         */
        public static void main(String[] args) {
            launch(args);
        }  
    }
    

    I would like to know if it is possible to change the position of the left pane of the mouse and drag the: in the example, let's suppose I want to change position in a stream with three pane by click and drag over the area of the pane, is it possible?

    How to get there?

    Thank you

    It is probably more useful to you look at the FlowPane code and to find a way to change it to do what you want. You'll learn more that way.

    It is essentially if you can't get there. There is a little quirk with the positions of the divider; not very well why, but you can experiment with it.

    import java.util.Arrays;
    
    import javafx.application.Application;
    import javafx.beans.property.ObjectProperty;
    import javafx.beans.property.SimpleObjectProperty;
    import javafx.collections.ObservableList;
    import javafx.event.EventHandler;
    import javafx.geometry.Orientation;
    import javafx.scene.Node;
    import javafx.scene.Scene;
    import javafx.scene.control.Label;
    import javafx.scene.control.SplitPane;
    import javafx.scene.input.ClipboardContent;
    import javafx.scene.input.DragEvent;
    import javafx.scene.input.Dragboard;
    import javafx.scene.input.MouseEvent;
    import javafx.scene.input.TransferMode;
    import javafx.scene.layout.Pane;
    import javafx.stage.Stage;
    
    /**
    *
    * @author utente
    */
    public class SplitPaneDragAndDrop extends Application {
    
        private static final String SPLIT_PANE_DRAG_ITEM = "SplitPaneItem";
    
        @Override
        public void start(Stage primaryStage) {
    
            Pane root = new Pane();
            SplitPane sp = new SplitPane();
            sp.setPrefSize(800, 650);
    
            final ObjectProperty currentlyDraggedPane = new SimpleObjectProperty<>();
    
            Pane one = createPane(currentlyDraggedPane, sp);
            Pane two = createPane(currentlyDraggedPane, sp);
            Pane three = createPane(currentlyDraggedPane, sp);
            Pane four = createPane(currentlyDraggedPane, sp);
    
            Label first = new Label(" Pane One");
            Label second = new Label(" Pane Two");
            Label third = new Label(" Pane Three");
    
            two.getChildren().add(first);
            three.getChildren().add(second);
            four.getChildren().add(third);
    
            sp.setDividerPositions(0.5f, 0.65f, 0.8f);
    
            sp.getItems().addAll(one, two, three, four);
            sp.setVisible(true);
            sp.setOrientation(Orientation.VERTICAL);
    
            root.getChildren().add(sp);
    
            Scene scene = new Scene(root, 800, 650);
    
            primaryStage.setTitle("SplitPane dragging test");
            primaryStage.setScene(scene);
            primaryStage.show();
        }
    
        private Pane createPane(final ObjectProperty currentlyDraggedPane,
                final SplitPane splitPane) {
            final Pane pane = new Pane();
            pane.setOnDragDetected(new EventHandler() {
                @Override
                public void handle(MouseEvent event) {
                    Dragboard dragboard = pane.startDragAndDrop(TransferMode.MOVE);
                    ClipboardContent content = new ClipboardContent();
                    content.putString(SPLIT_PANE_DRAG_ITEM);
                    dragboard.setContent(content);
                    currentlyDraggedPane.set(pane);
                    event.consume();
                }
            });
            pane.setOnDragOver(new EventHandler() {
                @Override
                public void handle(DragEvent event) {
                    Dragboard dragboard = event.getDragboard();
                    if (dragboard.hasString()
                            && SPLIT_PANE_DRAG_ITEM.equals(dragboard.getString())
                            && currentlyDraggedPane.get() != null
                            && currentlyDraggedPane.get() != pane) {
                        event.acceptTransferModes(TransferMode.MOVE);
                        event.consume();
                    }
                }
            });
            pane.setOnDragDropped(new EventHandler() {
                @Override
                public void handle(DragEvent event) {
                    Dragboard dragboard = event.getDragboard();
                    Pane incomingPane = currentlyDraggedPane.get();
                    if (dragboard.hasString()
                            && SPLIT_PANE_DRAG_ITEM.equals(dragboard.getString())
                            && incomingPane != null && incomingPane != pane) {
    
                        ObservableList items = splitPane.getItems();
                        int indexOfIncomingPane = items.indexOf(incomingPane);
                        int myIndex = items.indexOf(pane);
    
                        double[] dividerPositions = splitPane.getDividerPositions();
    
                        // Swap items, being careful to remove both before adding
                        // both back.
                        // Doing this in the wrong order will violate rules of the
                        // Scene graph.
    
                        int rightIndex = Math.max(indexOfIncomingPane, myIndex);
                        int leftIndex = Math.min(indexOfIncomingPane, myIndex);
                        Node rightNode = items.remove(rightIndex);
                        Node leftNode = items.remove(leftIndex);
                        items.add(leftIndex, rightNode);
                        items.add(rightIndex, leftNode);
    
                        // Maybe do something more sophisticated here to maintain
                        // original relative
                        // sizes of each pane
                        splitPane.setDividerPositions(dividerPositions);
                    }
                }
            });
            return pane;
        }
    
        /**
         * The main() method is ignored in correctly deployed JavaFX application.
         * main() serves only as fallback in case the application can not be
         * launched through deployment artifacts, e.g., in IDEs with limited FX
         * support. NetBeans ignores main().
         *
         * @param args
         *            the command line arguments
         */
        public static void main(String[] args) {
            launch(args);
        }
    }
    
  • Change the position of the pages

    I'm working on PC, with Indesign CS 3. I wrote a 600-page book, 400 photos and extensive notes. Now, I try to change the position of 10 pages. The order 'verschieben Seiten' is OK, no problem with - for example - the pagenumbers. BUT: My notes numbers will not be told. Example: I take Page X with note 30-34, page 250 page 420. The last note on this page is 320. Now, my notes on page X must be reported: NO 30-34, BUT 321-325. It does not work. My X page changes the place, but my notes do not recognized this. They believe that they are already to the 250 page... Is there a possibility to reorganize my notes? InDesign

    This has nothing to do with age! This is the expected behavior.

    Break the link between text blocks is unnecessarily complicated, for

    the reason why you've noticed. And Adobe has not provided a simple way to

    that, although there is at least a free script available

    somewhere out there.

    But a script is not required.

    Break the link as you did. The text disappears.

    Now, place your cursor in text after the last visible character in the

    previous text block. Press CtrlSHIFTend to select all the invisible

    text. Press Ctrl-X to cut it. Place your cursor in the empty text frame,

    and paste the text you have just cut.

    That's it: the link is now broken, and everything should be in place.

    Repeat for the last image (as in my previous post) and continue

    According to the above instructions.

Maybe you are looking for