ansaurus

Question

Define style of Div tag

Answer 1

+1 A:

try deleting the period (.) before 'body'

edit: it is also probably worth having a quick read of this post

it explains the difference between "." and '#' when defining styles.

JT.WK 2009-11-10 08:07:13

In this case, it would be better to replace `.body` with `div`.

Aaron Digulla 2009-11-10 08:08:52

@JT: The CSS worked when I deleted the period, but it is not recognizing the class name. Also, can I define my own class name?

RPK 2009-11-10 08:10:53

yep! you can, however you will need to add reference it with the period (.) and the new class name; ie .myClass{background-color:lightgrey;}

JT.WK 2009-11-10 08:13:39

-> this is assuming you have defined the class with: <div class="myClass"></div>

JT.WK 2009-11-10 08:17:29

Also try replacing the period with a #

JT.WK 2009-11-10 08:52:38

Answer 2

+1 A:

This only works on the class "body", that is

 <div class="body">

If you want it to work on any divs, the selector (".body" in your sample code) should be div.

Johannes Hoff 2009-11-10 08:08:17

Answer 3

+3 A:

Nothing, you just have to use <div class="body"> to make the DIV pick it up.

Aaron Digulla 2009-11-10 08:08:17

Answer 4

A:

For this style to work, your div needs to be written like this:

<div class="body">Your text here</div>

In other words, the . in front of the body in your css tells the browser to apply the style in the braces to an element whose class is named body.

Shoko 2009-11-10 08:08:46

Answer 5

A:

Try changing:

background-color:lightgrey;

to

background-color:silver;

or

background-color:#CCC;

This is assuming that your div has the body class applied:

<div class="body"></div>

Luke Bennett 2009-11-10 08:10:00

`lightgrey` is an allowed value: http://www.w3.org/TR/css3-color/#svg-color

Johannes Hoff 2009-11-10 08:15:46

Ah thanks - I did a quick check but obviously not thorough enough!

Luke Bennett 2009-11-10 10:53:42

Answer 6

+1 A:

ALL DIVs:

div
{
    text-align: center;
    padding: 1px;
    margin: 1px;
    color: black;
    background-color:lightgrey;
}

DIVs with class "body":

div.body
{
    text-align: center;
    padding: 1px;
    margin: 1px;
    color: black;
    background-color:lightgrey;
}

Nimbuz 2009-11-10 08:14:54

Answer 7

+2 A:

If your CSS file is up one level, you have to include it like this:

<link rel="stylesheet" href="../lib/entryformstyle.css" type="text/css"/>

Franz 2009-11-10 08:28:09

@Franz: It worked, but it is aligning in center in IE, but not in FireFox?

RPK 2009-11-10 08:35:05

Try to use `.div, .div * {` as the selector.

Franz 2009-11-10 09:15:06

Answer 8

A:

tip: for the links inside html use / not \ :)

Ibrahim AbuRajab 2009-11-10 08:35:28

Answer 9

A:

Either use

div
{
    text-align: center;
    padding: 1px;
    margin: 1px;
    color: black;
    background-color:lightgrey;/*#CCC*/
}

to set background color of all div

Or use

div.body
{
    text-align: center;
    padding: 1px;
    margin: 1px;
    color: black;
    background-color:lightgrey;
}

and set <div class="body"></div> for each div.

You can use inline stylesheet as :

<div style="background-color:lightgrey;"></div>

Himadri 2009-11-10 09:13:09

ansaurus

tags:

views:

answers:

Define style of Div tag

related questions