Вопрос
Где взять полное описание CSS, поддерживаемое броузером MSIE, начиная с 4.0?
Ответ
Если нужно _полное_ описание, сходи на
http://w3c.org
Из конференции Expert_FAQ
Вопрос
Подскажите, как в CSS задать следующие параметры, соответствующие параметрам HTML для таблиц:
cellpadding
cellspacing
align
Ответ
padding
letter-spacing
text-align
Из конференции Inet_prog
Вопрос
Как в элементе «button» указать фиксированный размер кнопки. Она зависит от размера надписи, несколько штук подряд выглядят плохо, надо их сделать одного размера. Забивать документ неразрывными пробелами — некрасивое решение, мне кажется.
Ответ
В атрибут style тэга INPUT поставь строку такого вида:
WIDTH: ШИРИНАpx; HEIGHT: ВЫСОТАpx
Например:
<INPUT type="button" value="Button" id=b1 name=b1 style="WIDTH: 235px; HEIGHT: 71px">
Сурменок Павел
Вопрос
Можно ли, без использования дополнительных таблиц, задать картинке жесткие координаты в пространстве странички, т.е. относительно верхнего левого угла?
Ответ
<div style=&qout;position: absolute;
top: 100;
left: 100;">
<!-- Все что угодно -->
</div>
Вопрос
Во фрейме есть полоса прокрутки, можно ли задать цвет для нее?
Ответ
<style type=text/css><br>
BODY { scrollbar-face-color: #00cc00;
scrollbar-shadow-color: #00cc00;
scrollbar-highlight-color: #00cc00;
scrollbar-3dlight-color: #00cc00;
scrollbar-darkshadow-color: #00cc00;
scrollbar-track-color: #006699;
scrollbar-arrow-color: #006699
}
</style>
Вопрос
Как из TEXTAREA убрать скроллбар?
Ответ
Это поможет:
<TEXTAREA STYLE="overflow:hidden">
Вадим
Вопрос
Подскажите, как сделать формы ввода, jump-меню и т.п. без объема, без теней и прочей Windows-тематики?
Ответ
INPUT {border-width:1; border-color:#000000;}
Shemyakin Dmitry
Вопрос
Нужно несколько ссылок оформить цветом, отличным от прописанного в файле .CSS или за тегом <STYLE type=text/css> заголовка страницы. Сохранять нужный вид ссылки в виде графического файла, а затем вставлять в веб-документ картинку, меня не устраивает.
Ответ
Если через CSS, то можно сделать так: в файле описания стилей (или в документе в разделе описания CSS) описываешь свой класс для ссылок. Например:
A.myclass {COLOR:red}.
Можно добавить также и
A.myclass:hover {COLOR:yellow}.
А особенные ссылки оформлять так:
<A href="link" CLASS="myclass">Текст ссылки</A>
Если через HTML — тогда вообще просто:
<a …><font color=green>text</font></a>
James
Вопрос
Как поменять маркер для списка в тэге <ul>?
Ответ
Нарисовать свою картинку, изображающую маркер. Потом в текст страницы в секцию HEAD вставить:
<style type="text/css">
<! ul { list-style: url("имя файла") disk } -->
</style>
Если картинка будет недоступна, будет отображен disk
A.Z.
Вопрос
Как помещать различного рода объекты (картинки, флэш-ролики, текст и т.д.) поверх html-документа, и в каких браузерах это будет работать?
Ответ
Помещать объекты возможно посредством применения стилей, а именно: в HTML версии 4.0 появился параметр z-index — это так называемый номер слоя. Значения которого следующие:
z-index:0 — основной слой (слой текста)
z-index:1 — слой над текстом
z-index:-1 — слой под текстом.
Например:
<img src="pict.jpg" style="position:relative;top:0;left:0;z-index:2">
******
1. Тег <html> должен быть таким:
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">
2. Между тегами <head> и </head> нужно вставить это:
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
3. Далее, после тега <body> вставь это:
<v:shape id="_x0000_s1026" type="#_x0000_t75" style='position:absolute;
margin-left:хххpx;margin-top:хххpx;width:хххpx;height:хххpx;z-index:1'>
<v:imagedata src="рисунок.jpg" o:title="AN01124_"/>
</v:shape>
Вместо ххх вставь свои числа
(margin-left — отступ слева; margin-top — отступ справа) Значения "width" и "height" — обязательны.
Если поместить текст (который под цифрой 3) не после <body>, а, например в ячейку таблицы, то отступы будут от границ этой ячейки. Работает только в Internet Explorer!
fort
Вопрос
Страница состоит из 4-х файлов: index.shtml, 1.htm, 2.htm, 3.htm, 4.htm. Я применяю связанный стиль (2.css) к файлу 2.htm, и он применяется для 3.htm, 4.htm. Как можно запретить для файлов 3.htm,4.htm. использование стиля?
Ответ
Дело в том, что стиль применяется к собранному файлу, который получает пользователь. Он и не подозревает, что файл собран из 1/2/3.html.
Все теги, определенные в файле стиля, можно объединить в классы. Скажем, для файла 2.htm определить класс 2htm, для 3.htm — класс 3htm и т.д. Потом при каждом нужном теге ставить класс, например, <DIV CLASS="3htm">.
А вообще, практически каждый тег имеет свойство STYLE, в котором можно определить все атрибуты CSS прямо внутри конкретного тега. Этот метод называется inline style и имеет более высокий приоритет для данного тега, нежели свойства из файла CSS.
Вопрос
Можно ли создать текст, сдвинутый вправо, но выровненный по левому краю (как в Ворде, при нажатии кнопки «увеличить отступ»)? Вообще можно ли средствами CSS регулировать отступы между абзацами? Выступы текста в списках? Поля?
Ответ
Используются параметры margin-top, margin-bottom, margin-left, margin-right. Есть также padding-top, padding-bottom, padding-left, padding-right. Первые отвечают за отступ за пределами border'а, вторые — внутри границы.
Отступ слева делается так:
<P style="margin-left : 30pt">
Параметр style может быть у каждого тега (правда, он может не для всех сработать), т.е. можешь аналогично писать
<A style="margin-left : 30pt">
<H1 style="margin-left : 30pt">
<DIV style="margin-left : 30pt">
и т.д. В данном случае «30» — это величина отступа, а «pt» — единица измерения. Помимо «pt» есть еще куча разных, например, em, ex, px, pc, mm, cm, in
Советую ознакомиться с документацией CSS.
Goltsov Dmitry
Вопрос
Подскажите, как с помощью CSS проще всего изобразить слово (текст), каждый символ которого другим цветом. тэг font — нежелателен, а все мне известные блоки сделают перевод абзаца.
Ответ
Запиши слово «жирностью» bold. Сделай псевдокласcы на цвета:
.RED { color: red; }
.BLUE { color: blue; }
.GRAY { color: gray; }
После этого в теле документа свое слово пишешь так:
<B CLASS="red">M</B>
<B CLASS="blue">A</B>
<B CLASS="gray">N</B>
Вот еще один вариант, правда на JavaScript. Более громоздкий, но зато более универсальный.
1. файл blik.js
// ВЫВОД ТЕКСТА
function toHex(dec) {
var hexCharacters = "0123456789ABCDEF";
if (dec < 0) return "00";
if (dec > 255) return "FF";
return
hexCharacters.charAt(Math.floor(dec/16))+hexCharacters.charAt(dec%16);
}
function
ColorWrite(toR,toG,toB,doR,doG,doB,textCol,period)
{
var i,t,StR,StG,StB;
period=(period==null)?textCol.length:period;
t=period/2;
var StR=(doR-toR)/(t); var StG=(doG-toG)/(t);
var StB=(doB-toB)/(t);
for (i=0; i<textCol.length; i++)
{
if ((i % period)<t)
{
toR+=StR; toG+=StG;
toB+=StB;
}
else
{
toR-=StR; toG-=StG; toB-=StB;
}
document.write('<font
color=#'+toHex(toR)+toHex(toG)+toHex(toB)+'>'+textCol.charAt(i));
}
}
2. в хтмл:
…
<script language=javascript src="../common/blik.js">
</script>
…
<BODY>
…
<script>
<!ColorWrite(0,0,64,0,128,213,"Welcome to the Мою Страничку"); // -->
</script>
…
Вопрос
Имеется следующее:
<table>
..
<TD NOWRAP>
<A class=smenu href="left.htm" target="left_f" title="Link">
Link </A>
</TD>
..
</table>
Что нужно добавить, чтобы после нажатие на линк фокус убирался с него?
Ответ
<A onFocus="this.blur()" class=smenu href="left.htm" target="left_f" title="Link">
Your text</A>
Maxim
Вопрос
Имеется следующее:
<A href="left.htm" target="left_f">Link</A>.
Что нужно добавить, чтобы после нажатия на линк фокус с него убирался?
Ответ
<A onFocus="this.blur()" href="left.htm" target="left_f">Your text</A>
Maxim
Вопрос
Есть таблица:
<table>
<tr>
<td class=text bgcolor="#CCCCCC" style="cursor:hand" onMouseOver="this.style.background='#96A096'" onMouseOut="this.style.background='#CCCCCC'">
</td>
</tr>
</table>
В IE при наведении на эту таблицу указатель мыши меняется с стрелочки на кистью и пальцем, как при наведении на ссылку, а в OPERE ничего не меняется.
Что нужно сделать с этим тегом, что бы в IE эффект был такой же как и в Opera`е? Т.е. как убрать внешнее ощущение ссылки при наведении на такую таблицу?
Ответ
А не пробовал убрать style="cursor:hand".
<table> <tr> <td class=text bgcolor="#CCCCCC" onMouseOver="this.style.background='#96A096'" onMouseOut="this.style.background='#CCCCCC'"> </td> </tr> </table>
Из конференции Expert_FAQ
Вопрос
Как уменьшить отступы сверху и снизу, которые появляются при использовании тэга <form>…</form>?
Ответ
<style type="text/css">
.minmargins{margin-top:0;margin-bottom:0;}
</style>
<form class=minmargins name="exact" method="get" action="http://someurl.com/cgi-bin/script.pl">
…
</form>
Вопрос
Для ячейки таблицы я задал толщину границы 1pt. Если ячейка одна, все нормально, но если ячеек несколько, то в местах их «соприкосновения» граница получается удвоенной толщины. Как этого избежать?
Ответ
Надо для всех ячеек, кроме первой, стилизовать только верхнюю, нижнюю и правую границу. А для первой тот же стиль, только с левой границей (с использованием span). Вот так:
.all { border-top: thin dotted #00FFFF;
border-right: thin dotted #00FFFF;
border-bottom: thin dotted #00FFFF;}
.first {border-left : thin dotted #00FFFF; }
Mr. Eli Shavit
Вопрос
Я хочу, чтобы на моем сайте ссылки подчеркивались при наведении. Как при наведении изменять цвет, я знаю: A:hover {color: #98C8C8}</style>. Наверное, что-то здесь нужно дописать?
Ответ
Да. Для начала нужно убрать подчеркивание из ссылок: a { text-decoration: none }. А потом добавить подчеркивание для hover'а: a:hover { text-decoration: underline }. Можно подставить, по вкусу, overline (черта над текстом), line-through (перечеркнутый текст), можно комбинировать эти свойства.
Кстати, есть еще:
font-style — устанавливает начертание шрифта (normal — обычное, italic — курсив, oblique — наклонное).
font-weight — устанавливает, насколько шрифт должен быть жирным (normal или bold или bolder или lighter; по умолчанию normal).
Александр
Вопрос
Уже 3 месяца работаю над сойзанием сайта и еще ниразу не использовал CSS…!!!
Но чувствую что я что то по этому упускаю…
Может скажите чем реально может помочь CSS?
А еще желательно что бы вы мне дали несколько самых лучших примеров работы с CSS.
Ответ
CSS реально облегчает страницы. Один раз закачав CSS файл, браузер кэширует его и больше с сервака он не грузиться. Да и один раз определив параметры тега, вам не придеться мучиться с описанием туевой хучи параметров.
Из конференции Expert_FAQ
Copyright 
2000-2004 Сообщество Чайников
Контактная информация