How to make better use of the CSS box model when setting margin/padding?

I encounter this problem twice so far. When you set the vertical placement of a block of text, I had to set a margin or a padding that is clearly going to the top of the page, rather than referenceing the last element that precedes the text block. It seems totally wrong to me. I'm missing a fundamental step. Here's an example where I had to do this...

http://www.keithpurtell.com/kthings/

and how does it appear in Firebug...

http://www.keithpurtell.com/kthings/BM.PNG

When you "float" an item/s such as your

  • tags in the css ul #navlistx selector, they are deleted from the flow natural html (become invisible to any item/s that follow, as your #articlex
    .

    You need to "erase" these floating elements, so the natural flow of the html is corrected. There are many ways to 'clear' the elements' but the newer method uses overflow: hidden; When you have a container containing the items floating/s and you make, it's the #navigatex

    So you just need to add overflow: hidden; to the css (as shown below)

    #navigatex {margin: 2.6em automatic 2em; / * 3.3 * /}
    Width: 605px;
    overflow: hidden ;}

    You can now set your top margin on the css of #articlex to 1em (as shown below)

    {#articlex}
    margin: 1em Auto 2.375em;
    Width: 608px ;}

  • Tags: Dreamweaver

    Similar Questions

    • Make better use of the 'the smart mailboxes. "

      Hello!  I'm trying to filter my email in smart mailboxes, but I need these filtered messages to no longer appear in the main Inbox.  In most of the other applications I can simply create rules to 'move' messages in separate folders, but with Apple Mail, I can't see these files on other devices.  Any advice?

      Letters/smart folders boxes are not real letters/files boxes. Smart mailboxes are really just show you the results of the filter that you defined in the conditions of the smart mailbox.

      If you want to move the messages to a box the letters/folder, you must create the letters "non-smart" or regular mailboxes. Then, you can move messages to this mailbox, and messages will no longer be in your Inbox.

    • How to make a copy of the sent IMAP messages when the sent folder file cannot be found?

      My Thunderbird works fine. I also see messages in the "sent" folder but I wonder are only registered in the IMAP server messages. For the backup application, I would like to copy the file from the "sent" folder but I can't find a local file for this.

      In home/me/.thunderbird/44g5fxvp.default/ImapMail/mail. .fi [mymail] I have files
      Archives - 1.sbd
      Archives.MSF
      Deleted messages
      Messages.MSF deleted
      Drafts.MSF
      INBOX
      INBOX.msf
      inbox_old
      inbox_old. MSF
      msgFilterRules.dat
      Sent.MSF
      Templates.MSF
      Trash.MSF
      Trash.SBD

      IE Sent.msf exists but is not named file sent. I am looking for a bad place? My Thunderbird settings or preferences are wrong? Is there something obvious that I missed?

      What is the most convenient way to make a local copy of the sent messages folder if Thunderbird does not have a local copy of it?

      Information on my system:
      The application databases
      Name Thunderbird
      Version 31.0
      User Agent Mozilla/5.0 (X 11; Linux x86_64; RV:31.0) Gecko/20100101 Thunderbird/31.0

      Application version identifier 20140721092545
      Permit Plugins about: plugins
      Build configuration about: buildconfig
      Memory usage on: memory

      Mail and News accounts
      [...]
      account3 mail (imap). [mymail] .fi:993 password smtpa Normal SSL/TLS. true password [mymail] .fi:465 Normal SSL/TLS

      Subscribed IMAP folders accounts configured to synchronize and place a copy of the folder on the server in the profile of mail, but this issue is constantly updated to match the server, so if you have new messages then these changes are made to the server folder and the folder on your computer is updated to match the server folder. Or if you delete mail from your copy then it will update the server. Then synchronized files are constantly changed and updated.
      Moving while copy/move, it stops the activity on files synchronized and enables offline that get you a copy to anywhere else you want.
      Less chance of something going wrong.
      then go back to online mode.

      I knew that some people have problems with copy/move emails in online mode that are offline.

      Easy way to go 'offline and online.
      To go offline:
      Click 2 bluescreen icon located in the bottom left of the status bar.

      To go online again:
      Click 2 screen black icon located in the bottom left of the status bar.

      Some useful info on IMAP backup:

      ImportExporttool - very useful:

    • How to make a lock off the internet so I can have another WiFi computer using the internet

      How to make a lock off the internet so I can have another WiFi computer using the internet

      you do not take the lock itself.

      Instead, you configure another computer with security information to access the connection Wireless secure.

      Unfortunately, we cannot help you with this, because we cannot tell if you are the owner of the wireless connection or someone trying to hack it via another computer.

      However, what you can try is to contact technical support that provides your internet service.  they will be well to validate your identity and then provide help or more detailed instructions.

    • How to make a folder shows the number of files in there?

      How to make a folder shows the number of files in there?

      You have not indicated what OS you are using.

      Yosemite

      Action > View Options: Select to display the item of information

    • the friends hyii UA HUD need help how to make a backup of the files from his deleted with (shift + delete) memory card

      the friends hyii UA HUD need help how to make a backup of the files from his deleted with (shift + delete) memory card

      Hello

      It seems that you want to restore the files removed from the memory card.

      I will definitely help you with this.

      I would say you can search the Internet for data recovery software by using your favorite search engine.

      Warning: Using third-party software, including hardware drivers can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the use of third-party software can be solved. Software using third party is at your own risk.

      It will be useful. If you have any other questions, feel free to let us know. We will be happy to help you.

      Thank you.

    • How to make a backup of the system files?

      I want to just back up the filesystem in the case where.

      Hello

      You can save your own personal files (documents, photos, etc.) or do a complete PC backup that contains the system files.

      If you want to make a complete PC Backup or a backup file only, buy an external hard drive.

      Only Vista professional, comprehensive and company have the opportunity to make complete backups of PC.

      All editions of Vista can do backups of files.

      Here's how to back up and restore your files:

      "How to back up your data.

      http://www.wintuts.com/how-to-backup-your-data

      http://www.home-PC-help.com/windowsvistabackup.html

      "How to restore your files.

      http://www.wintuts.com/how-to-restore-files

      This is how to do a full backup of the computer and how to restore it (for Vista Business, Ultimate and Enterprise only):

      «How to make a backup of the computer in Vista»

      http://www.bleepingcomputer.com/tutorials/how-to-use-Vista-complete-PC-Backup/

      "How to restore a full backup of the computer.

      http://www.bleepingcomputer.com/tutorials/Windows-Vista-complete-PC-Restore/

      FAQ from Microsoft about backup and restore:

      "Back up and restore: frequently asked questions.

      http://Windows.Microsoft.com/en-us/Windows-Vista/back-up-and-restore-frequently-asked-questions

      @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

      There are a number of 3rd party programs available for a full backup of the computer; others, you must pay for, some are free.

      This program must be purchased:

      "Acronis True Image".

      http://www.Acronis.com/homecomputing/products/TrueImage/index_gwo.html?utm_expid=4274314-6

      These are free programs for the protection of the computer:

      "EaseUS Todo Backup free"

      http://www.TODO-backup.com/products/home/free-backup-software.htm

      "Download Backup & Recovery 2012 free FREE!

      http://www.Paragon-Software.com/home/BR-free/download.html

      «Macrium Reflect FREE Edition»

      http://www.Macrium.com/reflectfree.aspx

      ___________________________________________________

      And if you do not score a manufacturer of recovery on your hard drive, you should be able to make your own recovery discs that are system files in order to reinstall the operating system.

      Go to programs > name of the manufacturer of your computer > then their system or recovery tools software topics for them, depending on how it is formulated.

      If you can't find any reference to it, contact the manufacturer for advice on how to make these recovery disks.

      See you soon.

    • How to make navigation that pushes the page to the side while revealing the links?

      How to make navigation that pushes the page to the side while revealing the links?

      There is currently no way to call JS in reflow, or add some CSS Transitions. You can export the code

      and then open it in a code editor of your choice and add the script necessary to do this. An example is available here: wide canvas Show Menu for Bootstrap model

    • How to make an object follow the mouseX when clicked on

      How to make an object follow the mouseX if clicked? Help, please.

      You should think it through - your code does not match your very simple explanation of what you say, it should do so, and it should... click an element and follow the mouse.

      A game loop (ENTER_FRAME) could work, but in this case it wastes unnecessary treatment if the mouse does not move.  And in your code example, it does not expect the clicks.

      Use a MOUSE_MOVE instead of an ENTER_FRAME event listener.  Inside of the event by clicking on the handler function is where you must be defined the MOUSE_MOVE listener.  The MOUSE_MOVE listener Manager is where you assign rock1Cnt.x = mouseX.

      public void Main (): void {}

      rock1Cnt.addEventListener (MouseEvent.CLICK, mouseClickHandler);

      }

      private void mouseClickHandler(e:MouseEvent):void {}

      stage.addEventListener (Event.MOUSE_MOVE, followMouse);

      }

      private void followMouse(e:MouseEvent):void {}

      rock1Cnt.x = mouseX

      }

    • How to make an impression at the option of the PDF from the word and PP?

      I have windows vista. How to make an impression at the option of the PDF from the word and PP?

      You have Acrobat? If so what version? If not what version of Word and PP have you? The most recent versions contain no Adobe software to create PDF files. If you do not have Acrobat, it would be best to check in a Microsoft forum on how to use Word to create PDF files.

    • I'm trying to connect on Apple TV.  It keeps generating a 6-digit verification code, sent to another device.  I need a 4 digit or need to know how to make a space on the verification code entry screen

      I'm trying to connect on Apple TV.  It keeps generating a 6-digit verification code, sent to another device.  I need a 4 digit or need to know how to make a space on the verification code entry screen

      Read this noting the last two paragraphs:

      For Apple ID - Apple Support two-factor authentication

      You can try to add on your suggested such password or disable the service and then connect.

    • How to make an arch on the topic title?

      How to make an arch on the topic title?

      You can do the following entirely in any version of Pages because the text on a path is not supported. The News Gothic 'gate' in one area of text Pages. The arc of text was done in HTML5 Canvas with Javascript, then saved as a .png image, which was dragged/dropped into Pages v5.6.1. Normal means to create text curvilinear (CRA) is done by an application chart non-Apple.

    • How to make a backup of the Windows BACKUP DELL?

      I have a Dell 0ptiplex 3010 with windows 7 pro 32 bit 10 units.
      How to make a backup of the Windows BACKUP DELL?
      Please help, I'm still confused with BACKUP DELL.

      Hi rahar_satriyo,

      Only the version complete Dell backup and restore will give you an option to backup computer image which is a paid version. The default Basic that comes with the system version will have only the restore factory in image.

    • How to make a CC off the power of a laptop so I can put it on a second desktop computer

      How to make a CC off the power of a laptop so I can put it on a second desktop computer

      You can simply disconnect from the Adobe Creative cloud to disable subscription:

      https://helpx.Adobe.com/creative-cloud/help/sign-in-out-activate-apps.html

      No need to uninstall to disable CC apps on a particular computer, but if you want you can uninstall it.

    • How to make someone to sign the document within my documents in the tasks that I specify?

      How to make someone to sign the document within my documents in the tasks that I specify?

      Hello form signature,.

      Yes, you can place the signature to a particular position field in the document as follows:

      1. connect to EchoSign account.

      2. Enter the e-mail address of the recipient.

      3. download the document.

      4. check "Preview, the Signatures of Position or add form fields" and click Next.

      5. in the preview page, drag and drop the signature and other fields of the form if necessary in the document.

      6. once the fields are placed, press Send.

      Here is the link:

      http://helpx.Adobe.com/EchoSign/KB/hub7.html

      Let me know if you need more information.

      Kind regards

      -Usman

    Maybe you are looking for