Ошибки в CSS, HTML, XHTML, …

[gdi31]

При чем тут слеш?

Там пробелы... только на скрине это не видно, я просто этот сайт уже смотрел несколько раз и знаю все его грабли...

Про грабильки, интересноб былоб почитать :).

Я понял что виной всему пробел, только вот не пойму в чём разница между 406 и 394 строкой

(вроде всё одинаково только предупреждения нет).

Если ковырять то видемо здесь?

<a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a>

<li><a href="<?php echo str_replace('&', '&', $manufacturer['href']); ?>"><img src="<?php echo $manufacturer['preview']?>" alt="<?php echo $manufacturer['name']; ?>" /></a></li>

Даже не представляю, что тут не так! :huh:

Тыкните пожалуйста носом.

[gdi31]

Всё исправил, оказалось всё очень просто :).

[gdi31]

Очередная засада, про которую что-то внятного через поисковик найти не удалось . . .

Буду премного благодарен за помощь, тому, кто что-то в этом соображает!

[gdi31]

Неужели это не кому не по зубам ?

[Blakkky]

Ой, народ, вот вы заморочились-то. Поисковикам глубоко фиолетово 95% ошибок, которые показывают валидаторы.

На ошибки CSS им вообще плевать (а без них, зачастую, кроссбраузерную верстку не сделать).

JS тоже не интерпретируется, и на ошибки в нем тоже побоку.

Самое главное, для поисковиков, чтобы семантически в верстке не было грубых ошибок, и только, т.е:

- теги закрыты корректно (чтоб вот такого не было):

<form>
    <div>
        <p>какой-то-текст
</form>
    </div>

- правильно расставлены акценты (чтоб вот такого не было):

<strong>и-тут-пошло-полтора-экрана-текста</strong>

- блоки использовались по назначению (чтоб вот такого не было):

<style>
    .b-as-div {
        display: block;
        width: 400px;
        height: auto;
    }
    .b-as-header {
        display: block;
        width: 100%;
        margin: 10px;
        text-align: center;
    }
    .b-as-paragraph {
        display: block;
        width: 100%;
        text-indent: 20px;
        text-align: left;
    }
</style>
...........
<b class="b-as-div">
  <b class="b-as-header">Заголовок</b>
  <b class="b-as-div">
    <b class="b-as-paragraph">какой-то-<b>текст</b></b>
  </b>
</b>

кстати, пример выше абсолютно валиден (ну если раскидать стили и тело по header и body) и человек в браузере его будет видеть как надо, но при этом от такого любой поисковик взвоет и не ровен час, забанит страницу за поисковый спам.

- Чтоб верстка была максимально компактная (чтоб вот такого не было):

<div>
  <div>
    <div>
      <div>
        <div>
          <div>
            <div>
              <div>
                <div>
                  <div>
                  какой-то-текст
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

На общепринятые ошибки глаза закрываются (такие как незакрытые img и input-ы) обычно.

А все остальное - на усмотрение самого веб-мастера. Кардинально использование div-ов или таблиц, а также валидность на позиции не влияет никак. Просто при переверстывании на div-ах документ более структурирован получается (если верстали с умом), это роботам нравится, при проверке валидности правятся ошибки, которые могут помешать роботам увидеть контент (незакрытые теги) и упростить разбор, что в итоге дает большую частоту индексации и попадание в индекс всей страницы корректно.

Но есть и примеры, когда в коммерческий топ с 700.000+ запросов/мес выходят сайты с грубыми ошибками в верстке, разваливающиеся в разных браузерах, да и вдобавок сверстанные таблицами, зато с уникальными текстами и хорошим ссылочным.

[gdi31]

Ой, народ, вот вы заморочились-то. Поисковикам глубоко фиолетово 95% ошибок, которые показывают валидаторы. . .

Я так думаю: Если делать для себя, чёш не заморочиться, этож не в шахту лезть, тыр-пыр кнопками и всё в ёлочку. А вот если притулить "калеку" налево, за хлеб насущный, то можно и прислушаться к Вашему мнению.

Мысли вслух: Мужчины за выпивкой беседуют либо о пользе порядка, либо о прелестях бардака. :)

[Blakkky]

Я так думаю: Если делать для себя, чёш не заморочиться, этож не в шахту лезть, тыр-пыр кнопками и всё в ёлочку. А вот если притулить "калеку" налево, за хлеб насущный, то можно и прислушаться к Вашему мнению.

Ну я это все к тому, что привести в порядок верстку в большинстве шаблонов, в частности, под opencart, нужно потратить не один час времени (и чем сложнее дизайн и неграмотнее изначальный создатель шаблона, тем больше времени придется убить на валидацию).

