• Добрый день, хочу поместить погодный информер в Head темы.
    Как отцентрировать точно по центру или разместить на определенном расстоянии от края и верха?

    код информера

    <a href="http://clck.yandex.ru/redir/dtype=stred/pid=7/cid=1228/*http://pogoda.yandex.ru/zheleznogorsk/krasnoyarsk krai"><img src="http://info.weather.yandex.net/zheleznogorsk/krasnoyarsk krai/2.ru.png" border="0" alt=""/><img width="1" height="1" src="http://clck.yandex.ru/click/dtype=stred/pid=7/cid=1227/*http://img.yandex.ru/i/pix.gif" alt="" border="0"/></a>

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Думаю, создать для него отдельный <div>, и настроить через css

    еасли можно поподробнее…

    Добавьте в открывающий тэг а следующее —
    style="width:200px;height:100px;display:block;margin: 50px auto;". Т.е. в итоге должно выглядеть так:

    <a style="width:200px;height:100px;display:block;margin: 50px auto;" href="http://clck.yandex.ru/redir/dtype=stred/pid=7/cid=1228/*http://pogoda.yandex.ru/zheleznogorsk/krasnoyarsk krai">
        <img src="http://info.weather.yandex.net/zheleznogorsk/krasnoyarsk krai/2.ru.png" border="0" alt=""/>
        <img width="1" height="1" src="http://clck.yandex.ru/click/dtype=stred/pid=7/cid=1227/*http://img.yandex.ru/i/pix.gif" alt="" border="0"/>
    </a>​

    Пример реализации с Вашим кодом на http://jsfiddle.net/.

    Горизонтальное и вертикальное выравнивание производится за счет margin: 50px auto;, здесь 50px это расстояние от верхней и нижней границ родительского блока, а auto — способ отцентровать по горизонтали. Подробнее про margin тут http://htmlbook.ru/.

    спасибо)будем пробовать)

    Вроед получилось, а что вместо auto написать чтобы сделать отступ от правого края?

    МЕТОДОМ ПРОБ И ОШИБОК СДЕЛАЛ
    margin: -10px 32%
    Всем спасибо

    С процентами в качестве значений отступов могут возникнуть сложности. Если основная верстка фиксированная, то лучше использовать фиксированные значения.

    именно то поле куда я ставлю насколько понимаю нефиксированно
    http://1.plakat26.ru/ вот на пробном сайте сделал

    Верстка фиксированная, значит, лучше фиксированные значения, т.е. так:

    width: 200px;
    height: 100px;
    display: block;
    margin: -10px 350px;

    Кстати, не рекомендую менять значения width: и height: они необходимы для ссылки, само изображение при их изменении не становится меньше, а вот контейнер для него, да, страдает.

    да,спасибо) это я протупил просто)

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Как отцентрировать погодный информер» закрыта для новых ответов.