2 replies [Last post]
KostaKondra
KostaKondra's picture
Offline
Enthusiast
Sydney
Last seen: 12 years 37 weeks ago
Sydney
Timezone: GMT+10
Joined: 2009-11-19
Posts: 68
Points: 87

1.
        background: #FFFFFF url(images/img01.gif) repeat-x left top;

Q1. What does left, top mean? It doesn't even have a value. It just says left, top. What advantage does using this value entail in the background property (this is located in the body section, what do you call that... the body class?

2.

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

Img.left >> does that mean an img tag that has the left alignment should always have a margin of 7px, 30px, 0, 0? By the way does the base margine rule go top, right, bottom, left or left, top, right, bottom?

3.        line-height: normal;
Would this only be used to over write another definition of line height that would be defined in a parent div etc.?

4.

.list1 li.alt img {
	margin-right: 0;
}

Woah...
So. .list1 means that it can be a class defined multiple time. But then .list1 li that would mean any li (list right?) with class set to "list1". THen they follow up li.alt, the alternative to li?? Can a list have a pop up like links? and then finally img... so it was an image the whole time... or are they saying an image in a list? Any clarification would be much appreciated, I will ask follow up if I don't understand.

5. margin: 0 auto;
In this case the margin is defined to 0. Yet then there is an argument of 'auto' which I assume is automatic. But wasn't the margin just defined to 0? Therfore it is not on its default or 'automatic' setting? What is the advantage of using 'auto'.

6. Have you noticed how CSS Layouts tend to be so precise, especially with graphical elements yet they make it look so simple (trully an elegant system). It's so maddening to try and figure out.

7.         background: url(images/img02.gif) no-repeat left top;
This part I think I understand. The backround image is img02.gif, it does not repeat or tile, and... it is shown once from the left and top... so in the left top corner. Am I right?

8. Are you overwhelmed? I hope not.

I have to get some rest... sorry no no. 9 and 10.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 20 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

KostaKonda most of thes

KostaKonda most of thes questions are to be answered through a little practical reading, this has been mentioned a few times now.

You have to start reading a few guides and specs we'll still be here to answer more detailed points that you are having a hard time grasping but we can't be simply considered a shortcut to these answers.

Most of the above questions are to do with the syntax and construction of property declarations, a basic area that requires understanding, and you must go through a few guides to prep yourself on these basics.

Google on 'CSS descendent selectors'

Check up on how to declare property shorthand values especially where units are concerned i.e top/right/bottom/left or in pairs top/bottom and right/left

7. yes you are spot on

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

KostaKondra
KostaKondra's picture
Offline
Enthusiast
Sydney
Last seen: 12 years 37 weeks ago
Sydney
Timezone: GMT+10
Joined: 2009-11-19
Posts: 68
Points: 87

You're Right

You're right. I will consult some CSS tutorials etc. before posting here in the future. You have a good point. I can imagine if everyone started asking 'what's a tag' and 'what does CSS stand for' the forum would resemble a pig farm.