When I add a < br > tag for my album the div width gets wider (White right border)?

Hi I have recived this code lightbox and I tried to change it because I want some image in the lightbox iframe icons, I did this by adding a < br > tag so that the photos was aligned under the < iframe >... but somehow the < br > tag adds that more width to the div as well on the right side of the light therapy device there is a white border or something? It is the background color, but why the tag < br > did this?

Questions

(1) how can I fix the width of the div when the < br > tag is added?

(2) how can I add a second video to the light therapy device? so that when you press the 1 button a video if displays in the light table and when you press the key 2 a different video appear in the lightbox?

Other issues it would be great if the answer

(1) when I use this bootstrap code and I put the < iframe > with a width = '640' and a height = '480' and put in a class of favouring incorporate it or stir-reagent-point is not at all sensitive? what I can do here

This is just an example to show what happens

<! doctype html >

< html >

< head >

< meta charset = "utf-8" >

HTML < title > < /title >

< meta name = "viewport" content = "width = device-width, original scale = 1" >

" < script src =" https://AJAX.googleapis.com/AJAX/libs/jQuery/1.11.3/jQuery.min.js "> < / script > .

< style type = "text/css" >

{html, body

height: 100%;

padding: 0px;

margin: 0px;

}

.page-overlay {}

position: fixed;

left: 0px;

Top: 0px;

height: 100%;

Width: 100%;

background: rgba (0, 0, 0, 0.5);

}

{.lightwrap}

position: fixed;

left: 0px;

Top: 0px;

height: 100%;

Width: auto;

left: 20%;

}

{.lightbox-content .lightwrap

position: relative;

top: 50%;

transform: translateY(-50%);

background-color: #fff;

border: 3px solid black;

text-align: center;

}

.a-lightbox {}

text-align: right;

padding: 0 20px 10px 0;

margin: 0;

}

{.tmb}

margin-left: 600px;

margin-top: 50px;

z-index: 1;

}

IFRAME {}

border: none! important;

}

H1 {}

padding-left: 50px;

}

@media only screen and (max-width: 768px) {}

{.lightwrap}

Width: 80%;

left: 10%;

}

}

< / style >

< / head >

< body >

< div class = "page-overlay" >

< div class = "lightwrap" >

< div class = "lightbox-content" >

" < iframe width ="640"height ="480"src =" https://www.YouTube.com/embed/Ofo4DbPFx-0?modestbranding=1 & iv_load_policy = 3 "allowfullscreen > < / iframe > "

< here > <!-< - THE BREAK (Remove to see the difference) - >

< class p 'close lightbox' = > [X] < /p >

< / div >

<!-lightbox-content-> end

< / div >

<! - end lightwrap - >

< / div >

<!-end of page-overlay->

< button class = "tmb" > button 1 < / button >

< br >

< button class = 'tmb' > 2 key < / button >

< / body >

<! - latest jQuery core library - >

" < script src =" http://code.jQuery.com/jQuery-latest.min.js "> < / script > .

< script >

{$(document) .ready (function ()}

$('.page-overlay,.lightwrap').hide ();

$('.tmb').click (function () {}

$('.page-overlay,.lightwrap').fadeIn ();

});

{$('.close-lightbox') ('cursor', 'pointer') .css ravishing (function ()}

$('.page-overlay,.lightwrap').fadeOut ();

});

});

< /script >

< / body >

< / html >

demmacs wrote:

The only problem I have with this gallery of images, is that some of my photos has a height that exceeds the screen... then I tried to change the height so that the img would be smaller, which worked just fine the only problem is that the width of the image do not match the width of the Gallery / modal... that looks a bit silly , and the modal / Gallery does not automatically adjust the width of the image :/

Have you looked at:

Example #12: Global galleries

Bootstrap 3 Lightbox

Tags: Dreamweaver

