Модули с изображениями все время уезжают в разные стороны, в зависимости от браузера. Помогите пожал

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Vadim108, 22.07.2012.

  1. Vadim108
    Offline

    Vadim108 Недавно здесь

    Регистрация:
    16.05.2012
    Сообщения:
    30
    Симпатии:
    0
    Пол:
    Мужской
    Модули с изображениями, в шапке сайта, все время уезжают в разные стороны, в зависимости от браузера. Есть сайт http://avangarts.ru/, в браузере chrome и firefox все отображается корректно, но в браузера opera телефоны в шапке сайте например уезжают вправо, хотя должны "стоять на стуле". Но если зайти на сайт через браузер safari для windows, то даже логотип сайта оказывается чуть ли не на середине сайта. Может эти модули можно как-нибудь "закрепить"? Помогите пожалуйста советом! Очень прошу вас!:'(
     
  2.  
  3. Vadim108
    Offline

    Vadim108 Недавно здесь

    Регистрация:
    16.05.2012
    Сообщения:
    30
    Симпатии:
    0
    Пол:
    Мужской
    Прошу вас очень...помогите кто-нибудь советом!
     
  4. Offline

    teleman Недавно здесь

    Регистрация:
    19.12.2008
    Сообщения:
    54
    Симпатии:
    8
    Пол:
    Мужской
    Попробуй эту часть сделать не табличной вёрсткой, а div-ами, жёстко задав ширину. У меня в Сафари отображается нормально, только в Опере и ИЕ8 поплыли телефоны вправо.
     
  5. Vadim108
    Offline

    Vadim108 Недавно здесь

    Регистрация:
    16.05.2012
    Сообщения:
    30
    Симпатии:
    0
    Пол:
    Мужской
    подскажи пожалуйста чайнику как это сделать...как и куда прописать...очень прошу
     
  6. Offline

    teleman Недавно здесь

    Регистрация:
    19.12.2008
    Сообщения:
    54
    Симпатии:
    8
    Пол:
    Мужской
    поменять вот этот код:
    <table border="0" style="text-align: right;">
    <tbody>
    <tr>
    <td style="text-align: right;"><img src="/images/stories/phone.png" alt="tel" style="float: right; border-image: initial; border: 0px initial initial;" border="0" height="41" width="51"></td>
    <td style="text-align: right;">
    <p><img src="/images/telchik1.png" alt="nomer" style="float: right; border-image: initial; border: 0px initial initial;" border="0" height="40" width="207"></p>
    <p><img src="/images/telchik2.png" alt="nomer2" style="border-image: initial; border: 0px initial initial;" border="0" height="45" width="207"></p>
    </td>
    </tr>
    </tbody>
    </table>

    или попробовать задать ширину таблице и тегам <TD>
     
    Vadim108 нравится это.
  7. Vadim108
    Offline

    Vadim108 Недавно здесь

    Регистрация:
    16.05.2012
    Сообщения:
    30
    Симпатии:
    0
    Пол:
    Мужской
    спасибо, что показал ошибку. ширина уже задана - попробую увеличить...скорее всего ее просто не хватает:)
     
  8. Offline

    teleman Недавно здесь

    Регистрация:
    19.12.2008
    Сообщения:
    54
    Симпатии:
    8
    Пол:
    Мужской
    в строке:
    <table border="0" style="text-align: right;">

    попробуй добавить margin-right

    <table border="0" style="text-align: right; margin-right: 120px"> и покрути значение, возможно этот костыль поможет по-быстрому решить задачу.
     
  9. Vadim108
    Offline

    Vadim108 Недавно здесь

    Регистрация:
    16.05.2012
    Сообщения:
    30
    Симпатии:
    0
    Пол:
    Мужской
    подскажи пожалуйста где это код править? все css перекопал - не нашел такого кода нигде
     
  10. Offline

    teleman Недавно здесь

    Регистрация:
    19.12.2008
    Сообщения:
    54
    Симпатии:
    8
    Пол:
    Мужской
    это в index.php
     

Поделиться этой страницей

Загрузка...