fieldset и css

[Axom]

Как сделать в css тега fieldset, чтобы справа граница от формы входа на сайт была прижата к ней и если после входа текст внутри увеличивался, то она автоматически растягивался, а padding был бы равен 5px справа?

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[sun604]

Убрать width: 310px; и добавить float:left

 

[Axom]

Есть вот такой спойлер под воблу.

<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", то картинка вылазит за края спойлера в развёрнутом состояние, как сделать чтобы низ поля формировался по картинке?

 

[spa]

И 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>

 

[Axom]

Нет, right должно быть внутри img, т.к. он отдельным кодом идет!

 

[spa]

Сейчас поковыряю еще.

Добавлено через 44 минуты
Короче у тебя скрит корявый а не .css, выкинь его.
Я завтра тебе другой дам. Сейчас спать охота.

 

[spa]

Вот, как обещал:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Axom]

Ты наверно не понял прикола.
Пропиши вместо <div id=d3>, <div id=d3 style="border: 1px inset;"> и поймёшь что картинка вылезла за границы спойлера.

 

[spa]

Мда, вообще меня дивы раздражают. Я всегда верстаю таблицами и только иногда вставляю дивы.
А что тебе мешает сделать табличку?

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

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

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.