Images don’t normally have text around them. If you want to have text wrap around your images, you will need to know how to float the image, and how we can make sure the text is still easy to read around the image. Floating Images on a Webpage with CSS was originally found on Access…
The CSS Float property allows you to position an element to the left or right side of a container. Additionally, because it interrupts the “flow” of the normal web layout, it not allows for the element to have other elements wrap around it, such as you would expect to see with an image in a…
Box model The box model describes how CSS works to display images and information. Every element in your web page responds to these basic directives, however their implementation is not always accurate. width: how wide your element is height: how tall your element is margin: space between two elements. Measured a little uniquely, as the…
The 960 Grid System is a CSS Framework. A Framework is a system used to solve common problems. A common problem in developing websites is getting elements to align vertically, and consistent layouts between all major browsers. A grid system is typically used in a print layout format to ensure that elements vertically align on…
This video will show you the differences between Block and In Line elements, and will thus explain why some things display differently than what you might expect when you style them, and display them in a web browser. The Difference Between Block vs In Line Elements was originally found on Access 2 Learn
The two most common ways to display a tag, is with the block or the in-line display type. Most HTML elements fall under one of these categories. (There are others, but these are the two main ones to consider.) This video will show some common tags, and how when you style them, what they look…
CSS allows you to control the look and feel of a webpage. Dreamweaver has a CSS designer built into it, to make it easier to add CSS to your website. Creating a CSS Selector from an Element that Exists First you will generally want to click on the tag that you want to apply a…
The 960 Grid System is a well used, and liked, CSS layout framework. This is the second part of a 2 part video series. If you would like to see how to do the initial set up – view the first part of the 960 Grid System here. Set Up a Web Page with the…
