Ru-Board.club
← Вернуться в раздел «Web-программирование»

» Вопросы по CSS

Автор: Vezlivii_Ham2
Дата сообщения: 04.12.2004 23:14
Xrobak
спасибо.

Добавлено
Xrobak
не работает... отображает как и обычную ссылку
Автор: bredonosec
Дата сообщения: 05.12.2004 04:29
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; }
Автор: Dead_Knight
Дата сообщения: 05.12.2004 12:19
Идиотский вопрос по 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 или таблицу.. В Моззиле он выходит за их пределы...
Автор: Vezlivii_Ham2
Дата сообщения: 05.12.2004 18:56
bredonosec

Цитата:
Хотя по спецификации должно бы..

В том-то и дело... не понимаю, почему не работает А вот твой вариант заработал Большое, тебе спасибо!

Ко всем:
Объясните мне, пожалуйста... В чем различие между CSS и CSS2 Что такое этот CSS2 и есть ли на него русская документация?
Автор: Xrobak
Дата сообщения: 05.12.2004 22:16

Цитата:

Объясните мне, пожалуйста... В чем различие между 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 ниразу не применял, как и сам тег этот никогда не использовал, и не знаю даже что он делает, но догадываюсь...
ЗЫ: а без него никак не обойтись? Думаю что его можно заменить другим тегом каким-то...
Автор: bredonosec
Дата сообщения: 06.12.2004 06:43

Цитата:
В чем различие между CSS и CSS2
Разница может быть меж CSS1 и CSS2 - как реализациями одной технологии.
Xrobak

Цитата:
действительно странно, у меня в ИЕ5 это все прекрасно работает,
- Я проверял тоже на ИЕ 5,0. Не работало.
Автор: DeadKnight
Дата сообщения: 06.12.2004 11:26
Вопрос снят

Если кому надо, то решением будет:

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 можно конечно сделать его аналог дивами, но так проще..
Автор: Xrobak
Дата сообщения: 06.12.2004 19:10

Цитата:
- Я проверял тоже на ИЕ 5,0. Не работало.

загадка природы получается...
Автор: Vezlivii_Ham2
Дата сообщения: 06.12.2004 22:56
Xrobak
ограменное спасибо тебе за линки! То что нужно!
Автор: Xrobak
Дата сообщения: 03.02.2005 17:25
Вот что есть:

Цитата:
<table border="1" bordercolor="red" cellpadding="4" cellspacing="1" width="100%">
<tr>
<td>ddddd</td>
<td>fffff</td>
</tr>
</table>

Как это же сделать при помощи ЦСС? Просто не получается бордерколор заменить с помощью ЦСС так, чтобы граница таблицы была и внутри раскрашена. Получилось у меня раскрасить с помощью ЦСС только внешнюю границу таблицы, а вот между ячейками таблицы как... ?
Автор: Advanced_Guest
Дата сообщения: 03.02.2005 17:32
Xrobak

Код:
TABLE.sometable{
border:1px solid red;
}
TABLE.sometable TD{
border:1px solid green;
}
Автор: Xrobak
Дата сообщения: 04.02.2005 14:28
Advanced_Guest
спасибо, работает, все элементарно оказалось, забыл про вложенные объекты просто
Кстати, так будет короче записать:

Цитата:
.sometable, .sometable td {border:1px solid red;}

Автор: Advanced_Guest
Дата сообщения: 05.02.2005 04:24

Такс, такой вопрос:

Как сказать блоку чтобы он всегда был внизу документа?

То есть не страницы, а имено документа.

например такой вариант:
#blok{
position:absolute;
bottom:0px;
left:0px;
}

ставит блок чтобы был в нижнем левом углу экрана, но если есть скролин и скролишь страницу = то кусок остаёться на месте.

Есть ли способ чтобы объект был внизу элемента боди в независимости от длинны документа ?

PS: вышепереведённый код ставит блок в самый низ страницы в опере.
И оставляет блок в низ экрана в IE и FireFox


Добавлено:
Ещё один вопрос:

Как заставить ИЕ запихнуть блок под другой блок ?
z-index:2;
z-index:1;
работает везде кроме ИЕ.

(при этом проблема что оба блока являються в других блоках, которые частично накладываються друг на друга).

Если никак через CSS, как можно через JS ?
Автор: Xrobak
Дата сообщения: 15.02.2005 15:46