Если это делается "чтобы глаз радовало", то это одно, но тут вроде как обсуждали отношение поисковиков к верстке и ошибкам в ней, значит цель-то немного другая. А для поисковиков, вместо убивания 5 часов на создание валидной верстки, лучше это время потратить на написание уникальных, сбалансированных текстов с ключевиками (за 5 часов вполне можно наполнить текстами главную и десяток узлов каталога, толку от этого для ранжирования будет на порядок больше, чем от валидной верстки).

PS: а по Вашему вопросу по jQuery, так сходу сказать, в чем проблема у Вас не получится (не известно, какие дополнения к jQuery ставили, что в самом jQuery правили, что именно и как на нем реализовано и т.д., скорее всего, проблема именно в плагинах/скриптах на jQuery, а не в нем самом). Нужно смотреть полную картину, а то получается вопрос типа "у меня не заводится машина, вот фотка передней панели в момент завода" (без обид). :)

[gdi31]

. . . Нужно смотреть полную картину, а то получается вопрос типа "у меня не заводится машина, вот фотка передней панели в момент завода" (без обид). :)

Именно так я и думал :).

Раз уж всё так сложно, оставлю это вопрос на "завтра" а сегодня, раз Вы затронули тему сбалансированного текста с ключевиками, хотелось бы услышать Ваше мнение о главной странице моего сайта (на всякие пожарные ссылкав профиле).

Баланс присутствует или полный дисбаланс?

А то у меня как на кухне всё по вкусу соль, перец . . . :) одним словом варганю что-то, но не знаю, что из этого выйдет.

[gdi31]

Выстрел в воздух, но всё же в чудеса верю! :)

Что здесь не так? (переводчиком пользовался в общих чертах, представляю о чем - суть не понятна)

Мысли вслух: Опыт - это то, что покупается ценою собственных ошибок. Пусть хотя бы в этом наши покупательские способности не ограничены.

[Blakkky]

Выстрел в воздух, но всё же в чудеса верю! :)

Что здесь не так? (переводчиком пользовался в общих чертах, представляю о чем - суть не понятна)

Мысли вслух: Опыт - это то, что покупается ценою собственных ошибок. Пусть хотя бы в этом наши покупательские способности не ограничены.

Времени пока на анализ текстов нет, по-позже обязательно отпишусь.

А касательно этой ошибки - по стандарту xhtml1 атрибута tab нету у тега a, но он нужен jQuery-скриптам, чтобы работать с вкладками.

Вариантов два:

1. забить на валидацию

2. использовать вместо tab, скажем, rel или, что лучше, href и переписать jQuery-скрипты под использование значения href вместо tab.

вот, например, подправленный под использование href-ов стандартный рисователь таб-контрола из базовой темы OpenCart-а из моего магазина.

Файл /catalog/view/javascript/jquery/tab.js (только не забудьте, что перед его изменением надо во всех шаблонах, где есть такие же кантролы переписать tab-ы на href-ы, т.е. вместо <a tab="#some">...</a>, ставим <a href="#some">...</a>):

$.tabs = function( selector, start ) {
        $( selector ).each( function( i, element ) {
                $( element ).click( function() {
                        $( selector ).each( function( i, element ) {
                                $( $( element ).attr( 'href' ) ).removeClass( 'selected' ).css( 'display', 'none' );
                        });
                        $( this ).addClass( 'selected' );
                        $( $( this ).attr( 'href' ) ).css( 'display', 'block' );
                        
                        return false;
                });
        });
	
        if ( !start )
                start = $( selector + ':first' ).attr( 'href' );

        $( selector + '[href=\'' + start + '\']' ).trigger( 'click' );
};

[gdi31]

. . .

Вариантов два:

1. забить на валидацию

2. использовать вместо tab, скажем, rel или, что лучше, href и переписать jQuery-скрипты под использование значения href вместо tab

. . .

Огромадное спасибо!!!

Читать - читал, но самбы не отдуплил. Применил rel.

Прошёлся плюсом по репутации, жалко вот лимит не исчерпал всего 6 постов, а тоб весь всадилбып :).

[Blakkky]

Огромадное спасибо!!!

Читать - читал, но самбы не отдуплил. Применил rel.

Прошёлся плюсом по репутации, жалко вот лимит не исчерпал всего 6 постов, а тоб весь всадилбып :).

Да вообщем-то особо не за что, после нескольких десятков мегабайт приведенного в порядок html-я ответы на такие вопросы не сложнее, чем на "сколько времени?". Рад, что помог.

Вот именно про такую валидацию, которая сжирает, обычно, много времени на поиск того, в чем причина, но при этом мало на что влияет при продажах, я и писал выше.

Единственный смысл приводить в порядок такие ошибки, это только для самообразования, чтоб с 10й попытки уже на автомате писать максимально валидный html.

[gdi31]

. . .

Единственный смысл приводить в порядок такие ошибки, это только для самообразования, чтоб с 10й попытки уже на автомате писать максимально валидный html.

Во-о-О, как раз этим я и занимаюсь. :)