Similar Questions

  • How to add values by default when you add a component customized for fashion design?

    I have a set of custom (in general) components that extends spark components. But when you add our custom mode component creation, how can I set defult (in AS3) values.

    For example, s:Button default = "Button" label when adding application, or mx:DataGrid has 3 predefined columns, but when you use custom components there are no presets like this.

    I can put these values in the constructor, but they are not visible at the time of the design, only run time.

    Any ideas? Thank you

    Esmin

    Yes. Either way, I found the solution. Someone might find this useful.

    In the light of the design.xml

    Use this

           

       

    so when you add this component to the design mode, it will be the text value ("ExtendedTextInput" in this case).

  • When you add a program, a file is also added. How get added courses in the folder?

    I have some users when they create courses, then a curriculum for the courses, are added to the folder created by the curriculum. They are also in the same folder as the program itself. How can this happen?

    When you add a program, there are two choices that look alike. If the user selects Add content, and then they go to the content library to find the object, and then Connect automatically creates a course in the folder for the program of studies.

    If the courses add is selected then the user navigates on the training for the (already created) course library and this course gets linked to the curriculum. Doing this means that nothing is added to the folder for the program of studies.

  • When you add a second point to my stackpane, the first element loses its ability

    I have a stackpane. When I add a second element of my stack pane, both appear, but I can't click on my first article more. It becomes "unclickable".

    what I defined in my .setonmouse does not work. It works for my second point. If I change the order that they are in the part of the stack, the other works are, but not both.

    is there any solution for this? This is what my program looks like:

    I want that my "grid" centered STILL. There are buttons on the left centered in a column, there will be buttons on the right then, and there will be buttons/text on top of the grid and buttom in the margins thereafter too.

    I want everything to be clickable.

    http://img688.imageshack.us/img688/6025/examplerg.PNG

    Published by: 922630 on March 27, 2012 16:37

    When you place the VBox in the StackPane, it was expanded to cover the gridpane, so when you try to click on the gridpane, the vbox that just overlap the gridpane then consume all mouse events so that they never reach the underlying stackpane the phase of event propagation (i.e. When you capture the). The button inside the VBox does not expand to fill the dimensions of the VBox because that's maxsize is "tight" to its default size (which is one of the more confusing aspects of JavaFX layout). You can see this behavior by applying a green background color to the VBox, in which case the whole scene will go green-online

    vbox.setStyle("-fx-background-color: forestgreen");
    

    One way to solve this problem must also fix the size maximum of the vbox to its size by default, (similar to what the implementation of the default button does).

    vbox.setMaxSize(Region.USE_PREF_SIZE, Region.USE_PREF_SIZE);
    

    After that, the VBox doesn't fill the entire screen, but will be of size to the same size as the button and centered in the StackPane.
    To get the VBox upstairs on the left once again, you can set its alignment.

    StackPane.setAlignment(vbox, Pos.TOP_LEFT);
    

    After all this is done, you will get your mouseentered event handler that is triggered on your gridpane and implementation under the shadow effect, you will still be able to click on the button in the upper left corner of the screen as your example has and everything is nicely resizable without any appeal to hard-coded translation.
    Have fun building your game - I've always liked Connect4 :-)

  • When I try to go full screen while watching a video, I get a white screen

    While watching a video (IE, the youtube video), I press the full screen in the right corner, but all I get is a white screen.

    Hi RalphDuran,

    ·         You use Internet Explorer?

    ·         If Yes, then which version of IE are you using?

    ·         How long have you been faced with this problem?

    ·         Did you do changes on the computer before the show?

    ·         What is the number and the model of the computer?

    ·         The problem only occurs with YouTube or any other video as well?

    Try the methods and check the results below:

    Method 1: Try changing the screen resolution something like 1024 x 768, then check if the problem persists. You can check the link for the steps below:

    To change your screen resolution:

    http://www.Microsoft.com/resources/documentation/Windows/XP/all/proddocs/en-us/display_change_screen_resolution.mspx?mfr=true

    Method 2: Install the drivers of the last update of the device screen and check the result.

    a. click on Start

    b. click run, in the Open box type devmgmt.msc

    c. find display driver

    d. double-click the type of device

    e. right click on the device driver specific you want to update or change.

    f. click put updated driver to open the Hardware Update Wizard. Follow the instructions in the wizard

    Method 2: You can also check if uninstall then reinstall adobe flash player allows.

    For more information, please see the article.

    How to change or remove a program in Windows XP

    http://support.Microsoft.com/kb/307895

    Hope this information helps.

  • When trying to access the tab elements of remuneration for work of the buyer to get the error you encountered an unexpected error. Please contact the system administrator for assistance.

    When you try to access the tab to pay the buyer work center items get error:

    You have encountered an unexpected error. Please contact the system administrator for assistance. (Without any additional information)

    Please need help on how to solve this problem.

    Thank you

    Rambeau

    It seems bug-

    Please see - Center of the buyer: make an Exception when clicking on PAY tab ELEMENTS (Doc ID 1993378.1)

    Kind regards

    Kiran

  • Firefox crashed, I reinstalled and now when I use a new tab for an address I can not get it to load by clicking on enter. How to activate it?

    When I start typing in the address of my story captures the correct address, but the only way that I get to load is hitting the arrow button in the address bar. I want to be able to hit enter

    Hey Susan-MPC.

    Have you tried to start Firefox in Mode safe? Key 'shift' startup of Firefox. It could be related to an extension. Then you should read the extensions, themes and problems of hardware acceleration to resolve common troubleshooting Firefox problems.

    I see you are using an older version of Firefox as well. You can update. There are many advantages to the performance of the latest version of the browser.

    Hope this helps!

  • Firefox crashes when I want to record anything for example using the "file-&gt; save as.

    When you try to save a file, firefox crashes every time even in safe mode.

    Please update your browser Firefox 8 and try

  • Why my player buttons are disabled on my skin 8 Captivate when I add a quiz. If I remove the quiz, my buttons back on the skin.

    It would really save time to use the Captivate 8 quiz feature, but so far I am not able to because every time that I add a quiz, the buttons of the player are completely disappeared from my skin. I can't add because they are disabled.

    In preferences, I turned turn off the option to hide the buttons of the player.

    No one knows why this happens? Can I use a quiz and still have my visible back/forward buttons?

    Questions before the test should be set at the beginning of the course and they turn off automatically in navigation.

  • When I try to download sp1a for windows xp to update I get error message cannot conect to the server. What can I do

    I have windows xp. She badly needs updating. What is the most simple and quick way to update?

    Hi Lynmiller,

    ·         You install the service pack through Windows Update?

    If so, you can try to install the update manually and check if it helps. In addition, it is important that you install SP3 because this update contains several other important updates and security updates.

    Step 1: To install SP3, you must first have Windows XP Service Pack 1a (SP1a) or Service Pack 2 (SP2) installed.

    Download details: Windows XP Service Pack 1a Express installation

    http://www.Microsoft.com/download/en/details.aspx?displaylang=en&ID=19751

    Step 2: Follow this link to install Service Pack 3.

    Learn how to install Windows XP Service Pack 3 (SP3)

    http://Windows.Microsoft.com/en-us/Windows/help/learn-how-to-install-Windows-XP-Service-Pack-3-SP3

    I hope this helps.

  • When I try to change user my computer freezes and I just get a white screen

    white screen

    Hi Pete Spong

    Thank you for using the Microsoft Answers Forums!

    I would like to ask you a few questions to help focus in the right direction:

    Since when you receive this error message? Have you made changes to your system?

    Try the following steps:

    Step 1:

    Put the computer in a clean boot (namely if any third-party software hinders the process)

    How to troubleshoot a problem by performing a clean boot in Windows Vista or in Windows 7

    http://support.Microsoft.com/kb/929135

    Check with step 1 (run a clean boot):-If everything works well after a clean boot, you can deduce that some third-party services are at the origin of the problem.

    Continue with the remaining steps to pin-point on the third party service.

    (Note: after find you the problem causing the program, you will have to perhaps to update or install a newer version of the program and also don't forget to put the computer to a normal startup)

    Step 2:

    Install this update if it is not already installed on your computer and check.

    http://www.Microsoft.com/downloads/details.aspx?FamilyId=AE2F819D-C33D-48dB-A7E3-62EEF7C1F7C2&displaylang=en

    Hope this information was useful.

    Let me know if it worked.

    All the best!

    Thank you and best regards,

    R uma - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • When you try to cut, copy, or delete on the external drive, get the error "Destination folder access denied. You must be authorized to perform this action. »

    When I try to create a folder, or cut, copy or delete anything on any external drive, the message "Destination folder access denied. You need permission to perform this action. "and by clicking on try again once he simply repeats. These drives work fine on any other system

    Appropriating the reader.

    How to take ownership and grant permissions in Windows Vista
    http://www.mydigitallife.info/how-to-take-ownership-and-grant-permissions-in-Windows-Vista/

    Instead of right clicking on folders, right click on the drive.

  • When I try to access the site, I get a white screen that does not load.

    https://creative.adobe.com/plans/photography

    6c36aadfb3.jpg

    Try another browser and/or clear your adobe.com cookies.

  • Why am I wasting a pictue when I add a legend?

    Just today, when I add a legend to a jpg file, the file disappears.  I can't find anywhere on my hard drive.  Sounds crazy, but there must be some strange setting that I'm not aware of.  I've been adding legends/tags in pictures years and this never happened. Help!

    CrystalBall told you have McAfee crapware running on your machine.

    The Windows 7 library files are not displayed
    http://service.McAfee.com/faqdocument.aspx?ID=TS101228

  • Windows Movie Maker-color of the video clip is improved when you add a title to the clip

    Adding titles with Windows Movie Maker

    With Windows Movie Maker when I add a title to a clip to the color of the entire element is significantly improved, not only the text. How to prevent this?

    Hi nambiti,

    1 when was the last time it was working fine?

    2. did you of recent changes on the computer

    You can try to change the color of the title element and check if it works.

    (a) open Windows movie maker

    (b) click on Toolsand then click on the titles and quotes.

    (c) click on the link that corresponds to where you want to add the title or credit.

    (d) in the entry for the title text box, type the text that you want to appear in the title or credit.

    After you type the text, the monitor displays the default animation and the format for the title or credit that you want to add.

    (e) to change the font and the color of your title, click change the font of the text and the color, and then choose the font, font color, put in shape, background color, transparency, font size, and position of the title to your liking.

    (f) click on the title to add.

    Add to the credits and titles of movie in Windows Movie Maker

    http://Windows.Microsoft.com/en-us/Windows-Vista/Add-movie-titles-and-credits-in-Windows-Movie-Maker

    I hope this helps!

    Halima S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

Maybe you are looking for