[thehollow89]

I have a question about the formatting of my code. I think I might be using the wrong order or commas when I am supposed to use semi-colons.

body {font-family:Verdana, Helvetica, sans-serif; margin:0px; background:repeat-y, white, body.jpg}

[BetaWar]

Background has no need for commas between the elements. The reason that the font-family needs commas between the font names is because it will look for the first one in the list, and if that exists it will stop looking, otherwise it will continue down the list until it finds one or runs out of the lsit to check for (if that makes sense).

The correct way to have that code is like so:

body {
  font-family:Verdana, Helvetica, sans-serif; 
  margin:0px; 
  background: url(body.jpg) repeat-y white;
}

Now, that has spacing to make is easier to read, but you could do it all on one line by just removing the line breaks I added.

Hope that helps.

[bammurdo]

ust to add on from what BetaWar said :

you don't HAVE to do it like this :

p {
	 color:red;
}

you CAN do it the way you want, but when you go back to reading it, it is much easyer to read (if you do it the spread out way).

Infact ... there's an artical about this somewhere ... lemme fish it out ...

http://net.tutsplus....-for-beginners/

Number one on the list .

Choose the "group" you find easyist .

bam

[thehollow89]

I have to apply this style to the address element:
Display the address only when both margins are clear of floating elements.

[thehollow89]

I have to apply this style to the address element:
Display the address only when both margins are clear of floating elements.

[BetaWar]

Please stop posting new threads on the same topic. Merged.

[thehollow89]

Hi, I have been instructed that I have to apply the following styles:
Display the address only when both margins are clear of floating elements.

I can't really find the relevant information in my text. Any help?

[BetaWar]

Typically we require people to post some code to show they have actually tried to do this, but I will just give you a few hints in the right direction.

Basically, you don't want the address tag to have anything floating left or right of it, that means that you should clear the sides first. I suggest checking out these sites for more information on what CSS can do:
www.w3schools.com
www.tizag.com

[revolutionx]

Can you post the full HTML of the page in code tags, so I can take a look at what you're actually trying to style.

Also instead of

border: 1px; border-style: solid; border-color: black; 

you can just do

border: 1px solid black; 

It's a lot quicker, it also works on all things that have 4 sides, like padding, margin, borders etc.

so

margin:10px 5px 6px 8px;

And the order is Top, Right, Bottom then Left.

Finally.

.address is for a class called address
and #address would be for an ID - You should only have 1 ID with the same name, but you can have multiple classes with the same name for different IDs.

and just reference them by

#anID .someClass {}
#AnotherID .someClass {}

This post has been edited by revolutionx: 03 May 2010 - 03:11 PM

[mac10688]

This one is for my Dr. Singh peeps who stumble upon this!

The answer to your question:
I am having the same problem... I can't figure out how to "Display the address only when both margins are clear of floating elements."

is....

clear: both