два класса в один ряд

[GooDMeister]

вобщем есть два класса.

<input type="reset" style="" value="очистить" class="resset" name="h37f9"/>

<input type="submit" style="" value="послать" class="submit" name="hf99a"/>

требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это?

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

input.submit, input.resset {

display: inline-block;

}

[mishka]

Они и так инлайновые элементы. Должны по дефолту вряд становится.

[psywalker]

вобщем есть два класса.

<input type="reset" style="" value="очистить" class="resset" name="h37f9"/>

<input type="submit" style="" value="послать" class="submit" name="hf99a"/>

требуется поставить их в один ряд. Возможности редактировать html файл нету. Только через CSS, осуществимо ли это?

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

input.submit, input.resset {

display: inline-block;

}

А ты их сделай float:left; , а вообще странно, медведь пральна сказал, ониже должны в ряд ставится. Давай короче страницу твою, будет смотреть

[GooDMeister]

чуть не забыл.... они разделены между собой таким образом

<div class="clear"/>

<input type="submit" style="" value="послать" class="submit" name="hf99a"/>

<div class="clear"/>

<input type="submit" style="" value="послать" class="submit" name="hf99a"/>

<div class="clear"/>

Через Html убрать <div class="clear"/> не знаю как.

http://povolotskymusic.com/index.php?optio...1&Itemid=12

[s0rr0w]

чуть не забыл.... они разделены между собой таким образом

<div class="clear"/>

<input type="submit" style="" value="послать" class="submit" name="hf99a"/>

<div class="clear"/>

<input type="submit" style="" value="послать" class="submit" name="hf99a"/>

<div class="clear"/>

Через Html убрать <div class="clear"/> не знаю как.

http://povolotskymusic.com/index.php?optio...1&Itemid=12

Идиот какой-то верстку делал. Клинический причем.

Пробуй такую конструкцию

submit+clear { display none; clear: none; }

[GooDMeister]

Спасибо. попробовал. вообще обе кнопки просто исчезли.

Верстку всего сайта вобщем делал я а что там такого идиотского?

Верстку той страницы где форма связи делал не я, а автор компонента. Я там только кое-что слегка подредактировал.

[s0rr0w]

Спасибо. попробовал. вообще обе кнопки просто исчезли.

Верстку всего сайта вобщем делал я а что там такого идиотского?

Верстку той страницы где форма связи делал не я, а автор компонента. Я там только кое-что слегка подредактировал.

Тьфу ты, точки забыл.

.submit+.clear { display none; clear: none; }

Идиотские clear.

[GooDMeister]

input.submit, input.resset {

display: none;

clear: none;

}

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

[Takker]

на самом деле все проще

.clear {

padding:0;

margin:0;

}

либо

.clear {

display:inline;

}

Просто следующий див по умолчанию будет начинаться со следующей строчки.

Edited October 18, 2009 by Takker

[GooDMeister]

Takker спасибо. это сработало... но теперь все элементы отображаются в один ряд. а мне надо чтобы только две кнопки были на одном ряду. а все остальные так же как он стояли..

[gesandte]

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

.clear {

clear: both;

}

[Takker]

GooDMeister

Смотри, тогда можно проще поступить - просто в HTML-коде задаем div-ам с кнопками уникальный ID и потом только для них прописываем "выстраиваться в ряд".

Например:

<div class="clear" id="cwerf_0"/> и <div class="clear" id="cwerf_1"/>

А потом уже напрямую в свойствах задаешь:

#cwerf_0.submit,

#cwerf_1.submit { ..трам-парам-какой-там именно тебе помог}

Этот вариант - "прямой как рельса". Наверняка можно придумать что-то более изящное, но этот прост и на 100% действенен.

[Justnewone]

Takker спасибо. это сработало... но теперь все элементы отображаются в один ряд. а мне надо чтобы только две кнопки были на одном ряду. а все остальные так же как он стояли..

почитайте внимательно про селекторы CSS, в Вашем случае понадобятся :first-child и +.

А тут даже вроде кроссбраузерно. Удачи.