Building the HTML and CSS for the outer container


show more Building the HTML and CSS for the outer container provides you with in-depth training on Web. Taught by Chris Converse as part of the Create a Rotating Carousel with jQuery and Dreamweaver show less
please wait ...

Building the HTML and CSS for the outer container

Now before we create any CSS rules, I want to bring up the sketch. I always recommend creating a sketch so that we can figure out the individual HTML elements we are going to need and what some of the measurements are going to be. So for this project, we are going to have an outermost container of 760 pixels wide. Inside of here, we are going to have two additional containers: one container that's 760x340 pixels tall, and another container that is going to be 435 pixels. We are also going to have a 165 pixel margin on the left-hand side. This container is going to actually hold our caption, and we are going to use the left border setting for here to create this stem of the leaves we saw in the introduction video.

In the upper container, in the 760x340, we are going to have another container inside of there set to 600x300. This is going to be the container that we actually target and create our roundabout carousel inside of. Then all of the graphics inside are going to be set to 300x22...

Building the HTML and CSS for the outer container
Video duration: 2m 29s 58m 47s Intermediate

Viewers:

Building the HTML and CSS for the outer container provides you with in-depth training on Web. Taught by Chris Converse as part of the Create a Rotating Carousel with jQuery and Dreamweaver

Subject:
Web
Software:
Dreamweaver jQuery
Author:
please wait ...