» Вопросы по CSS

Отлично, спасибо, помогло )

Друзья, никто не в курсе, как зажать слои в фиксированной длине и ширине?
Ячейки раздвигаются несмотря на явное указание width и height.
http://mischael1.narod.ru

mischael

Код: <TD class=back>
<div style="height:236;overflow: hidden;">
<P> </P>
</div></TD>

подскажите какой элемент css отвечает за расстояние между строчками в div ?
P.S.: line-height: 14px; не подходит.

520011

Цитата:

line-height: 14px; не подходит

а другого нет. разве что обернутьтекст внутри в span и задать для него padding или margin сверху и/или снизу

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

Код: <div onClick="this.contentEditable='true';">
click to edith
</div>

520011
так "во время едитирования" там уже не div, а textarea какая-нибудь )))

на сегодняшний день и div'ы бывают editable

520011
оужос какой )))
Попробовал - точно, эдитируется ))) Но вы обратите внимание, в эдитируемом диве каждая строка идет отдельным дивом, т.е. line-height там не катит, играйтесь паддингами-маргинами

Код:
#ed_div, #ed_div p {
margin: 0;
}

520011
проверь, в своем браузере я вижу дивы а не параграфы
добавь:

Код: #ed_div, #ed_div p, #ed_div div {
margin: 0;
}

OLEX
я IE10 ым смотрел, а ты ?

Добавлено:
в Chrome, opere и Safari div-ы, a в firefoxe br

Помогите решить задачку.

Дано: ДВА СПОЙЛЕРА на чистом CSS? расположены горизонтально друг за другом.

Вопрос: как сделать, чтобы они располагались друг под другом вертикально?

Спасибо заранее.

7Lexusi
может просто обернуть еще одним div и задать ему размеры ...

7Lexusi
убрать float:left для .open

Cheery
...оо!... как много оказывается можно сделать одной клавишей "Delete" ))))
...спасибо, добрый и умный человек!

520011
у меня Макстон, он как и хром и сафари на вебките

Вопрос к спецам по CSS

Дано: Вот такие кнопощки.

Вопрос: Хотелось бы чтобы место под текст, которое появляется в выдвигающейся части, автоматически масштабировалось по текст любой длины (ну в разумных пределах, без переноса строк)
...то есть width: 300px подогнано под текст "документ Word 17 Кб", а как сделать, чтобы не подбирать ширину, а она сама масштабировалась под другой текст (ну.. или короче, или длиннее).

Спасибо заранее.

7Lexusi
http://jsfiddle.net/olex/9QKng/1/

7Lexusi
OLEX
возможно будет еще лучше если добавить ограничение по ширине (например, max-width:300px;)

http://jsfiddle.net/9QKng/2/

OLEX
Kaylang

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

Буду признателен, если подобное можно как-то исправить.

Цитата:

как-то исправить

Убрать нахрен анимацию.
И еще у вас один айдишник назначен нескольким элементам. Это неправильно, используйте классы.

7Lexusi

Цитата:

- в ослике и опере плавность анимации пропала напрочь
- в хромоподобных наблюдается какое-то нервное "подергивание" прежде чем произойдет раскрытие кнопки.

В лисе работает без проблем.

7Lexusi
width: auto плохо работает с анимациями.. сделайте с помощью jQuery

https://bugzilla.mozilla.org/show_bug.cgi?id=571344


Цитата:

Some browsers will treat "auto" as 0 and transition from that, but that's broken in most cases.

Код типа
#mybacks {
position:absolute;
left: 0;
top: 0;
width: 200px;
height: 100%;
z-index: 10;
background-color: red;
cursor: pointer;
}

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

xerpal
ну я же показал как


Код: body {
position: relative;
height: 100%;
width: 100%;
}

div {
position: absolute;
bottom: 0px;
top: 0px;
}

Cheery
А, так дело в position relative. А без него никак, он мне все ломает?

xerpal

Цитата:

А без него никак,

нет. оно указывает границы для ребенка с абсолютным позиционированием.
а что ломает? не должно ничего, в принципе.

У меня оно в середине экрана, а фоном мне боковины нужны. А сдвинуть за пределы body уже не выходит...

xerpal

Цитата:

У меня оно в середине экрана, а фоном мне боковины нужны.

ну так все зависит от того, как остальное реализовано.. в последний раз прошу - воспроизведите ситуацию.