Adding CSS properties for main container


show more Adding CSS properties for main container provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create an Interactive Photo Gallery with jQuery and Dreamweaver show less
please wait ...

Adding CSS properties for main container

Now, we want to apply CSS styles to the four divs that are inside of the gallery_content area, inside of that content div. So let's start by coming up to the thumbnails, gallery_thumbnails. Let's go to the Box properties. 500 pixels wide. Float left. We're going to set zero for all of the padding. Margin, we're going to set zero on the top, right, and bottom, and 40 pixels on the left. Now sometimes when I'm setting up my divs and setting up the layout I'll temporarily come in and set a Background-color so I can see them and see how wide the properties are.

So temporarily, let's come in here and we'll just assign a color to the background of the thumbnails. Click Apply. Now I can see that Yellow bar here is representing the area for the thumbnails. Let's choose OK. Let's open up gallery_preview, Box properties for preview. I'm going to set 375 on the Height and the Width. This is going to hold that preview-size jpeg. This is also going to float lef...

Adding CSS properties for main container
Video duration: 4m 28s 1h 55m Intermediate

Viewers:

Adding CSS properties for main container provides you with in-depth training on Developer. Taught by Chris Converse as part of the Create an Interactive Photo Gallery with jQuery and Dreamweaver

please wait ...