Goldsnich

Здравствуйте, я пытаюсь сделать снипнет рецепта для Google, хочу чтобы в результатах поиска какого-то рецепта, рядом с описанием рецепта выводилась картинка с уменьшенной копией. Вот что я имею ввиду ссылка Салат "Ананас" описание и иконка. Справочник вебмастера говорит о том, что нужно оформить рецепт сонласно правилам разметки и я разметила что позволил мне редактор Joomla 1.7. Но проблема с заголовком рецепта, он выводится джумлой не из текста статьи, поэтому в исходном коде он не отображается. А мне нужно добавить к заголовку обязательный параметр "name (fn)". В моих CSS заголовок имеет только один параметр выравнивания, который я добавила сама } /*CUSTOM**ALIGN CONTENTHEADING*/ div.item-page h2.contentheading {text-align:center; } Как можно ему ещё добавить класс "name (fn)" ? Т.е. он должен быть с такими атрибутами <h2 class="rcptitle fn" align="center"> <a href="/vypechka/sladkaya/102-blinu">Блины с перепелинных яиц"</a> А у меня он сейчас вот такой <h2 class="contentheading"> <a href="/vypechka/sladkaya/102-blinu"> Блины с перепелиных яиц</a></h2> А это ошибка в тестере, где Google просит добавить: Warning: Missing required field "name (fn)". ссылка По правилам ещё необходимо вынести "<div class="hrecipe>" в начало всего рецепта, а меня стоит уже после заголовка . А редактор кода начинается уже от заглавной картинки. Сначала идёт маленькая картинка на preview, потом большая, а заглавия тут нет. <p><img src="images/vipechka/sladkaya/blinu/v_razdel.jpeg" title="Блины с перепелиных яиц" alt="Блины с перепелиных яиц" /></p> <hr id="system-readmore" /> <div class="hrecipe"> <p><img class="photo" style="display: block; margin-left: auto; margin-right: auto;" src="images/vipechka/sladkaya/blinu/gotovoe_bludo.jpeg" title="Блины с перепелиных яиц" alt="Блины с перепелиных яиц" /></p> <p><span style="font-size: 10pt; font-family: comic sans ms,sans-serif;"><strong>Подготовка:</strong></span><span style="font-size: 10pt; font-family: comic sans ms,sans-serif;"> 10 мин</span>;</p> <p><span style="font-size: 10pt;"><strong><span style="font-family: comic sans ms,sans-serif;">Время приготовления:</span></strong></span> <span style="font-size: 10pt; font-family: comic sans ms,sans-serif;">15 мин;</span></p> <p class="rcphdr"><span style="font-size: 10pt;"><strong><span style="font-family: comic sans ms,sans-serif;">Состав</span></strong></span></p> <ul class="rcpstru" style="list-style-type: square;">

SelenIT, Да вроде бы ничего сложного, всего-то сместить картинку на несколько пикселей, кстати, чего-то всё равно не получилось с такой конструкцией: <script type="text/javascript" language="JavaScript"> if( /opera/i.test(navigator.userAgent.toLowerCase()) ) { document.getElementById("id элемента").style.top = "-50px"; } </script> Но потом немного поковыряв CSS, более или менее в Opera стало отображаться верно после задания вместо процентов, фактического расположения в пикселях. (top: -50px;), остальные браузеры отреагировали небольшим смещением, что не кретично. Но всёже, хотелось бы припасти такой рабочий скриптик, на случай "если уже совсем никак". p.s. Кстати, будующий сайт на Drupal 7, может я не туда код вставляю ? Пробую в page.tpl.php, в самый вверх.

Извините, на самом деле marginTop на распположение не влияет, нужно изменить стиль top и присвоить ему -50px Тоесть альтернативная таблица для Opera должна быть такая: #content a.feed-icon { float: none; /* LTR */ margin-top: -25px; position: relative; bottom: 6px; top: -50px; left: 202%; z-index: 1; } По вашему примеру вставила в страницу такой код, но он не отрабатывает почему-то, (в Opera Javasсript включен разумeeтся) <script type="text/javascript" language="JavaScript"> if( /opera/i.test(navigator.userAgent.toLowerCase()) ) { document.getElementsByClassName(".feed-icon")[0].style.top = "-50px"; } </script>

Извините за нубность, а где здесь подключение моей альтернативной таблицы ? Вот у меня внешняя CSS, style.css там стили оформления, можно просто туда прописать альтернативный стиль для какого-то элемента и сопоставить ему браузер ? Если использовать ваш скрипт java, это я так понимаю что нужно его где-то внедрить в html страницу, а где путь к таблице css ? Это ? opera: /opera/i.test(_ua)

Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует Opera, потомучто в нём картинка rss и логотип находятся в неправильном месте. А я подстраивала CSS для Firefox и Chromium, там всё нормально. Вот стиль, описывающий иконку rss #content a.feed-icon { float: none; /* LTR */ margin-top: -5px; position: relative; bottom: 36px; top: 10%; left: 202%; z-index: 1; } Этот стиль находится во внешней таблице, вот как мне теперь сделать чтоб этот стиль игнорировался Opera и использовался альтернативный ? Вот альтернативный CSS: @media all and (min-width: 0) { #content a.feed-icon { float: none; /* LTR */ margin-top: -2px; position: relative; bottom: 16px; top: 10%; left: 202%; z-index: 1; } Но этот стиль действует и на другие браузеры, если я что-то меняю, это влияет на расположение иконки везде.

Вот оно, спасибо большое! Именно это мне и нужно было! Я тоже так пробывала, только кавычки не туда ставила, поэтому и не работало.

DrStrangeLove , по умолчанию nofloat как раз и не работает, ну наверное какой-то float выше наследуется. yacor, что-то не работает с </p>. Всмысле, всё равно текст обтекается справа.

Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, пробывала много вариантов, текст либо справа обтекался, либо слева, а ниже картинки никак не хотел идти.