fieldset и css

Статус
В этой теме нельзя размещать новые ответы.

Axom

Постоялец
Регистрация
25 Апр 2007
Сообщения
320
Реакции
105
Как сделать в css тега fieldset, чтобы справа граница от формы входа на сайт была прижата к ней и если после входа текст внутри увеличивался, то она автоматически растягивался, а padding был бы равен 5px справа? :nezn:
 
Убрать width: 310px; и добавить float:left
 
  • Нравится
Реакции: Axom
Есть вот такой спойлер под воблу.
HTML:
<script>
function spoiler_js(obj) {
var obj_content = obj.parentNode.parentNode.getElementsByTagName('div')[1];
var obj_text_show = obj.getElementsByTagName('span')[1];
var obj_text_hide = obj.getElementsByTagName('span')[0];

if (obj_content.style.display != '') {
  obj_content.style.display = '';
  obj_text_show.style.display = '';
  obj_text_hide.style.display = 'none';
} else {
  obj_content.style.display = 'none';
  obj_text_show.style.display = 'none';
  obj_text_hide.style.display = '';
}
return false;
}
</script>
<div class="alt2" style="padding: 1px; border: 1px inset;"><div style="margin: 1px; margin-top:1px;"><div style="margin-bottom:1px" class="smallfont"><a href="#" onclick="return spoiler_js(this);" style="text-decoration: none; color: #000000;"><span><img src="images/icons/plus.gif" border="0"></span><span style="display:none"><img src="images/icons/minus.gif" border="0"></span> {option}</a></div><div style="padding: 6px;border: 1px inset; display: none;" class="alt1">{param}</div></div></div>
Когда вместо опции {param} ставишь картинку с align="right", то картинка вылазит за края спойлера в развёрнутом состояние, как сделать чтобы низ поля формировался по картинке?
 
  • Заблокирован
  • #4
И VB здесь не при чем.
Всё красиво:
<style type="text/css" id="vbulletin_css">
.alt1, .alt1Active
{
background: #F5F5FF;
color: #000000;
}
.alt2, .alt2Active
{
background: #E1E4F2;
color: #000000;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
</style>
<script>
function spoiler_js(obj) {
var obj_content = obj.parentNode.parentNode.getElementsByTagName('div')[1];
var obj_text_show = obj.getElementsByTagName('span')[1];
var obj_text_hide = obj.getElementsByTagName('span')[0];

if (obj_content.style.display != '') {
obj_content.style.display = '';
obj_text_show.style.display = '';
obj_text_hide.style.display = 'none';
} else {
obj_content.style.display = 'none';
obj_text_show.style.display = 'none';
obj_text_hide.style.display = '';
}
return false;
}
</script>

<div class="alt2" style="padding: 1px; border: 1px inset;">
<div style="margin: 1px; margin-top:1px;">

<div style="margin-bottom:1px" class="smallfont">
<a href="#" onclick="return spoiler_js(this);" style="text-decoration: none; color: #000000;">
<span><img src="ooo.gif" border="0"></span>
<span style="display:none"><img src="ooo.gif" border="0"></span> {option}</a>
</div>

<div style="padding:6px; border: 1px inset; display:none; text-align:right;" class="alt1">
<img src="ooo.gif" border="0" />
</div>

</div>
</div>
 
Нет, right должно быть внутри img, т.к. он отдельным кодом идет!
 
  • Заблокирован
  • #6
Сейчас поковыряю еще.

Добавлено через 44 минуты
Короче у тебя скрит корявый а не .css, выкинь его.
Я завтра тебе другой дам. Сейчас спать охота.
 
Ты наверно не понял прикола.
Пропиши вместо <div id=d3>, <div id=d3 style="border: 1px inset;"> и поймёшь что картинка вылезла за границы спойлера.
 
  • Заблокирован
  • #9
Мда, вообще меня дивы раздражают. Я всегда верстаю таблицами и только иногда вставляю дивы.
А что тебе мешает сделать табличку?

Кстати, этот вариант не кроссбраузерный.
Посмотри на него в IE6 (бордюр рисуется только сверху и слева).

Добавлено через 31 минуту
Вот вариант с таблицей, width указывать обязательно для IE.
Обсалютно кроссбраузерно!
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху