Figure do not align

Hello

Can anyone help?

I'm doing the html for display on the trains page.

So I started experimenting with random content.

I have a video that runs in the background with a character on top.

But when I zoom back or open the page in Firefox, the figure moves to the wrong place.

I've never used Dreamweaver or HTML before.

In addition to the size of the div is set to 1024 x 768 because that's the size of the screen, on which it will be shown.

Files:

DW.zip http://1drv.ms/1Mm3TqH

First screenshot is how I want to look like her.

Second screenshot is zoomed in and out of place.

The figure is the blue button with the text.

Screenshot seems long, because I use two monitors.

Using Dreamweaver CC 2015

Thanks in advance.

Untitled.png

Untitled1.png

For the primary networks, review the CSS box model. Learn to use floats, margins, and padding to align items if you wish.

CSS box model

https://CSS-tricks.com/all-about-floats/

Good luck with your project!

Tags: Dreamweaver

Similar Questions

  • CP4525 colors not aligned

    Good day everyone, need some help with this machine.  Customer provided that the colors are not aligned and looking at it, they are indeed correct.  Yellow is about 1 mm wide at the side of the rest of the colors, the magenta is also misaligned, but to a much lesser degree.  The client stated that they had already changed the cartridges of toner without effect, but I did so as well to make sure, and there is no change.  I performed the procedures "calibrate full now ' and ' calibrate fast now" several times, especially after changing parts without change.  I changed the belt of ITB, the DC controller and the scanner unit laser and none of these changes have solved the problem.  At this point I don't know what direction to take to solve the problem.  It does not appear that this machine has the ability to align the colors manually, because everything is done during calibration and make calibration makes no changes at all.  Thanks for any ideas or help them.

    I really don't know what to tell you.  Here's something that you can try at your own risk.  I don't know if your model has this procedure, but the cp3505 had what to call that a dc controller reset procedure that was not documented but solve some strange problems with this printer.  Maybe yours is the same.  In the back is a little hole where stick you something small for an engine test which is just a leaf with lines of all colors.  On the cp3505 if you placed something in the hole you would do a test engine, but simply applied the pressue and at the same time turned on the power to the printer and continued to hold until the printer is delivered to the loan it would reset the dc controller.  Maybe worth a try.  Is attached a picture with the location of the engine test switch.

  • HP Color LaserJet CP1518ni - COLORS NOT ALIGNED

    Has anyone solved this ridiculous question, where all the colors are not aligned when printed?  Black text prints perfectly. But when the printing of the images, the colors are not aligned. Question lasts for months and YES I did the following:

    1. Calibrated thousand times
    2. Restored the default printer 1000 x
    3. Lost my money and has spent nearly $200 on OEM all color cartridges 4... lost!
    4. The drivers reinstalled 1000 x
    5. Have the most up-to-date drivers... believe me.
    6. Ran the printing software HP and doctor Scan and it shows me NO QUESTIONS... ridiculous
    7. Checked the Forum from HP Support with no resolution... I'm with you other people with this same issue. HP HELP PLEASE!
    8. Please tell me that it is a HARDWARE PROBLEM! Of course you won't admit it.
    9. Same problem occurs on my PC - Win 7, Macbook... does not matter... it's the printer!
    10. And finally, I posted this plea for HELP!

    Thank you HP.

    What it sounds like, it's a hardware problem. I would like to begin by ensuring that you have the firmware updated. The firmware of the printer, is what determines how the mechanics of the printer will act. If it has expired, it can cause all sorts of problems. If this does not work, try to do a hard reset. I've included a link to the firmware and instructions for a hard reset below. Let me know what happens.

    Firmware:
    http://goo.GL/gCXvr

    To do a hard reset:
    1. make sure that the printer is turned on.
    2. pull on the power cord from the printer.
    3. pull out the power cord from the wall.
    4. wait for 30 seconds.
    5. plug in the printer and turn it on.

  • New black cartridge do not align

    I have a HP laptop and my printer is a HP EnVY 4500 e-all-in-one-series.

    I installed a new black cartridge Ref. HP61. The printer will scan, but the alignment fails. This is a new printer. I had an old HP printer that does the same thing. That's why I bought thinking it was the HP ENVY printer.

    Thus, the new cartridge, new printer, same problem, will not align the scanned map.

    All answers >

    Hi @671,

    Welcome to the Forums of HP Support!

    I see that your new HP Envy 4500 printer is stuck on the alignment process. I'd be happy to help you and don't forget to come back to this thread and check "Accept as Solution", if I have successfully helped solve you the problem. If you want to say 'Thank you' to my effort to help, click on the "thumbs up" to give me a Kudos.

    I understand how frustrated you must try to get the printer working, I will help the best I can.

    What looks like the alignment sheet?

    Missing colors?

    I would like to do a hard reset to see if that will solve the problem.

    • Let the printer and disconnect the printer cable and the wall socket for 60 seconds.
    • Reconnect the power cable to the output of the printer and the wall, and not a surge protector. This ensures that the printer is full on and can help this situation.
    • Make sure that the printer is connected directly to a wall outlet. (do not use a hub or a surge protector) This ensures that the printer is full on and can help this situation.
    • Remove and reinsert the ink cartridges.
    • Load white letters unused, plain or paper of A4 format with a brightness level of at least 85 on the set.

    If the problem persists, I would try the steps in this guide, an "alignment failed" Error Message is displayed on the control panel.

  • Printer print printing printer will not align. Worked very well, put in new cartridges and now will not align.

    My HPPhotosmart C5580 all-in-One worked very well.  Put in new cartridges and now she is not aligned.  Have you tried several maintenance task to get it to reset zero, etc, but nothing seems to work.  Help.

    This isn't a matter of Microsoft but a problem of HP; See http://h10025.www1.hp.com/ewfrf/wc/product?product=3575276&lc=en&cc=us&dlc=en&lang=en&cc=us. There are also Forums of HP Support for printers.

  • Reference Dell v305 problem black cartridge not aligned

    my printer dell 305 said all of a sudden the black cartridge is not aligned properly (otherwise it is said to remove the Strip). If I take the cartridge and reinsert it, I get the same message. If my printer is broken or do I have to just buy a new cartridge?

    scs822,

    Do you use Dell Series 9 ink cartridges?

    If you unplug the printer from the wall and remove the brick of power for 60 seconds, this will reset the error messages that the printer. I would then plug everything back in.

    Turn on the printer.

    Open the printer (power on) and remove the Dell Series 9 black cartridge and then reinstall it. I then remove the Dell Series 9 color cartridge and reinstall it. Now, close the printer, and it will print an alignment page.

    Error messages?

    Print Cartridge black = Black (left) cartridge = color (right side)

    photo cartridge = cartridge black (left side) = color (right side)

    Dell Series 9 ink cartridges have a sensor to them that cannot be reset. Article on Dell ink cartridges filling.

    Dell Series 9 ink cartridges can be purchased at Staples, Wal-Mart or any Dell website.

    It is possible to get an ink cartridge Dell Series 9 with a bad sensor. I would take these to the place of purchase for a replacement.

    Rick

  • Want 5530 printer will not align properly

    Hello

    I had to change my black cartridge in my printer HP Envy 5530.  Alignment printed document, I noticed that the color cartridge should also be replaced if I interrupted the process (this may have been a bad idea) and installed a new color cartridge.  When the process is restarted, correct alignment of printed document, but when I put it on the glass in order to complete the process, alignment failed.  It appeared that the document could not be read, and I received a message about the configuration of the cartridges to 'default' all that meant.

    Then I went to copy a document (in black) and, to my surprise, it came out white.  It seemed that the alignment document could not be read.  I thought that the scanner have been damaged, but I was able to scan documents.  I was able to print, but the quality was poor.

    I tried the following without result:

    1 removed the cartridges and Redid the alignment process.

    2 unplug the printer and Redid the alignment process.

    3. reinstall the printer.

    4 Ran own process of heads and repeat the alignment.

    5 etc.

    I discover that the system copy so I used the color option.

    I'd appreciate the help.

    Thank you.

    Badger66

    Hello Badger66,

    Welcome to the HP Forums!

    I understand that your craving for 5530 will not align correctly. I will do my best to help you! I want to thank you for providing such a detailed post. Please make sure that the printer is connected to a live wall, not a surge protector. Then, please follow these steps in order:

    Remove all printer ink cartridges, and then close the door
    Remove the power cord from the printer (do not press the power button)
    Wait for 60 seconds or more, then reconnect the power cord to the
    Wait for the printer to turn completely, and then install ink cartridges
    Try printing another alignment

    Please let me know if this page has been accepted or not. I will seek forward to hearing from you.

    Have a good night!

  • My HP 2410 printer will not align.

    Printer will not align. Error message States. No more paper. Then the printer jam. Then print canceled., but the printer prints a job and test print page. All other withdraws. I can't copy or fax until the print head. Help, please. Candih

    Eleanor that rock you!

  • Encompassing not aligned with the object

    Hi all

    I've been using Illustrator CS6 and during the transition to the 2015.3 CC I had the following problem: when I create an object, it's bounding box does not align, it is impossible to turn the object easily. I suspected, I just pressed accidentally a few keyboard shortcuts, but reset settings and even move the file didn't help. I looked all over the forums, but it seems that only a few people experience the same problem, and their questions remain unanswered I will be very grateful for any advice how to solve this problem, because I come to CS6 because of this problem. Thank you very much!

    bounding box.jpg

    Object > shape > expand shape

    Context menu click object > transform > reset Bounding box

  • Rectangle bottom not aligned

    I have a problem with some rectangular boxes that are not aligned with the background of an image. Available Adobe Muse mode it

    looks perfect, in the browser, but there is a display bug.

    Adobe Muse Layout = OK

    Screen Shot 2016-03-10 at 12.02.42.png

    Browser view = error

    Screen Shot 2016-03-10 at 12.02.30.png

    HI Yorh,

    You can try to pin the rectangle as shown down below in the screenshot

    Please let me know if that helps.

    Kind regards

    _Ankush

  • Can't do not align RTL text in indesign cc, theres no alignment button

    Hi, I can not do not align RTL text in indesign cc, theres no alignment button... I can't find the button alignment... Check the picture of the attachment...

    I already have all the updates

    version: CC 9

    Mac OS El capitan

    Screen Shot 2016-02-07 at 4.55.40 PM.png

    in fact I just reinstalled and changed the language...

    Thanks anyway

  • Image not aligned with borders on the site

    I apologize for my badly phrased explanation, I'm not 100% sure how to explain my problem.

    Done on my master page I want to add my logo on the upper right. However, it does not fit the dimensions of the screen. What I am doing wrong?

    Here are the screenshots to explain my problem.

    1. the image seems to be aligned on my site.

    fit1.png


    2. the image is not aligned, as shown on the preview.

    fit2.png


    3. I drag the image far to the left so that it is not aligned on my screen.

    fit3.png


    4. the image is aligned with the corner on my preview, even if she looks way off on my screen.

    fit4.png

    What should I do to make my images are aligned on the screen and the Preview?

    1. Create a zone of the height of the logo, but the width of the screen.
    2. Use the 100% width button to make sure that you extend the box to fit the screen. (see the screenshot of the first)
    3. Check the box and in the menu fill import your logo. (setting the justification for left/middle, see second screenshot)

  • I have Acrobat Pro on my computer and I work with the drawing that have been digitized in PDF format. The scanners are not aligned or place because of the poor scanning process. Anyway is to align the document even if it requires me to crop or lose

    I have Acrobat Pro on my computer and I work with the drawing that have been digitized in PDF format. The scanners are not aligned or place because of the poor scanning process. Is there anyway to align the document even if it requires me to crop or lose some on the edges?

    Hi brad.

    Yes. You can use the analysis tools to straighten and crop your document. Here is a link to a new tutorial. The key to activate the sliding options recovery is to choose the option of the camera Image in the drop to Enhance, and gives you tools to set the correct page for smoothing areas.

    fundamental https://helpx.adobe.com/Acrobat/How-to/scan-Paper-documents-Searchable-PDF.html?Set=Acroba--principes t - create a pdf file

    Donna.

  • CP6: Windows PE and the project are not aligned

    Hello

    I noticed that the Table of contents and the project show (940 x 540) windows are not aligned to each other (1st photo), I wonder why my show is displayed below the table of contents and has a top border of the white page. As a result, playback buttons are completely out of the window if I play equipment in the stand-alone flash player. Despite this the other skin with thinner playback buttons would be perfectly, I received instruction to use the largest.

    If I resize the project, the video is placed in the background, but there is a strange space between panels second pic).

    Is there a way to fix this?

    Thank you.

    bug.pngbug2.png

    It's the buggy version. A year ago, a patch was released that fixed several bugs. Please update your version, I think in 6.0.1.240 if my memory number is correct.

  • Some content of cells are not aligned at the top of the cell

    I tried to get a simple table with 3 cells to align correctly. In the first cell is a vimeo video, text with an image in two cells.

    The video is aligned correctly, and the other two cells are not.

    I would really appreciate any help you can give me.

    Here is the code for the table and the image of what it produces. Below that is the CSS code for blogholder and cellborder styles. Really simple things, but I can't understand why he does not align correctly. I'm inexperienced in trying to implement a video vimeo.

    Thanks in advance for clues to what is in my way.

    UNEVENCELLS.jpg

    CODE:

    < div class = "blogholder" >
    < table width = "918" border = "0" cellpadding = "10" >
    < tr valign = "top" >
    < td colspan = "3" > < hr / > < table >
    < /tr >
    < b >
    "< td width ="300"height ="306"align ="left"> < iframe src ="http://player.vimeo.com/video/57555762"width ="280"height ="282"frameborder ="0"> < / iframe > < table >"

    < td width = "280" align = "top" valign = "top" class = "cellborder" >
    "< img src="Images/HomePage/dd-mandala.png "alt ="Logo of office of David"width ="108"height ="101"/ >
    Office of David strong > < p > < < / strong > < / p >
    < p align = "left" > < em > < strong > #69 Zombie Apocalypse < facilities > < /em > < br / >
    < strong > by David Spangler < facilities > < / p >
    < p > having had several years where the vampires were the cultural day monster, it now seems that the zombies have their turn. "Books, games, TV shows and zombie movies are multiplying... < a href ="http://lorian.org/davidspage.html#gpm1_2 "> < br / > < u > read more < /u > < /a > < /p > < table >"

    < td width = "300" align = "top" valign = "top" class = "cellborder" > < strong > < img src = "blog - mandala2.jpg ' alt ="Blog by Tomas Mandala"width ="100"height ="100"class ="textwrap"/ > John < facilities > community views

    < p align = "center" > < em > < strong > #69 Zombie Apocalypse < facilities > < /em > < br / >
    < strong > by David Spangler < facilities > < / p >

    < p align = "left" > after having had several years where the vampires were the cultural day monster, it now seems that the zombies have their turn. "Books, games, TV shows and zombie movies are multiplying... < a href ="http://lorianblog.wordpress.com/">."
    < u > read more / < u > < /a > < /p > < table >
    < /tr >

    < tr align = "center" valign = "top" >
    < td colspan = "3" > < hr / > < table >
    < /tr >
    < /table >
    < / div >

    CSS CODE:

    {.blogholder}

    border-left-style: none;

    border-left-color: #FFFFFF;

    padding: 10px;

    vertical-align: top;

    border-top-style: none;

    border-right-style: none;

    border-bottom-style: none;

    border-bottom-color: #FFFFFF;

    border-right-color: #FFFFFF;

    border-bottom-color: #FFFFFF;

    }

    {.cellborder}

    border-left-width: thin;

    border-left-style: solid;

    border-left-color: #000000;

    }

    Found the problem. You have the below css defined in the head section of the page. He said: align the content of the base line, which is what he does!

    TD, th {}

    vertical-align: baseline;

    }

Maybe you are looking for