Kirik_ 439 Опубликовано 9 мая, 2013 Share Опубликовано 9 мая, 2013 (изменено) Добрый день! Всех с праздником! Начал потихоньку изучать язык HTML и одновременно практиковаться на Ucoz'е. Вопрос связан со вставляемыми в код изображениями. С атрибутами width и height разобрался. А вот как выравнить вставленную картинку по центру - пока не знаю. В книге этого не нашел (возможно, плохо искал). В интернете нашел несколько вариантов кодов. Но мне нужен правильно составлен тег с точки зрения синтаксиса, а не просто "налепить", лишь бы работало. Вот полный тег: <img src=http://адрес картинки width="значение" height="значение"> Куда вставить тег выравнивания и какой это тег? Просьба знающих его написать. Изменено 9 мая, 2013 пользователем Kirik_ Цитата Ссылка на сообщение Поделиться на другие сайты
_Maks__ 370 Опубликовано 9 мая, 2013 Share Опубликовано 9 мая, 2013 Если по центру блока с контентом, т.е. текст, а к нему картинка, которая нужна не с левого края, а в центре, то <div align="center"> <img src=http://адрес картинки width="значение" height="значение"> </div> Цитата Ссылка на сообщение Поделиться на другие сайты
Paddington 207 Опубликовано 9 мая, 2013 Share Опубликовано 9 мая, 2013 Kirik_, вот полезный ресурс-шпаргалка. Соответственно <center><img src=http://адрес картинки width="значение" height="значение"></center> Цитата Ссылка на сообщение Поделиться на другие сайты
vit9696 415 Опубликовано 9 мая, 2013 Share Опубликовано 9 мая, 2013 Во-первых, center запрещён уже лет сто. Во-вторых, src вроде всегда требовал кавычек от зла подальше. <div style="text-align: center;"><img src="http://mysite.ru/image.png" alt="" width="20px" height="30px"></div> (Для XHTML юзать /> вместо >) Я бы всё это добро ширины/высоты вообще убрал в css: <div style="text-align: center;"><img src="http://mysite.ru/image.png" alt="" style="width: 20px; height:30px"></div> Цитата Ссылка на сообщение Поделиться на другие сайты
Kirik_ 439 Опубликовано 9 мая, 2013 Автор Share Опубликовано 9 мая, 2013 Во-первых, center запрещён уже лет сто. Почему? Во-вторых, src вроде всегда требовал кавычек от зла подальше. (Для XHTML юзать /> вместо >) Спасибо за замечания - учту. Цитата Ссылка на сообщение Поделиться на другие сайты
vit9696 415 Опубликовано 9 мая, 2013 Share Опубликовано 9 мая, 2013 Спрашивайте у W3 Group или как их там... Я не разработчик стандартов html. http://htmlbook.ru/html/center — в принципе, в третьей версии html он ещё есть... Цитата Ссылка на сообщение Поделиться на другие сайты
Kirik_ 439 Опубликовано 13 мая, 2013 Автор Share Опубликовано 13 мая, 2013 У меня в "шапке" сайта написано его название, состоящее из двух строк. Это заголовок первого уровня <H1>. И к нему в настройках стиля CSS применены определенные настройки шрифта, размера символов, начертания и цвета. Что и где в коде мне прописать, чтобы сделать отдельные настройки для второй строки? Вот сам код: .header h1 {color: #ffff00; font-size: 18pt; font-weight: bold; font-style: normal; position: absolute; top: 40px; left: 90px; margin: 0; padding: 0;} И еще вопрос: когда я хочу использовать заголовок второго уровня <H2>, то почему-то его содержимое появляется не под, а над содержимым заголовка первого уровня. Почему так? И где это исправить? Цитата Ссылка на сообщение Поделиться на другие сайты
gecsagen 279 Опубликовано 13 мая, 2013 Share Опубликовано 13 мая, 2013 Kirik_,Я не знаю какую книгу вы читали,но я советую вам найти эту:HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера Автор:Николай Прохоренок.Я в частности читал,там почти все нашел. Цитата Ссылка на сообщение Поделиться на другие сайты
Kirik_ 439 Опубликовано 13 мая, 2013 Автор Share Опубликовано 13 мая, 2013 gecsagen, вот. Книга указана в 1-м посте. Напишу еще раз: я в этом деле новичок, "чайник" (не побоюсь таким словом оценить свой уровень знаний в области HTML и CSS). Поэтому мне нужно для начала что-то простое и по возможности элементарное, чтоб вникнуть (об этом, кстати, я писал в указанной выше теме). Цитата Ссылка на сообщение Поделиться на другие сайты
ACIK 404 Опубликовано 13 мая, 2013 Share Опубликовано 13 мая, 2013 Поэтому мне нужно для начала что-то простое Вот подписка: http://www.youtube.com/channel/UCkzEoCBcOFx2HK0_IDxSMZQ ... наглядно показаны принципы "сайтостроения"... там есть и про css, и про html. Может поможет. а над содержимым заголовка первого уровня position: absolute; top: 40px; left: 90px; - этим Вы указали абсолютную позицию (отступ) текста с заголовком 1 (другой вопрос, зачем?). У заголовка 2 скорее всего нет отступов, вот он и выводится, как положено, начиная с левого верхнего угла. Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.