Не могу разместить 6 картинок в виджет "Текст"

  • Решено Destructor

    (@destructor)


    13 лет, 10 месяцев назад

    Возникла необходимость разместить в виджете «Текст» в сайдбаре сайта шесть картинок (2 по горизонтали, 3 — по вертикали). Но не просто картинки. Я сделал их с эффектом «При наведении на картинку курсором мыши — она меняется на другую».
    Проблема:
    1. Не могу разместить картинки по горизонтали — они все размещаются по вертикали.
    2. При размещении более одной картинки — эффект «смены картинки при наведении мышью» перестает работать в обоих картинках. Код одной картинки:

    <a href="http://ссылка на страницу сайта/" onMouseOver="document.doc.src='http://ссылка на вторую картинку'" onMouseOut="document.doc.src='http://ссылка на первую картинку'">
<img src="http://ссылка на первую картинку" width="150" height="65" border="1" name="doc"></a>

    Искал решение долго (т.к. в сайтостроении профан), вот обращаюсь к вам — подскажите, пожалуйста.
    Ваше мнение очень важно для меня. Заранее благодарен, Антон.

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • skodnik

    (@skodnik)

    13 лет, 10 месяцев назад

    Для решения вопроса я поступил бы так:

    1. В style.css добавил бы следуеющее .widget_text img {float:left;margin-right:5px;}, это разместит все изображения по горизонтали. Для размещения лишь некоторых, придётся добавить им класс;
    2. Смену картинок при наведении делал бы через jQuery. Ну или в Вашем случае, менял бы значение name="doc" и связанных с ним.
    Автор Destructor

    (@destructor)

    12 лет, 10 месяцев назад

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

Просмотр 2 ответов — с 1 по 2 (всего 2)

Тема «Не могу разместить 6 картинок в виджет "Текст"» закрыта для новых ответов.