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

Не нашли подходящего раздела? Вам сюда!

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

Сообщение AK-74 » 21 мар 2011, 15:34

Здравствуйте!
Я начинающий.
У меня 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 строк. (А не как у меня - одна строка посерёдке, а две под фото ;( )?
Спасибо.
Аватара пользователя
AK-74
 
Сообщения: 3
Зарегистрирован: 12 янв 2011, 15:58

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

Сообщение Encoder » 21 мар 2011, 15:50

viewtopic.php?f=5&t=20

Вот прочитай все посты в этой теме .
Аватара пользователя
Encoder
Модератор
 
Сообщения: 360
Зарегистрирован: 21 фев 2011, 11:15

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 - это логика их применения!
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)

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
Аватара пользователя
Алексей
Администратор
 
Сообщения: 834
Зарегистрирован: 03 апр 2010, 09:12
Откуда: Солнечный Геленджик :)

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

Сообщение Кирилл » 14 янв 2015, 17:07

Я на счет вопроса 2 .
Надо писать border-color. А синтаксис должен быть CSS.
Кирилл
 
Сообщения: 4
Зарегистрирован: 13 янв 2015, 10:41

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

Сообщение веб-чайник Лена » 18 янв 2015, 21:34

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

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

Сообщение Encoder » 18 янв 2015, 21:48

Скорее всего ничего не изменится, главное чтобы контент и ссылки не менялись.
Аватара пользователя
Encoder
Модератор
 
Сообщения: 360
Зарегистрирован: 21 фев 2011, 11:15

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

Сообщение веб-чайник Лена » 19 янв 2015, 00:58

А если код по-другому будет написан?
веб-чайник Лена
 
Сообщения: 5
Зарегистрирован: 21 май 2014, 14:14

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

Сообщение Encoder » 19 янв 2015, 11:22

Точно не скажу, я менял на одном сайте дизайн, после этого существенных изменений не увидел. Подождем еще Алексея, он может что-то скажет тоже, так как тоже делал редизайн сайта. Но опять же я видел как многие сайты меняли дизайн и ничего плохого с ними не случалось.
Аватара пользователя
Encoder
Модератор
 
Сообщения: 360
Зарегистрирован: 21 фев 2011, 11:15

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

Сообщение WEB - New G » 20 сен 2015, 06:33

Здравствуйте. Я пишу в этой теме, поскольку считаю, что вопрос не относится к уже существующим темам форума.

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

Как такое называется? И как такое сделать?
И достаточно ли для этого средств html и css?
WEB - New G
 
Сообщения: 25
Зарегистрирован: 27 авг 2015, 08:23

След.

Вернуться в Разное

Кто сейчас на конференции

Сейчас этот форум просматривают: Bing [Bot] и гости: 50

cron
Рейтинг@Mail.ru