|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
21.11.2012, 17:16 | #1 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
Не могу разобраться со стилями CSS
Бился сегодня целый день. Никак не могу разобраться.
Проблема вот в чём. Есть форма комментариев. У неё есть стиль (выделен красным). В таком виде всё работает. Но это определение типа, действует на весь документ. Мне-же нужно, что-бы этот стиль действлвал локально, в пределах div. Пробовал вынести его в файл index.css но он не подключается. Код:
Код:
Код:
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder Последний раз редактировалось Smitt&Wesson; 21.11.2012 в 18:04. |
21.11.2012, 18:49 | #2 | ||
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Цитата:
Цитата:
Ненавижу быть как все, но люблю, чтобы все были как я.
|
||
21.11.2012, 18:55 | #3 | |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
В том-то и дело, что я сам ничего не пойму. Знаю, что что-то не правильно делаю, но ЧТО?
Цитата:
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
|
21.11.2012, 19:11 | #4 |
Далеко не
Участник клуба
Регистрация: 11.08.2011
Сообщений: 1,512
|
Почему бы не задать div'у класс или id и в стилях добавить этот класс(id) и все...
|
21.11.2012, 19:18 | #5 |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
А по-подробнее можно? Я с CSS + PHP, вплотную, только сегодня столкнулся.
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
21.11.2012, 19:22 | #6 |
Регистрация: 21.11.2012
Сообщений: 4
|
Самое примитивное что можно Вам посоветовать это:
Вставьте в блок со стилями такой вот стиль: Код HTML:
.block a:link {text-decoration: none; color: #;} .block a:visited {text-decoration: none; color: #;} .block a:hover {text-decoration: none; color: #fff; background-color:#FF0032;} .block a:active {text-decoration: none; color: #;} .block hr {height: 0px; border: solid #3888C7 0px; border-top-width: 1px;} .block td,div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;} .block .post {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-color: silver; border-style:solid; border-width:1px;} .block textarea,input.post {background-color: #192D5F; color: #D0D0D0; border: 1px solid #D0D0D0;} .block .table {background-color: #192D5F; color: #D0D0D0; border: 1px solid #000; padding:5px;} Код HTML:
<div class="block"></div> В итоге: Код HTML:
$form=<<<EOD <style type="text/css"> .block a:link {text-decoration: none; color: #;} .block a:visited {text-decoration: none; color: #;} .block a:hover {text-decoration: none; color: #fff; background-color:#FF0032;} .block a:active {text-decoration: none; color: #;} .block hr {height: 0px; border: solid #3888C7 0px; border-top-width: 1px;} .block td,div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;} .block .post {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-color: silver; border-style:solid; border-width:1px;} .block textarea,input.post {background-color: #192D5F; color: #D0D0D0; border: 1px solid #D0D0D0;} .block .table {background-color: #192D5F; color: #D0D0D0; border: 1px solid #000; padding:5px;} </style> <div class="block"> <form id="commentForm" action="/comments.php" method="post"> <input type="hidden" name="page_id" value="$page_id" /> <input type="hidden" name="add" value="" /> <table width="380" border="0" class="table"> <tr> <td width="100px"><b>Ваше имя</b>:</td> <td><input type="text" name="name" class="post" id="name" style="width:280" maxlength="24" /></td> </tr> <tr> <td colspan="2"><textarea style="width:372px;height:100px" class="post" name="comment" id="comment" maxlength="500" onkeypress="return isNotMax(event)" /></textarea></td> </tr> <tr> <td align="left">Введите код</td> <td align="right"><small>Осталось <span id="countchars">500</span> символов</small></textarea></td> </tr> <tr> <td><img src="/comments.php?secpic" id="secpic_img" class="post" title="Для смены картинки щелкните по ней" onclick="document.getElementById('secpic_img').src = '/comments.php?secpic&' + Math.random(); return false" /><br><input type="text" name="secpic" id="secpic" style="width:82" title="Введите символы с картинки" class="post" maxlength="6" /><br /></td> <td align="center"><input type="submit" class="post" style="width:90px;height:18px" value="Отправить" /> <input type="reset" class="post" style="width:90px;height:18px" value="Очистить" /></td> </tr> </table></form></div> EOD; Последний раз редактировалось dima.horshenin; 21.11.2012 в 19:29. |
21.11.2012, 19:27 | #7 |
Далеко не
Участник клуба
Регистрация: 11.08.2011
Сообщений: 1,512
|
Smitt&Wesson, сделайте так как написал dima.horshenin я просто не успел написать..
|
21.11.2012, 19:40 | #8 | |
Старожил
Регистрация: 31.05.2010
Сообщений: 13,543
|
Цитата:
На такой "мелочи", целый день убил - обидно .
Пиши пьяным, редактируй трезвым.
Справочник по алгоритмам С++ Builder |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Не могу разобраться с Css кодом | Yaroslavovich | HTML и CSS | 0 | 01.06.2011 23:09 |
Не могу разобраться с CSS | Narvell3 | HTML и CSS | 3 | 14.02.2011 11:06 |
Код CSS не могу разобрать... | misher | HTML и CSS | 13 | 26.12.2010 21:42 |
Не могу разобраться с css | k2name | HTML и CSS | 2 | 31.05.2010 13:23 |
Не могу разобраться что за что отвечает в CSS | Maxs | HTML и CSS | 1 | 03.11.2009 18:35 |