Цитата:
Ещё один вопрос:
Как заставить ИЕ запихнуть блок под другой блок?

смотри сюда - _http://www.netadmin.ws/forum/showthread.php?s=&threadid=8695

Теперь вопрос от меня - наверное будет смешно узнать ответ, но всеже... Таблице можно задать атрибут выравнивания например по центру(экрана имеется ввиду), а как это сделать через ЦСС? Замечу что именно таблице выравнивание, а не ячейки...
Автор: XoioX
Дата сообщения: 18.01.2006 12:33
скажите, как сделать с помощью CCS , чтобы слово стоящее в теге
Код: B
Автор: Troitsky
Дата сообщения: 18.01.2006 12:49
XoioX

Код: b {font-weight: normal}
Автор: XoioX
Дата сообщения: 18.01.2006 16:29
Troitsky
спасибо огромное, работает! А я всё не мог вспомнить!
Автор: Mistake2
Дата сообщения: 14.05.2006 00:39
Сам пытаюсь во всем разобраться - поэтому появились проблемы
Если ли специальные "теги", указывающие расположение блоков (по цетнру, слева, справа)?
Автор: Troitsky
Дата сообщения: 14.05.2006 11:10
Mistake2

float
Возможные значения:
none - по умолчанию
left - слева
right - справа
Автор: Mistake2
Дата сообщения: 14.05.2006 11:13
Troitsky
это же обтекание!
Мне нужно, чтобы все блоки, вся структура находилась в центре независимо от разрешения монитора!
Автор: Troitsky
Дата сообщения: 14.05.2006 17:47
Mistake2

Цитата:
это же обтекание!

в некотором роде
Это указание поместить элемент в нужную часть родительского блока (экрана), так что обтекание будет происходить с противоположной стороны.
Например, float: right, все таки, помещает элемент в правую часть родительского блока, а не задает обтекание справа.
Автор: Mistake2
Дата сообщения: 14.05.2006 18:26
Troitsky
Проблема в том, что я не могу родительский блок поставить посередине!!!
Автор: morjov
Дата сообщения: 15.05.2006 00:32
Такая проблема.

Пытаюсь сделать так, чтобы вне зависимости от количества контента, содержимое было растянуто по вертикали. Делаю так:

Код:
...
<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>
Автор: Cheery
Дата сообщения: 15.05.2006 00:37
morjov

Цитата:
<div align="center" style="height:100%">
<div style="width:777px;height:100%">

смысл в двух подряд дивах?
да и перемудрил с числом таблиц..
ps: и об этом лучше тут
HTML: <TABLE HEIGHT=100%>/Таблица на всю высоту экрана
Автор: smartie
Дата сообщения: 17.05.2006 21:49
Mistake2
o Решение на основе отрицательных полей

Сначала создаем контейнер, абсолютно позиционируем его и задаем отступ от левой границы - 50 процентов. В результате левое поле объемлющего блока будет начинаться в середине страницы.

Затем левому полю контейнера присваивается отрицательное значение, равное половине ширины объемлющего элемента. В итоге объемлющий блок располагается точно по центру.

пример:

Код:
#container {
position: absolute;
left: 50%;

width: 760px;
margin-left: -380px;
}
Автор: Kobold
Дата сообщения: 18.05.2006 07:36
<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 (в отличие от метода с позиционированием).
Автор: Mistake2
Дата сообщения: 18.05.2006 09:01
smartie
Kobold
Попробую все варианты! Сообщу, что оптимальнее для моего случая!
Автор: Andrey1
Дата сообщения: 21.05.2006 14:31

Цитата:
body {
background: url(images/back.gif) repeat-x #0c7a0c;
}



Снизу вверх фон темнеет. Проблема в том, что цвет не чистый, а шумом. Как сделать так, чтобы после того как высота гифа закончится подгружался еще один файл вместо чистого цвета(#0c7a0c)?
Автор: Mistake2
Дата сообщения: 24.05.2006 20:46
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, а он не отображается!!! Хотя если просто поставить какой-нибудь цвет - отображается!!!
Автор: Xrobak
Дата сообщения: 24.05.2006 21:34

Цитата:
Я хочу поставить border-image, а он не отображается!!!

первый раз слышу про border-image

Код: background-image:url(path_to_image/your_image.jpg);

Страницы: 12345678910111213141516171819202122232425262728293031

Предыдущая тема: Вопрос к знатокам CSS


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.