Добавление виджета "ломает страницу"

Тема в разделе "Верстка", создана пользователем LEXAlForpostl, 17 июл 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. LEXAlForpostl

    LEXAlForpostl

    Регистр.:
    21 май 2008
    Сообщения:
    708
    Симпатии:
    225
    Здравствуйте.
    На вордпрессе решил добавить виджет:
    Сам шаблон:
    Добавляю весь код, который находится в информере между тегами <body>, естественно, их не включаю в код.
    После добавления шаблон "ломается". Все блоки смещаются и т.д. Информер встраиваю после строки поиска в сайдбаре.


    В информере задана ширина:
    HTML:
    #finans-info{
    width:240px; }
    А в сайдбаре:
    HTML:
    .sidebar {
        position: relative;
        float: right;
        width: 282px;
    
     
    Iwashka нравится это.
  2. Compressor

    Compressor

    Регистр.:
    31 янв 2009
    Сообщения:
    314
    Симпатии:
    200
    В верстке информера основная table, например, не закрыта, от этого все что ниже "едет".
    И вы уверены, что он вообще будет обновляться, если вставить таким способом?

    Попробуйте так в шаблон добавить...
    HTML:
    
                <div class="widget2">
                    <div class="inner">
                        <div class="caption">
                            <h3>Информер</h3>
                        </div>
                        <script src="http://www.vesti.ru/js/jquery.tabs.pack.js" type="text/javascript"></script>
                        <link rel="stylesheet" href="http://cdn1.vesti.ru/fininfo.tabs.css?p=1" type="text/css" media="print, projection, screen">
                        <!-- Additional IE/Win specific style sheet (Conditional Comments) -->
                        <!--[if lte IE 8]>
                                        <link rel="stylesheet" href="http://cdn1.vesti.ru/fininfo.tabs-ie.css?p=1" type="text/css" media="projection, screen">
                                        <![endif]-->
                        <script type="text/javascript">
                        $(document).ready(function() {
                            $('#finans-info').tabs();
                            //$("table.tblfi").find("tr:nth-child(odd)").addClass("odd");
                        });
                        </script>
                <table>
                    <tr>
                        <td>
                            <div id="finans-info" style="position: relative;">
                                <ul class="tabs-nav">
                                    <li class="tabs-selected first_li"><a href="#index"><span>Индексы</span></a></li>
                                    <li><a href="#mmvb"><span style="padding-top: 3px;">ММВБ</span></a></li>
                                    <li><a href="#rts"><span style="padding-top: 3px;">РТС</span></a></li>
                                    <li class="last_li"><a href="#valuta"><span style="padding-top: 3px;">Forex</span></a></li>
                                </ul>
                                <div style="clear: left;">
                                </div>
                                <div class="tabs-container" id="index">
                                    <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                    <thead class="finans-table-title" align="center">
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        вр./дата
                                    </td>
                                    <td>
                                        Знач.
                                    </td>
                                    <td>
                                        День&nbsp;%
                                    </td>
                                    </thead>
                                    <tbody class="finans-table-content">
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            MICEX
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            1364.76
                                        </td>
                                        <td class="day_p">
                                            2.33
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            RTS
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            1314.74
                                        </td>
                                        <td class="day_p">
                                            3.09
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            Dow Jones
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            15420.18
                                        </td>
                                        <td class="day_p">
                                            1.01
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            S&P
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            1669.39
                                        </td>
                                        <td class="day_p">
                                            1.09
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            DAX
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            8145.7
                                        </td>
                                        <td class="day_p">
                                            0.98
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            Nikkei
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            14341.59
                                        </td>
                                        <td class="day_p red_text">
                                            -0.52
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            HSI
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            21436.21
                                        </td>
                                        <td class="day_p">
                                            2.54
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            NASDAQ
                                        </td>
                                        <td>
                                            30.12
                                        </td>
                                        <td class="value_fin">
                                            3007.11
                                        </td>
                                        <td class="day_p red_text">
                                            -0.21
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            CAC 40
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            3864.66
                                        </td>
                                        <td class="day_p">
                                            0.63
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            SSE
                                        </td>
                                        <td>
                                            16.11
                                        </td>
                                        <td class="value_fin">
                                            2525.72
                                        </td>
                                        <td class="day_p">
                                            1.04
                                        </td>
                                    </tr>
                                    </tbody>
                                    </table>
                                </div>
                                <div class="tabs-container tabs-hide" id="mmvb" style="display: none;">
                                    <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                    <thead class="finans-table-title" align="center">
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        вр./дата
                                    </td>
                                    <td>
                                        Знач.
                                    </td>
                                    <td>
                                        День&nbsp;%
                                    </td>
                                    </thead>
                                    <tbody class="finans-table-content">
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            GAZP
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            117.73
                                        </td>
                                        <td class="day_p">
                                            3.53
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            GMKN
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            4691
                                        </td>
                                        <td class="day_p">
                                            2.87
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            LKOH
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            1955
                                        </td>
                                        <td class="day_p">
                                            3.24
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            ROSN
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            239.8
                                        </td>
                                        <td class="day_p">
                                            2.62
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            SBER03
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            95.11
                                        </td>
                                        <td class="day_p">
                                            4.39
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            VTBR
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            0.05
                                        </td>
                                        <td class="day_p">
                                            1.92
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            IRGZ
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            9.82
                                        </td>
                                        <td class="day_p">
                                            3.29
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            HYDR
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            0.55
                                        </td>
                                        <td class="day_p">
                                            2.84
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            KRSG
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            44.2
                                        </td>
                                        <td class="day_p">
                                            0.09
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            OGK-4
                                        </td>
                                        <td>
                                            19.11
                                        </td>
                                        <td class="value_fin">
                                            2.37
                                        </td>
                                        <td class="day_p red_text">
                                            -0.11
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            OGK-6
                                        </td>
                                        <td>
                                            26.10
                                        </td>
                                        <td class="value_fin">
                                            0.76
                                        </td>
                                        <td class="day_p red_text">
                                            -2
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            OGK-3
                                        </td>
                                        <td>
                                            25.09
                                        </td>
                                        <td class="value_fin">
                                            1.02
                                        </td>
                                        <td class="day_p">
                                            1.21
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/zero.png">
                                        </td>
                                        <td class="name">
                                            TGK-13
                                        </td>
                                        <td>
                                            19.11
                                        </td>
                                        <td class="value_fin">
                                            0.08
                                        </td>
                                        <td class="day_p">
                                            0
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/zero.png">
                                        </td>
                                        <td class="name">
                                            KZBN
                                        </td>
                                        <td>
                                            19.11
                                        </td>
                                        <td class="value_fin">
                                            0.27
                                        </td>
                                        <td class="day_p">
                                            0
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            TGK-11
                                        </td>
                                        <td>
                                            03.01
                                        </td>
                                        <td class="value_fin">
                                            0.01
                                        </td>
                                        <td class="day_p">
                                            0.11
                                        </td>
                                    </tr>
                                    </tbody>
                                    </table>
                                </div>
                                <div class="tabs-container tabs-hide" id="rts" style="display: none;">
                                    <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                    <thead class="finans-table-title" align="center">
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        вр./дата
                                    </td>
                                    <td>
                                        Знач.
                                    </td>
                                    <td>
                                        День&nbsp;%
                                    </td>
                                    </thead>
                                    <tbody class="finans-table-content">
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            GAZP
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            3.55
                                        </td>
                                        <td class="day_p">
                                            3.2
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            GMKN
                                        </td>
                                        <td>
                                            18.06
                                        </td>
                                        <td class="value_fin">
                                            146.4
                                        </td>
                                        <td class="day_p red_text">
                                            -0.54
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            LKOH
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            58.7
                                        </td>
                                        <td class="day_p">
                                            1.56
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            ROSN
                                        </td>
                                        <td>
                                            20.02
                                        </td>
                                        <td class="value_fin">
                                            8.67
                                        </td>
                                        <td class="day_p red_text">
                                            -1.63
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            SBER
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            2.9
                                        </td>
                                        <td class="day_p">
                                            3.39
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            SNGS
                                        </td>
                                        <td>
                                            24.04
                                        </td>
                                        <td class="value_fin">
                                            0.97
                                        </td>
                                        <td class="day_p red_text">
                                            -2.32
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            SIBN
                                        </td>
                                        <td>
                                            06.06
                                        </td>
                                        <td class="value_fin">
                                            3.7
                                        </td>
                                        <td class="day_p red_text">
                                            -22.76
                                        </td>
                                    </tr>
                                    </tbody>
                                    </table>
                                </div>
                                <div class="tabs-container tabs-hide" id="valuta" style="display: none;">
                                    <table border="0" cellspacing="0" cellpadding="3" class="tblfi">
                                    <thead class="finans-table-title" align="center">
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        &nbsp;
                                    </td>
                                    <td>
                                        вр./дата
                                    </td>
                                    <td>
                                        Знач.
                                    </td>
                                    <td>
                                        День&nbsp;%
                                    </td>
                                    </thead>
                                    <tbody class="finans-table-content">
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            USD/RUB
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            32.64
                                        </td>
                                        <td class="day_p red_text">
                                            -0.88
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            EUR/USD
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            1.3
                                        </td>
                                        <td class="day_p">
                                            1.27
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            USD/JPY
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            99.11
                                        </td>
                                        <td class="day_p red_text">
                                            -1.19
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/down.png">
                                        </td>
                                        <td class="name">
                                            USD/CHF
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            0.95
                                        </td>
                                        <td class="day_p red_text">
                                            -1.74
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="img">
                                            <img src="http://cdn1.vesti.ru/i/up.png">
                                        </td>
                                        <td class="name">
                                            GBP/USD
                                        </td>
                                        <td>
                                            11.07
                                        </td>
                                        <td class="value_fin">
                                            1.51
                                        </td>
                                        <td class="day_p">
                                            1.35
                                        </td>
                                    </tr>
                                    </tbody>
                                    </table>
                                </div>
                            </div>
                        </table>                                     
                    </div>
                </div>
     
    Iwashka и LEXAlForpostl нравится это.
  3. LEXAlForpostl

    LEXAlForpostl

    Регистр.:
    21 май 2008
    Сообщения:
    708
    Симпатии:
    225
    Спасибо, попробовал.
    Шаблон уже "не ломается".
    Но информер так и не удалось "вписать", как добавляются виджеты в шаблоне. Гляньте, пожалуйста, что не так:
    P.S.
    Только что отправил сайт на смену ДНСов, на новый сервер там и новый шаблон стоит(о нем и речь в топике). Поэтому пропишите,пожалуйста, в хостс ручками домен на IP: 144.76.61.52
    Извините за неудобства.
     
    Iwashka нравится это.
  4. Compressor

    Compressor

    Регистр.:
    31 янв 2009
    Сообщения:
    314
    Симпатии:
    200
    Под «вписать», вы имеете ввиду, что он отображается «жутко криво и некрасиво»? Дело тут в наслоении CSS.

    Вы проигнорировали эту мысль в первом моем сообщении, но вы уверены, что правильно его вставляете?
    Не уверен, что данные на информере буду обновляться, если вставить таким способом. Там конечно идет плагин jquery.tabs,и он может подгружать AJAXом странички из вне, но даже сейчас значения информера на вашем сайте и на http://www.vesti.ru/fininfo.html разные.


    Найдите на сайте http://www.vesti.ru/ инструкцию к нему (я не смог найти).
     
    Iwashka нравится это.
  5. allseo

    allseo Создатель

    Регистр.:
    26 июн 2013
    Сообщения:
    38
    Симпатии:
    10
    А не проще ли вставить информер в iframe и не мучиться с интеграцией?
     
    Iwashka нравится это.
  6. NiceBro

    NiceBro Создатель

    Регистр.:
    2 ноя 2012
    Сообщения:
    44
    Симпатии:
    25
    Код:
    <iframe src="http://www.vesti.ru/fininfo.html" width="268" height="510" scrolling="no" frameborder="0"></iframe>
     
    Iwashka нравится это.