Страница 1 из 2

"Чайник" - 3 вопроса.

СообщениеДобавлено: 21 мар 2011, 15:34
AK-74
Здравствуйте!
Я начинающий.
У меня 3 вопроса.
1. У меня стоят, пока 3 браузера - Mozilla, Opera, IE.
Атрибут - alt при описании изображения, срабатывает только в IE.
Атрибут - title при описании изображения, срабатывает во всех трёх браузерах.
Просматривал три учебника HTML (включая Ваш), везде атрибут alt рассматривается, как основной.
А атрибут title рассматривается во вторую очередь (в одном учебнике он, как описание изображения, не упоминается вообще).
Может я чего то не понимаю?
Какой смысл выставлять в учебники тег, как основной, если он не всегда срабатывает? А тег, который везде работает, упоминать второстепенным?

2. Атрибут bordercolor не срабатывает.
Он даже в блокноте Notepad++, при включенном синтаксисе HTML, не выделяется, как атрибут, а просто, как обычный текст!
Не пойму, что не так?

3. Пробовал размещать текст с разных сторон от фото.
Пример: <img src="фото/Солнце в ладошке.jpg" align="middle" align="left">
Первая строчка остаётся, как и положено, по середине.
Но если текст больше, то следующие строки перемещаются под фото и текст разрывается.
Можно, например, сделать:
Фото слева, текст справа по середине, из 3 строк. (А не как у меня - одна строка посерёдке, а две под фото ;( )?
Спасибо.

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 21 мар 2011, 15:50
Encoder
viewtopic.php?f=5&t=20

Вот прочитай все посты в этой теме .

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 21 мар 2011, 17:45
Алексей
По поводу атрибутов alt и title..
Вообще пожалуй недопонимания связанные с этими атрибутами это моё упущение как автора учебников вебремесло.ру. Просто в третьей главе посвященной рисункам не хотел "грузить" начинающего человека лишней информацией которая на этой стадии обучения может показаться сложной и уводящей в дебри сайтостроения.
Следует понимать что атрибут alt - это альтернативный текст изображения, а title - это всплывающая подсказка.

Так вот атрибут alt согласно спецификации вовсе не обязан выполнять роль всплывающей подсказки! а должен являться альтернативой рисунка - выводить текст в том случае если изображение не загрузилось, использовать его в речевых браузерах для слабовидящих людей.. и т.д., но так уж исторически сложилось, что основная масса браузеров выводит текст как раз таки в виде всплывающей подсказки. Кроме того если не использовать данный атрибут документ с изображениями не пройдет проверку на валидность!! Так что всегда используйте alt. Если текст Вам ненужен пишите так:

<img src="foto.jpg" alt=""> - т. е. оставляйте пустые кавычки (по иронии судьбы я как раз таки в данный момент занимаюсь тем что расставляю пустые alt="" на сайте вебремесло.ру что бы в месте с выходом нового дизайна похвастаться валидностью кода :) )

Еще практически все поисковые системы используют альтернативный текст для картинок, особенно в тех случаях если человек как раз таки ищет эти самые картинки.
Например при запросе в гугле "Солнце в ладошке" гугл покажет Ваше изображение в первых местах если его код выглядит так:
<img src="foto.jpg" alt="Солнце в ладошке">

а если код выглядит так:
<img src="foto.jpg" title="Солнце в ладошке"> - то Ваши шансы попасть в ТОП стремятся к нулю!!

А вот title это всплывающая подсказка которая может быть применена практически к любому тегу!! и будет работать практически везде.
Например:

<b title="ля ля ля">полужирный текст</b>
<p title="Параграф">Текст</p>

и т. д.

В общем основные отличия alt и title - это логика их применения!

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 21 мар 2011, 18:06
Алексей
3. Пробовал размещать текст с разных сторон от фото.
Пример: <img src="фото/Солнце в ладошке.jpg" align="middle" align="left">
Первая строчка остаётся, как и положено, по середине.
Но если текст больше, то следующие строки перемещаются под фото и текст разрывается.


<img> является тегом строкового типа (http://www.webremeslo.ru/css/glava7.html#block) то есть изображение можно рассматривать как "отдельную букву" из слова в строке - это подводит нас к тому что то чего Вы хотите достичь ни как не получится! а для того что бы получилось заключите тег <img> в другой тег блочного типа например тег <div> и выравнивайте его относительно текста средствами CSS

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 14 янв 2015, 17:07
Кирилл
Я на счет вопроса 2 .
Надо писать border-color. А синтаксис должен быть CSS.

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 18 янв 2015, 21:34
веб-чайник Лена
Здравствуйте, Алексей и все-все-все! :)
Не стала заводить новую тему, т.к. вопрос скорей всего глупый.
Скажите, пожалуйста, если на сайте, который выходит на первой странице в поиске Яндекса полностью поменять дизайн, а тексты и фотографии оставить прежними, останется ли он на первой странице?

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 18 янв 2015, 21:48
Encoder
Скорее всего ничего не изменится, главное чтобы контент и ссылки не менялись.

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 19 янв 2015, 00:58
веб-чайник Лена
А если код по-другому будет написан?

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 19 янв 2015, 11:22
Encoder
Точно не скажу, я менял на одном сайте дизайн, после этого существенных изменений не увидел. Подождем еще Алексея, он может что-то скажет тоже, так как тоже делал редизайн сайта. Но опять же я видел как многие сайты меняли дизайн и ничего плохого с ними не случалось.

Re: "Чайник" - 3 вопроса.

СообщениеДобавлено: 20 сен 2015, 06:33
WEB - New G
Здравствуйте. Я пишу в этой теме, поскольку считаю, что вопрос не относится к уже существующим темам форума.

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

Как такое называется? И как такое сделать?
И достаточно ли для этого средств html и css?