X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> проблема со стилями
Pato
Pato
Topic Starter сообщение 17.3.2012, 18:00; Ответить: Pato
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 54
Регистрация: 30.6.2011
Поблагодарили: 3 раза
Репутация:   0  


Вообще при удалении ненужного хлама и приводя структуру сайта в нормальный вид, возникла проблема со стилями.
На словах трудно объяснить, лучше на видео посмотреть.
То есть когда первый раз открываешь/обновляешь страницу стили едут, хотя вроде все на месте. Но при так сказать включении скрипта "отображать товары в определенном порядке" все встает на место..
Какие есть предположения? Не могу понять в чем дело..


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jack
jack
сообщение 17.3.2012, 18:08; Ответить: jack
Сообщение #2


----------------
*******

Группа: Super Moderator
Сообщений: 7863
Регистрация: 22.3.2009
Из: глины
Поблагодарили: 10734 раза
Репутация:   591  


Pato, без ссылки на сайт или хотя бы без фрагмента кода, вам никто ничего не скажет.
Возможно где то тег закрывающий снесли, хотя гадать можно долго и нудно.


--------------------
Stimul-Cash и RX-Partners - лидеры фарма бизнеса!

Официальный канал MaulTalk в Telegram
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pato
Pato
Topic Starter сообщение 17.3.2012, 18:09; Ответить: Pato
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 54
Регистрация: 30.6.2011
Поблагодарили: 3 раза
Репутация:   0  


<div id="content"><div class="container">
</div>
  
  
  

    <div class="product-filter">
       <div class="display"><b>Display:</b> List <b>/</b> <a onclick="display('grid');">Grid</a></div>
     <div class="product-compare"><a href="index.php-route=product-compare.htm"  id="compare_total">Сравнивать товаров (0)</a></div>
  
    <div class="limit"><b>Товаров на странице:</b>
      <select onchange="location = this.value;">
                        <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=15" selected="selected">15</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=25">25</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=50">50</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=75">75</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;limit=100">100</option>
                      </select>
    </div>
    <div class="sort"><b>Сортировка:</b>
      <select onchange="location = this.value;">
                        <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.sort_order&amp;order=ASC" selected="selected">Default</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=pd.name&amp;order=ASC">Name (A - Z)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=pd.name&amp;order=DESC">Name (Z - A)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.price&amp;order=ASC">Price (Low &gt; High)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.price&amp;order=DESC">Price (High &gt; Low)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=rating&amp;order=DESC">Rating (Highest)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=rating&amp;order=ASC">Rating (Lowest)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.model&amp;order=ASC">Model (A - Z)</option>
                                <option value="http://goinventive.co.uk/themes/shopcart/index.php?route=product/category&amp;path=33&amp;sort=p.model&amp;order=DESC">Model (Z - A)</option>
                      </select>
    </div>
  </div>

  <div class="product-list">
        <div>
            <div class="image"><a href="index.php-route=product-product&path=33&product_id=30.htm"><img src="images/cache/data/img/26_sobeslava_92_6-180x135.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a></div>
            <div class="name"><a href="index.php-route=product-product&path=33&product_id=30.htm">Canon EOS 5D</a></div>
      <div class="description">
    Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm ..</div>
            <div class="price">
                <div class="product_sale_category">      
             <div class="sale-middle">
                Sale          </div>
          </div>
        <span class="price-old">$117.50</span> <span class="price-new">$94.00</span>
                        <br />
        
              </div>
                  <div class="cart"><a onclick="addToCart('30');" class="button"><span>В корзину</span></a></div>
     <div class="wishlist"><a>Мне нравится</a></div>
      <div class="compare"><a>Сравнить товар</a></div>
    </div>
        <div>
            <div class="image"><a href="index.php-route=product-product&path=33&product_id=31.htm" ><img src="images/cache/data/img/fly_zimbabwe_pup_01-180x135.jpg" tppabs="http://goinventive.co.uk/themes/shopcart/image/cache/data/img/fly_zimbabwe_pup_01-180x135.jpg" title="Nikon D300" alt="Nikon D300" /></a></div>
            <div class="name"><a href="index.php-route=product-product&path=33&product_id=31.htm" >Nikon D300</a></div>
      <div class="description">
    
        Engineered with pro-level features and performance, the 12.3-effective-megapixel D300 combines brand new technologies with advanced features inherited from Nikon's newly announced D3 professional digital SLR camera to offer serious photographers remarkable performance combined with ..</div>
            <div class="price">
                $94.00                        <br />
        
              </div>
                  <div class="cart"><a onclick="addToCart('31');" class="button"><span>В корзинуt</span></a></div>
      <div class="wishlist"><a>Мне нравится</a></div>
      <div class="compare"><a>Сравнить товар</a></div>
    </div>
    
    
    
     <div>
            <div class="image"><a href="index.php-route=product-product&path=33&product_id=30.htm"><img src="images/cache/data/img/26_sobeslava_92_6-180x135.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a></div>
            <div class="name"><a href="index.php-route=product-product&path=33&product_id=30.htm">Canon EOS 5D</a></div>
      <div class="description">
    Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we're not typically too concerned with marketing talk this particular statement is clearly pretty accurate. The EOS 5D is unlike any previous digital SLR in that it combines a full-frame (35 mm ..</div>
            <div class="price">
                <div class="product_sale_category">      
             <div class="sale-middle">
                Sale          </div>
          </div>
        <span class="price-old">$117.50</span> <span class="price-new">$94.00</span>
                        <br />
        
              </div>
                  <div class="cart"><a onclick="addToCart('30');" class="button"><span>В корзину</span></a></div>
     <div class="wishlist"><a>Мне нравится</a></div>
      <div class="compare"><a>Сравнить товар</a></div>
    </div>
    
    
    
    
      </div>
  <div class="pagination"><div class="results">Showing 1 to 2 of 2 (1 Pages)</div></div>
      </div>


