Xrobak
спасибо.
Добавлено
Xrobak
не работает... отображает как и обычную ссылку
спасибо.
Добавлено
Xrobak
не работает... отображает как и обычную ссылку
» Вопросы по CSS
Vezlivii_Ham2
Цитата:
Вот такое сработало:
Код:
a#a1:link { FONT: 10pt/10pt Times New Roman, Arial, Helvetica, Sans-Serif #8888ff; }
a#a1:hover { FONT: 10pt/12pt Verdana, Arial, Helvetica, Sans-Serif #88ff08; }
a#a1:visited { FONT: 10pt/10pt Verdana, Arial, Helvetica, Sans-Serif #8800ff; }
Цитата:
не работает... отображает как и обычную ссылкуЯ тут потыкал.. тож не захотело почему-то. Хотя по спецификации должно бы..
Вот такое сработало:
Код:
a#a1:link { FONT: 10pt/10pt Times New Roman, Arial, Helvetica, Sans-Serif #8888ff; }
a#a1:hover { FONT: 10pt/12pt Verdana, Arial, Helvetica, Sans-Serif #88ff08; }
a#a1:visited { FONT: 10pt/10pt Verdana, Arial, Helvetica, Sans-Serif #8800ff; }
Идиотский вопрос по fieldset, а именно как сделать его нормальным размером во все окно
пример css
body {margin:0;padding:3px;}
fieldset {height:100%;width:100%}
...
<body>
<fieldset><legend>test</legend>
TEST
</fieldset>
</body>
В ИЕ все нормально, а в Моззиле появляется скроллинг, тоже возникает и при:
body {margin:0;padding:0;}
fieldset {height:100%;width:100%;margin:3px;}
Еще интереснее ситуация, если fieldset поместить в div или таблицу.. В Моззиле он выходит за их пределы...
пример css
body {margin:0;padding:3px;}
fieldset {height:100%;width:100%}
...
<body>
<fieldset><legend>test</legend>
TEST
</fieldset>
</body>
В ИЕ все нормально, а в Моззиле появляется скроллинг, тоже возникает и при:
body {margin:0;padding:0;}
fieldset {height:100%;width:100%;margin:3px;}
Еще интереснее ситуация, если fieldset поместить в div или таблицу.. В Моззиле он выходит за их пределы...
bredonosec
Цитата:
В том-то и дело... не понимаю, почему не работает А вот твой вариант заработал 
Большое, тебе спасибо!
Ко всем:
Объясните мне, пожалуйста... В чем различие между CSS и CSS2 Что такое этот CSS2 и есть ли на него русская документация?
Цитата:
Хотя по спецификации должно бы..
В том-то и дело... не понимаю, почему не работает
А вот твой вариант заработал Большое, тебе спасибо! Ко всем:
Объясните мне, пожалуйста... В чем различие между CSS и CSS2 Что такое этот CSS2 и есть ли на него русская документация?
Цитата:
Объясните мне, пожалуйста... В чем различие между CSS и CSS2 Что такое этот CSS2 и есть ли на него русская документация?
Appendix B. Changes from CSS1 - отличия от CSS1
А если в двух словах - что-то усовершенствовалось, что-то появилось новое и т.п. Вобщем читай и отличия увидиш сам, перечислять тут их не уместно...
Переводы:
Спецификация CSS2 - Software Projects Department of Stack Ltd.
Спецификация CSS2 - Alexandr Pyramidin
Цитата:
не работает... отображает как и обычную ссылку
действительно странно, у меня в ИЕ5 это все прекрасно работает, правда у меня цвет ссылок задается не в RGB, а в HEX (но мало вероятно что в этом проблема)...
Dead_Knight
CSS к fieldset ниразу не применял, как и сам тег этот никогда не использовал, и не знаю даже что он делает, но догадываюсь...
ЗЫ: а без него никак не обойтись? Думаю что его можно заменить другим тегом каким-то...
Цитата:
В чем различие между CSS и CSS2Разница может быть меж CSS1 и CSS2 - как реализациями одной технологии.
Xrobak
Цитата:
действительно странно, у меня в ИЕ5 это все прекрасно работает,- Я проверял тоже на ИЕ 5,0. Не работало.
Вопрос снят
Если кому надо, то решением будет:
body {border:0;padding:0 30px 30px 2px;margin:0}
fieldset {width:100%;height:100%}
* html body {padding:2px 2px 3px 4px;}
Специальное спасибо сайту http://www.dithered.com/css_filters/css_only/index.php
2Xrobak можно конечно сделать его аналог дивами, но так проще..
Если кому надо, то решением будет:
body {border:0;padding:0 30px 30px 2px;margin:0}
fieldset {width:100%;height:100%}
* html body {padding:2px 2px 3px 4px;}
Специальное спасибо сайту http://www.dithered.com/css_filters/css_only/index.php
2Xrobak можно конечно сделать его аналог дивами, но так проще..
Цитата:
- Я проверял тоже на ИЕ 5,0. Не работало.
загадка природы получается...
Xrobak
ограменное спасибо тебе за линки! То что нужно!
ограменное спасибо тебе за линки! То что нужно!
Вот что есть:
Цитата:
Как это же сделать при помощи ЦСС? Просто не получается бордерколор заменить с помощью ЦСС так, чтобы граница таблицы была и внутри раскрашена. Получилось у меня раскрасить с помощью ЦСС только внешнюю границу таблицы, а вот между ячейками таблицы как... ?
Цитата:
<table border="1" bordercolor="red" cellpadding="4" cellspacing="1" width="100%">
<tr>
<td>ddddd</td>
<td>fffff</td>
</tr>
</table>
Как это же сделать при помощи ЦСС? Просто не получается бордерколор заменить с помощью ЦСС так, чтобы граница таблицы была и внутри раскрашена. Получилось у меня раскрасить с помощью ЦСС только внешнюю границу таблицы, а вот между ячейками таблицы как... ?
Xrobak
Код:
TABLE.sometable{
border:1px solid red;
}
TABLE.sometable TD{
border:1px solid green;
}
Код:
TABLE.sometable{
border:1px solid red;
}
TABLE.sometable TD{
border:1px solid green;
}
Advanced_Guest
спасибо, работает, все элементарно оказалось, забыл про вложенные объекты просто
Кстати, так будет короче записать:
Цитата:
спасибо, работает, все элементарно оказалось, забыл про вложенные объекты просто
Кстати, так будет короче записать:
Цитата:
.sometable, .sometable td {border:1px solid red;}
Такс, такой вопрос:
Как сказать блоку чтобы он всегда был внизу документа?
То есть не страницы, а имено документа.
например такой вариант:
#blok{
position:absolute;
bottom:0px;
left:0px;
}
ставит блок чтобы был в нижнем левом углу экрана, но если есть скролин и скролишь страницу = то кусок остаёться на месте.
Есть ли способ чтобы объект был внизу элемента боди в независимости от длинны документа ?
PS: вышепереведённый код ставит блок в самый низ страницы в опере.
И оставляет блок в низ экрана в IE и FireFox
Добавлено:
Ещё один вопрос:
Как заставить ИЕ запихнуть блок под другой блок ?
z-index:2;
z-index:1;
работает везде кроме ИЕ.
(при этом проблема что оба блока являються в других блоках, которые частично накладываються друг на друга).
Если никак через CSS, как можно через JS ?
Цитата:
Ещё один вопрос:
Как заставить ИЕ запихнуть блок под другой блок?
смотри сюда - _http://www.netadmin.ws/forum/showthread.php?s=&threadid=8695
Теперь вопрос от меня - наверное будет смешно узнать ответ, но всеже... Таблице можно задать атрибут выравнивания например по центру(экрана имеется ввиду), а как это сделать через ЦСС? Замечу что именно таблице выравнивание, а не ячейки...
скажите, как сделать с помощью CCS , чтобы слово стоящее в теге
Код: B
Код: B
XoioX
Код: b {font-weight: normal}
Код: b {font-weight: normal}
Troitsky
спасибо огромное, работает! А я всё не мог вспомнить!
спасибо огромное, работает! А я всё не мог вспомнить!
Сам пытаюсь во всем разобраться - поэтому появились проблемы
Если ли специальные "теги", указывающие расположение блоков (по цетнру, слева, справа)?
Если ли специальные "теги", указывающие расположение блоков (по цетнру, слева, справа)?
Mistake2
float
Возможные значения:
none - по умолчанию
left - слева
right - справа
float
Возможные значения:
none - по умолчанию
left - слева
right - справа
Troitsky
это же обтекание!
Мне нужно, чтобы все блоки, вся структура находилась в центре независимо от разрешения монитора!
это же обтекание!
Мне нужно, чтобы все блоки, вся структура находилась в центре независимо от разрешения монитора!
Mistake2
Цитата:
в некотором роде
Это указание поместить элемент в нужную часть родительского блока (экрана), так что обтекание будет происходить с противоположной стороны.
Например, float: right, все таки, помещает элемент в правую часть родительского блока, а не задает обтекание справа.
Цитата:
это же обтекание!
в некотором роде
Это указание поместить элемент в нужную часть родительского блока (экрана), так что обтекание будет происходить с противоположной стороны.
Например, float: right, все таки, помещает элемент в правую часть родительского блока, а не задает обтекание справа.
Troitsky
Проблема в том, что я не могу родительский блок поставить посередине!!!
Проблема в том, что я не могу родительский блок поставить посередине!!!
Такая проблема.
Пытаюсь сделать так, чтобы вне зависимости от количества контента, содержимое было растянуто по вертикали. Делаю так:
Код:
...
<style>
body{
height:100%;
}
</style>
....
<div align="center" style="height:100%">
<div style="width:777px;height:100%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
...
</table>
</div>
</div>
Пытаюсь сделать так, чтобы вне зависимости от количества контента, содержимое было растянуто по вертикали. Делаю так:
Код:
...
<style>
body{
height:100%;
}
</style>
....
<div align="center" style="height:100%">
<div style="width:777px;height:100%">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
...
</table>
</div>
</div>
morjov
Цитата:
смысл в двух подряд дивах?
да и перемудрил с числом таблиц..
ps: и об этом лучше тут
HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана
Цитата:
<div align="center" style="height:100%">
<div style="width:777px;height:100%">
смысл в двух подряд дивах?
да и перемудрил с числом таблиц..
ps: и об этом лучше тут
HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана
Mistake2
o Решение на основе отрицательных полей
Сначала создаем контейнер, абсолютно позиционируем его и задаем отступ от левой границы - 50 процентов. В результате левое поле объемлющего блока будет начинаться в середине страницы.
Затем левому полю контейнера присваивается отрицательное значение, равное половине ширины объемлющего элемента. В итоге объемлющий блок располагается точно по центру.
пример:
Код:
#container {
position: absolute;
left: 50%;
width: 760px;
margin-left: -380px;
}
o Решение на основе отрицательных полей
Сначала создаем контейнер, абсолютно позиционируем его и задаем отступ от левой границы - 50 процентов. В результате левое поле объемлющего блока будет начинаться в середине страницы.
Затем левому полю контейнера присваивается отрицательное значение, равное половине ширины объемлющего элемента. В итоге объемлющий блок располагается точно по центру.
пример:
Код:
#container {
position: absolute;
left: 50%;
width: 760px;
margin-left: -380px;
}
<body><div id="body1">
Все остальное тут
</div></body>
body { text-align: center; }
#body1 { width: 760px; margin: 0 auto; text-align: left; }
Вот и всё. Работает как в нормальных браузерах, так и в уродствах вроде 5-го IE. Переопределение text-align в других элементах не требуется. Не уродует normal flow, и позволяет растянуть фон body до высоты body1 (в отличие от метода с позиционированием).
Все остальное тут
</div></body>
body { text-align: center; }
#body1 { width: 760px; margin: 0 auto; text-align: left; }
Вот и всё. Работает как в нормальных браузерах, так и в уродствах вроде 5-го IE. Переопределение text-align в других элементах не требуется. Не уродует normal flow, и позволяет растянуть фон body до высоты body1 (в отличие от метода с позиционированием).
smartie
Kobold
Попробую все варианты! Сообщу, что оптимальнее для моего случая!
Kobold
Попробую все варианты! Сообщу, что оптимальнее для моего случая!
Цитата:
body {
background: url(images/back.gif) repeat-x #0c7a0c;
}
Снизу вверх фон темнеет. Проблема в том, что цвет не чистый, а шумом. Как сделать так, чтобы после того как высота гифа закончится подгружался еще один файл вместо чистого цвета(#0c7a0c)?
Kobold
smartie
Я сделал по-своему. Теперь вроде все нормально.
Однако появилась другая проблема! В "подвале" не хочет отображать бэкграунд!!!
Такая вот схема:
...
<div id=container>
<div id=header>
</div>
<div id=leftbar>
</div>
<div id=rightbar>
</div>
<div id=body>
</div>
<div id=bottom>
</div>
<div>
...
Выделенная область и есть подвал! Я хочу поставить background-image, а он не отображается!!! Хотя если просто поставить какой-нибудь цвет - отображается!!!
smartie
Я сделал по-своему. Теперь вроде все нормально.
Однако появилась другая проблема! В "подвале" не хочет отображать бэкграунд!!!
Такая вот схема:
...
<div id=container>
<div id=header>
</div>
<div id=leftbar>
</div>
<div id=rightbar>
</div>
<div id=body>
</div>
<div id=bottom>
</div>
<div>
...
Выделенная область и есть подвал! Я хочу поставить background-image, а он не отображается!!! Хотя если просто поставить какой-нибудь цвет - отображается!!!
Цитата:
Я хочу поставить border-image, а он не отображается!!!
первый раз слышу про border-image
Код: background-image:url(path_to_image/your_image.jpg);
Страницы: 12345678910111213141516171819202122232425262728293031
Предыдущая тема: Вопрос к знатокам CSS
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.