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

Discussion in 'Внешний вид, шаблоны, графика' started by Vadim108, Jul 22, 2012.

  1. Vadim108
    Offline

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

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

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

    Joined:
    May 16, 2012
    Messages:
    30
    Likes Received:
    0
    Gender:
    Male
    Прошу вас очень...помогите кто-нибудь советом!
     
  4. Offline

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

    Joined:
    Dec 19, 2008
    Messages:
    54
    Likes Received:
    8
    Gender:
    Male
    Попробуй эту часть сделать не табличной вёрсткой, а div-ами, жёстко задав ширину. У меня в Сафари отображается нормально, только в Опере и ИЕ8 поплыли телефоны вправо.
     
  5. Vadim108
    Offline

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

    Joined:
    May 16, 2012
    Messages:
    30
    Likes Received:
    0
    Gender:
    Male
    подскажи пожалуйста чайнику как это сделать...как и куда прописать...очень прошу
     
  6. Offline

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

    Joined:
    Dec 19, 2008
    Messages:
    54
    Likes Received:
    8
    Gender:
    Male
    поменять вот этот код:
    <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 likes this.
  7. Vadim108
    Offline

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

    Joined:
    May 16, 2012
    Messages:
    30
    Likes Received:
    0
    Gender:
    Male
    спасибо, что показал ошибку. ширина уже задана - попробую увеличить...скорее всего ее просто не хватает:)
     
  8. Offline

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

    Joined:
    Dec 19, 2008
    Messages:
    54
    Likes Received:
    8
    Gender:
    Male
    в строке:
    <table border="0" style="text-align: right;">

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

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

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

    Joined:
    May 16, 2012
    Messages:
    30
    Likes Received:
    0
    Gender:
    Male
    подскажи пожалуйста где это код править? все css перекопал - не нашел такого кода нигде
     
  10. Offline

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

    Joined:
    Dec 19, 2008
    Messages:
    54
    Likes Received:
    8
    Gender:
    Male
    это в index.php
     

Share This Page

Loading...