а вот скрипт который сортирует товары

<script type="text/javascript"><!--
function display(view) {
    if (view == 'list') {
        $('.product-grid').attr('class', 'product-list');

        
        
        $('.product-list > div').each(function(index, element) {

                var price = $(element).find('.price').html();

            html  = '<div class="product_outside_border">';    
            html += '<div class="product_outside">';
            html += '<div class="product_inside">';
            
            html += '<div class="right">';
            html += '<div class="price">' + price  + '</div>';
            html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
            html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
            html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
            html += '</div>';            
            
            html += '<div class="left">';
            
            var image = $(element).find('.image').html();
            
            if (image != null) {
                html += '<div class="image">' + image + '</div>';
            }
            
        
            
            
                    
            html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
            html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
            
            var rating = $(element).find('.rating').html();
            
            if (rating != null) {
                html += '<div class="rating">' + rating + '</div>';
            }
                
            html += '</div>';
            html += '</div>';
            html += '</div>';
            html += '</div>';
                        
            $(element).html(html);
        });        
        
        $('.display').html('<b>Display:</b> <div id="list_b"></div>  <a id="grid_a" onclick="display(\'grid\');">Grid</a>');
        
        $.cookie('display', 'list');
    } else {
        $('.product-list').attr('class', 'product-grid');
        
        $('.product-grid > div').each(function(index, element) {
            html = '';

            html += '<div class="product_outside_border">';
            html += '<div class="product_outside">';
            html += '<div class="product_inside">';
            
            var image = $(element).find('.image').html();
            
            if (image != null) {
                html += '<div class="image">' + image + '</div>';
            }
            
            html += '<div class="name">' + $(element).find('.name').html() + '</div>';
            html += '<div class="description">' + $(element).find('.description').html() + '</div>';


            html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
            
            var price = $(element).find('.price').html();
            
            if (price != null) {
                html += '<div class="price">' + price  + '</div>';
            }
            
                        
            html += '<div class="grid-spacer">';
            html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
            html += '<div class="compare">' + $(element).find('.compare').html() + '</div>';
            html += '</div>';
            
            
            html += '</div>';
            html += '</div>';
            html += '</div>';
            
            $(element).html(html);
        });    
                    
        $('.display').html('<b>Display:</b> <a id="list_a" onclick="display(\'list\');">List</a>  <div id="grid_b"></div>');
        
        $.cookie('display', 'grid');
    }
}

view = $.cookie('display');

if (view) {
    display(view);
} else {
    display('list');
}
//--></script>


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
simply_sash
simply_sash
сообщение 17.3.2012, 18:16; Ответить: simply_sash
Сообщение #4


Участник
***

Группа: User
Сообщений: 228
Регистрация: 26.8.2011
Поблагодарили: 94 раза
Репутация:   21  


В том коде, который вы привели тегов <div> - 36, а </div> - 37.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Pato
Pato
Topic Starter сообщение 17.3.2012, 18:21; Ответить: Pato
Сообщение #5


Частый гость
**

Группа: User
Сообщений: 54
Регистрация: 30.6.2011
Поблагодарили: 3 раза
Репутация:   0  


проблему решил, не актуально

Сообщение отредактировал Pato - 17.3.2012, 18:33


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема индексации в Google
12 Saitcena 2948 22.11.2017, 17:34
автор: metvekot
Открытая тема (нет новых ответов) Проблема с 301 редиректом в htaccess
не срабатывает с (без www) на www
14 danc1r0k 1984 2.11.2017, 14:44
автор: vadosseo
Открытая тема (нет новых ответов) Нужны наркотики? Не проблема
Скачай ТОР и покупай
17 PostBrigada 1180 29.9.2017, 11:55
автор: ECurEx
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема выбора ниши для заработка
15 lektor2010 1274 11.4.2017, 21:18
автор: SeoKot
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с группой в фейсбуке
9 Swissi 1335 21.1.2017, 20:11
автор: Swissi


 



RSS Текстовая версия Сейчас: 14.12.2017, 21:35
Дизайн