Dreamweaver - HTML and CSS Using Dreamweaver
How to float a div tag
Daniel Walter Scott || VIDEO: 26 of 34
Contents
-
Overview
- 1. Site definition in Dreamweaver
- 2. Create an HTML page
- 3. Adding copy to Dreamweaver
- 4. H1, H2 & <P> selectors
- 5. How to add © ™ ®
- 6. How to link web pages?
- 7. Adding Images
- 8. Which image type?
- 9. Photoshop & Dreamweaver
- 10. Adding more pages
- 11. Creating a navigation
- 12. What is hosting?
- 13. Connecting via FTP
- 14. Uploading your website
- 15. What is CSS?
- 16. How to create CSS?
- 17. Change font h1 or p tags using CSS
- 18. How to update CSS
- 19. Change link font & color
- 20. How to use EM for fonts
- 21. How to make a CSS Class
- 22. Applying CSS Classes
- 23. What is a Div Tag
- 24. Centering your website div
- 25. Create website using div tags
- 26. How to float a div tag
- 27. How to clear the div float
- 28. How to add text to a div tag
- 29. How to set CSS minimum height
- 30. Change background on website
- 31. How to add padding to a DIV
- 32. Connect CSS to all HTML pages
- 33. Drop down menu using CSS
- 34. Add a meta description tag
Introduction
I recommend hosting your new website with Bluehost, you can get a big discount by signing up with this link: https://www.bluehost.com/track/byol/byol_dwhacud_26
Floating Divs
Floating Divs
The term 'float' is used to align div tag next to each other (side by side). Without this function they will always stack one on top of the other. We need both div tags to float for this to work (left & right).
- In the selector panel choose #text.
- Find and select float left
Note: Your website will fall apart temporarily. We'll need to float the second div before things become normal again.
- In the selector panel choose #image.
- Find and select float left
Comments
Video transcript
Coming Soon
-
Contact Us - Group memberships
- Bio
- FAQ
- All Courses
- Resources
- Powered by instructorHQ v4
- Terms of use Privacy policy
- © Bring your Own Laptop Ltd 2022