VPF::Отображение кода css - Форум программистов

21043

Дата 31.10.2008, 20:51 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 13.3.2008

Репутация: нет
Всего: 0

Здравствуйте!
Кто-нибуть помогите браузер отказывается отображать css-код ТЕГА OL...
Я честно всё проверил и перепроверил не знаю где ошибка! smile

Благодарю за помощь.

Код



<TABLE border="0"  align="center" valign="middle"  WIDTH="80%" cellSpacing="2px"
 cellPadding="0px" HSPACE="0px" VSPACE="0px" >
<TR>
 <td  align="center" > 
<P>
<ul class="asa" id="asa" >

<p class=s3>
Октябрь  2008 
</p>
<LI class="asa" id="asa" >
После долгого перерва на сайте вновь заработали опросы

</LI><br>


</UL>

</p>
</td></tr></table>

http://volvo-jastin.narod.ru/Other/Snap2.jpg

Код


#asa ul {
 font-family:Аrial;font-size:12px;color:FF0000;
 background-color:#ffffff;
 padding:2px; 
 margin:1px; }

#asa li {
      margin:0px;
      padding:3px;
      list-style-type:none;}


#asa li:before 

{content:"*";color:red;list-style-position:outside;font-family:Comic Sans 

MS;font-size:18PT;}

Это сообщение отредактировал(а) 21043 - 1.11.2008, 18:58

webster

Дата 31.10.2008, 21:02 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Здесь, в коде HTML, вы задаете класс:

Код


<ul class="asa">

В файле CSS пытаетесь обратиться к элементу по его уникальному идентификатору id, который у вас не объявлен:

Код


#asa ul

Правильно будет записывать в данном случае так:

Код


.asa ul

21043

Дата 31.10.2008, 21:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 13.3.2008

Репутация: нет
Всего: 0

DDD

Это сообщение отредактировал(а) 21043 - 1.11.2008, 18:56

webster

Дата 31.10.2008, 21:28 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Цитата(21043 @ 31.10.2008, 21:21

)

Так что ли???

http://w3schools.com/css/css_syntax.asp учитесь, молодой человек, читайте и учитесь.

Код


#asa

Это обращение к элементу с уникальным идентификатором id="asa"... УНИКАЛЬНОМУ, он может быть только один на странице с таким id.

Это сообщение отредактировал(а) webster - 31.10.2008, 21:46

21043

Дата 1.11.2008, 07:54 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 13.3.2008

Репутация: нет
Всего: 0

DDD

Это сообщение отредактировал(а) 21043 - 1.11.2008, 18:56

bars80080

Дата 1.11.2008, 10:17 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

<ul class="asa" id="asa" name="asa" > - это вообще к чему?

советую прочитать здесь http://stepbystep.htmlbook.ru/ три нижних раздела, займёт день-два, зато решишь для себя очень много проблем

Цитата(21043 @ 1.11.2008, 06:54

)

Что в нижеследующей конструкции не так(исправьте пожалуйста):

по мне так всё так, ибо как нужно - неизвестно

webster

Дата 1.11.2008, 20:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34

Постараюсь объяснить что к чему... Если вы пишите стили для класса, то именем класса вы можете назвать сколько угодно элементов на странице и ко всем к ним объявленные стили класса применятся, например:

Код


.asa {
color: red;
}

Код


<ul class="asa">
<li>...
...
</ul>

<ul class="asa">
<li>...
...
</ul>

<ul class="asa">
<li>...
...
</ul>

<ul class="asa">
<li>...
...
</ul>

Далее, это же имя "asa" вы можете использовать для обозначения уникального идентификатора - id - для элемента (но помните, что на каждой отдельной странице может быть только один элемент с таким обозначением идентификатора), например:

Код


#asa {
border-bottom: 1px solid;
}

Код


<ul class="asa" id="asa">
<li>...
...
</ul>

<ul class="asa">
<li>...
...
</ul>

<ul class="asa">
<li>...
...
</ul>

<ul class="asa">
<li>...
...
</ul>

Заметьте, что class="asa" и id="asa" не одно и тоже!
Если же вы попытаетесь поставить у нескольких элементов на странице абсолютно одинаковый идентификатор id="asa", то броузер применит стиль:

Код


#asa {
border-bottom: 1px solid;
}

только к первому элементу с id="asa" и не сообщит вам ни о какой ошибке, а если вы попытаетесь проверить вашу страницу на валидаторе, то он тутже укажет на ошибку, что не может быть два элемента на странице с одинаковым id.

Это сообщение отредактировал(а) webster - 1.11.2008, 21:01

21043

Дата 2.11.2008, 08:35 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 69
Регистрация: 13.3.2008

Репутация: нет
Всего: 0

Я в восторге, фэнкью вэри матч фор ансэ! smile

Это сообщение отредактировал(а) 21043 - 2.11.2008, 08:35

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »