Style Sheet File

dotnetDeveloper · April 22nd, 2010, 04:23 PM

I'm wondering is the Styles.css file that I downloaded the one that works with the Chapter 6 exercise.

jack_hilary · April 23rd, 2010, 10:01 AM

Hi There,
may you please specify a little more.

Quote:

I'm wondering is the Styles.css file that I downloaded the one that works with the Chapter 6 exercise.

this is not enough to understand what you are trying to do/ask?

dotnetDeveloper · April 23rd, 2010, 10:51 AM

The following is a list of the properties that were contained in the CSS file. What do these properties have to do with the Master Page?

.itemContainer
{
width: 600px;
list-style-type: none;
}
.itemContainer li
{
height: 280px;
width: 200px;
float: left;
}
.itemContainer li img
{
width: 180px;
margin: 10px 20px 10px 0;
}

Imar · April 23rd, 2010, 11:09 AM

Hi there,

The itemContainer classes are used to change the display of pictures in an album. They are introduced in Chapter 13, starting with page 454.

Cheers,

Imar

jack_hilary · April 23rd, 2010, 11:18 AM

hello there,
well these styles are used to set the images in the photo album section.
As Imar has used the two themes in his project, one of them are 600px wide.
So to set the images for the photo album section these styles are being used, which sets the image height and width forcefully to be 280 px and 200 px respectively. Further for the width there is padding of 10 px at top and bottom, 20 px on the right side and finally no padding for left side.

Code:

.itemContainer li img
{
width: 180px;
margin: 10px 20px 10px 0;
}

This style sheet is dedicated to images only. That you will find in chapter 13 and moreover you can have better understanding on page no. 459.

Hope this helps.

Cheers,
jack