such an incredible height
1. что-то я ступила.
как мне сделать следующее:



чтоб обведенная рамка была такой же ширины, как и рамка вокруг поста?
я в генераторе кода просто ширину между блоками вписала - ноль пикселей, но получается, что рамки наложились и между блоком меню и блоком самих записей стала вдвое толще... как это убрать?

2. как можно обвести в рамки отдельные части пунктов меню?
в общем как здесь:
pay.diary.ru/~nulalore/

ответ получен:
div.pageBar, div.menuSection, div.singlePost, .calnd { background: #000000; border-width:2px; border-color:#ffffff; border-style:dotted; padding:7px;}



3. не имеет отношения к цсс, но вдруг кто знает.
хочу вставить в эпиграф анимированную картинку, формат - gif, нажимаю на "вставить изображение" - ноль реакции, неанимированные вставляются, а анимация не хочет. в чем проблема?

заранее благодарю за ответы и извиняюсь, если сморозила глупость)))

Комментарии
02.01.2008 в 00:15

dont care
1. #side {border-right:0px; }
2. .menuSection {border:1px solid #000; }
02.01.2008 в 04:14

Невозможное возможно в стране возможностей больших!
Annahita
Здраствуйте!

По поводу первого могу посоветовать следующее:
1) Если дизайн табличный, т.е все строится на основе тага TABLE, то можно указать для этого тега вот такой атрибут:
...


2) Если дизайн на блоках, т.е присутсвует тег div, то простого для левого блока задаете рамку справа толщиной в ноль пикселов, а для правого у левой границы ставите толщину кажется в 2 пиксела, если смотреть на скриншот:

...




...



По поводу второго сказать ничего не могу, так как Ваш дневник заблокирован для меня из-за ограниченой политики безопасности.

Ну а в третьем, там все просто, вставляете анимированную картинку при помоще тега img и все будет работать нормально, сам првоерял...:
Анимированная картинка

Не забудьте только в нстройках браузера включить опцию "Показывать анимированные gif картинки" или что-то в этом роде...

Всего хорошего!!!


02.01.2008 в 04:22

Невозможное возможно в стране возможностей больших!
Тьфу, забыл, что тут теги автоматом верезаются из постов при генерации стриницы, поэтому пишу заново:
Annahita
Здраствуйте!

По поводу первого могу посоветовать следующее:
1) Если дизайн табличный, т.е все строится на основе тага TABLE, то можно указать для этого тега вот такой атрибут:
#table# style="border-collapse:collapse"#...#/table#
2) Если дизайн на блоках, т.е присутсвует тег div, то простого для левого блока задаете рамку справа толщиной в ноль пикселов, а для правого у левой границы ставите толщину кажется в 2 пиксела, если смотреть на скриншот:
#!-- Для левого блока --#
#div style="border-right-width: 0px"#...#/div#

#!-- Для правого блока --#
#div style="border-left: 2px solid #fff"#...#/div#

По поводу второго сказать ничего не могу, так как Ваш дневник заблокирован для меня из-за ограниченой политики безопасности.

Ну а в третьем, там все просто, вставляете анимированную картинку при помоще тега img и все будет работать нормально, сам првоерял...:
#img src="animate.gif" alt="Анимированная картинка"#

Не забудьте только в нстройках браузера включить опцию "Показывать анимированные gif картинки" или что-то в этом роде...

Всего хорошего!!!

Шарпы "#" соотвественно заменяються на знаки "меньше"/"больше" для открывающих/закрывающих тегов. Усе..)
02.01.2008 в 15:29

such an incredible height
asphyxiate
не помогло ни первое, ни второе))

alaz
спасибо, сейчас буду пробовать...
а второй дневник не мой, поэтому и закрыт наверное)
суть вот в чем:

02.01.2008 в 21:28

dont care
Вау. xD
А с !important?
03.01.2008 в 02:01

Невозможное возможно в стране возможностей больших!
asphyxiate, !important здесь навряд ли поможет, ибо не для этого он вообще и нужен был. Пользователь - человек настолько ленивый, чтоб ему еще ручками свои стили в браузере настраивать...(таких наверна единицы набереться). Пусть уж для всех один единый стиль будет, чем для каждого что-то свое.
Для справки:
!important играет роль в том случае, когда пользователи подключают свою собственную таблицу стилей. Если возникает противоречие, когда стиль автора страницы и пользователя для одного и того же элемента не совпадает, то !important позволяет повысить приоритет стилевого параметра.

При использовании пользовательской таблицы стилей или одновременном применении разного стиля автора и пользователя к одному и тому же селектору, браузер руководствуется следующим алгоритмом:

1) !important добавлен в авторский стиль — будет применяться стиль автора.
2) !important добавлен в пользовательский стиль — будет применяться стиль пользователя.
3) !important нет как в авторском стиле, так и стиле пользователя — будет применяться стиль автора.
4) !important содержится в авторском стиле и стиле пользователя — будет применяться стиль пользователя.

В CSS1 при одновременном использовании !important у автора и пользователя преимущество имеет авторский стиль. В CSS2 сделано наоборот и применяется уже пользовательский стиль.


Annahita, и в чем суть данной картинки? В ней даже текста не различишь...



03.01.2008 в 13:43

such an incredible height
alaz
суть данной картинки в том, что отдельные блоки меню выделены рамочками. то есть первая группка - избранное, цитатник, ссылки и альбом, ну и те де. .menuSection {border:1px solid #000; } не помогает абсолютно, ноль изменений.
03.01.2008 в 22:04

Невозможное возможно в стране возможностей больших!
При помощи только стилей здесь уже не отделаешься, ибо эта рамка задается для каждого блока по 2 пиксела шириной. Все дело в классе bordered. Он объявлен во внешних стилях (не знаю можно ли редактировать внешние стили) и переопределен в самой html станице примерно в саммом верху (строка 62). Применен данный класс для левого блока где на строчке 1677 однако...). Посему предлагаю ввести новый класс ну типа no_right:
.no_right { border-right-width: 0; }
И применить его к данному блоку вот так:
#div class=3D"bordered no_right"# (строка 1677)

И усе должно заробить...:)