Определить стиль тега Div - PullRequest
Новая
       12

Определить стиль тега Div

1 голос
/ 10 ноября 2009

Я хочу определить стиль Div на основе файла CSS. Код CSS, который я написал: 

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

Я хочу, чтобы фон каждой секции Div был светло-серым. Что не так с приведенным выше кодом?

Отредактировано:

Это мой HTML-код. Я изменил класс Div, как предложено ниже, но он не работает. Также проверьте, правильно ли тег Link содержит путь. Файл CSS находится в папке Lib, выше одного уровня. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Add/Update Political Party</title>
        <link rel="stylesheet" href=".\Lib\entryformstyle.css" type="text/css"/>
    </head>
    <body>
        <div id="sectionEntryForm" class="div">
            <table id="tblEntryForm" cols="2">
                <tr>
                    <td colspan="2" align="center">Add/Update Political Party</td>
                </tr>
                <tr>
                    <td>Party full name:</td>
                    <td><input id="inPartyFullName" name="inPartyFullName" accept="text/plain" maxlength="80" class="inputBoxStyle"></td>
                </tr>
                <tr>
                    <td>Party short name (initials):</td>
                    <td><input id="inPartyShortName" name="inPartyShortName" accept="text/plain" maxlength="80" class="inputBoxStyle"></td>
                </tr>
            </table>
        </div>
    </body>
</html>

Ответы [ 8 ]

4 голосов
/ 10 ноября 2009

Ничего, вам просто нужно использовать <div class="body">, чтобы заставить DIV его поднять.

2 голосов
/ 10 ноября 2009

Если ваш CSS-файл на один уровень выше , вы должны включить его следующим образом: 

<link rel="stylesheet" href="../lib/entryformstyle.css" type="text/css"/>
2 голосов
/ 10 ноября 2009

ALL DIVs: 

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

DIV с классом "тело": 

div.body
{
    text-align: center;
    padding: 1px;
    margin: 1px;
    color: black;
    background-color:lightgrey;
}
1 голос
/ 10 ноября 2009

Это работает только для класса "body", то есть 

 <div class="body">

Если вы хотите, чтобы он работал на любых элементах div, селектор (".body" в вашем примере кода) должен быть div.

1 голос
/ 10 ноября 2009

попробуйте удалить точку (.) Перед 'body'

edit: возможно, стоит прочесть этот пост

это объясняет разницу между "." и '#' при определении стилей.

0 голосов
/ 10 ноября 2009

Либо использовать 

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

чтобы установить цвет фона для всех div

Или используйте 

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

и установите <div class="body"></div> для каждого деления.

Вы можете использовать встроенную таблицу стилей как: 

<div style="background-color:lightgrey;"></div>
0 голосов
/ 10 ноября 2009

Попробуйте изменить: 

background-color:lightgrey;

до 

background-color:silver;

или 

background-color:#CCC;

Предполагается, что к вашему div применен класс body: 

<div class="body"></div>
0 голосов
/ 10 ноября 2009

Чтобы этот стиль работал, ваш div должен быть написан так: 

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

Другими словами, . перед телом в вашем css указывает браузеру применить стиль в фигурных скобках к элементу, чей class называется body .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...