Помогите с версткой, не врубаюсь...

html css верстка

Есть html код

<td height="23" width="977" align="left" nowrap valign="top">

<a class="menurealizm" href="gallery.php?gallery=realism">реализм</a>
<img src="images/menu_dot1.png"> -- разделитель точка
<a class="menupushk" href="gallery.php?gallery=pushkiniana">пушкиниана</a>
<img src="images/menu_dot2.png"> -- разделитель точка
<a class="menubible" href="gallery.php?gallery=biblical">библейская серия</a>
</td>

В классах прописано одно и тоже, только картинка разная. Вот один из классов (ролловер):

a.menurealizm {
background: url(/images/menu_realizm_f.png) no-repeat 0 0;
width: 81px;
height: 23px;
display:block;
text-indent: -1000em;
overflow:hidden;
}
a.menurealizm:hover {
background: url(/images/menu_realizm_f.png) no-repeat 0 -23px;
}

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

Заранее благодарен
Ответы:
Попробуйте использовать в css свойство display:inline-block; оно располагает элементы по горизонтали. а вы используете свойство display:block; через то у вас все и идет в одном блоке.
В классе дописать
либо display:inline;
либо float:left;


15 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.