Показано с 1 по 13 из 13

Тема: Тег img и его атрибуты

  1. #1
    Не могу вот понять такую вещь, подскажите, если не трудно: когда я в теге img задаю размер картинки (атрибутами wight и height) в процентах - это процеты от экрана, от рабочей области html-страницы в браузере, от действительного размера картинки или от чего? Я пытался сделать колонтитул (картинку-полоску, которая была бы точно вверху страницы и ровно по ширине развёрнутого окна браузера) с помощью примерно такого кода:
    Код:
    ...
    <style type="text/css">
     ** {margin: 0px; padding: 0px;}
     *html, body {height: 100%;}
     *table {width: 100%; height: 29%; background: #FFFFFF;}
    </style>
    </head>
    <body alink="#FFFFFF" vlink="#0000FF" link="#0000FF">
    <table border="0" cellpadding="0" cellspacing="0">
     *<tr>
     * *<td height="18%">
     * * *[img]pan.jpg[/img]
     * *</td>
     *</tr>
    ...
    </table>
    Но потом выяснилось, что на бОльшем мониторе картинка занимает больше ширины окна и появляется горизонтальная полоса прокрутки.
    Хочу спросить: как сделать, чтобы картинка занимала, например, 100% (60%?, 70%?) от экрана по ширине, а длина подстраивалась бы под пропорции картинки?
    Второй вопрос о картинках: FireFox и Konqueror игнорируют задаваемые отступы от картинки:
    Код:
    [img]map.jpg[/img]
    
    <font face="TimesNewRoman" size="+1">
     *
    1. * *
    2. П.1 списка * *
    3. П.2 * *
    4. ... * *
    5. ... * *
    6. ... *
    Текст Ещё текст

  2. #2

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    размеры IMG должны задаваться либо неотносительными единицами измерения, либо параметром auto.

    и ради бога уберите тэг FONT и устаревшие аттрибуты hspace и vspace, вместо последних используйте margin!

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Gleb@Mar 25 2007, 13:07
    Не могу вот понять такую вещь, подскажите, если не трудно: когда я в теге img задаю размер картинки (атрибутами wight и height) в процентах - это процеты от экрана, от рабочей области html-страницы в браузере, от действительного размера картинки или от чего?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    От доступного горизонтального или вертикального пространства. Т.е. от размеров контейнера (родительского элемента), в котором эта картинка находится. В Вашем конкретном случае – от текущей ширины и высоты элемента <td>.

    Originally posted by Gleb@Mar 25 2007, 13:07
    Я пытался сделать колонтитул (картинку-полоску, которая была бы точно вверху страницы и ровно по ширине развёрнутого окна браузера) с помощью примерно такого кода...
    Но потом выяснилось, что на бОльшем мониторе картинка занимает больше ширины окна и появляется горизонтальная полоса прокрутки.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Нет никакой ложки.
    Если код у Вас действительно такой, какой Вы привели здесь – никакая горизонтальная полоса прокрутки не появляется. Ни в одном из современных браузеров. Вертикальная прокрутка может появляться – но это уже другой вопрос...

    Originally posted by Gleb@Mar 25 2007, 13:07
    Хочу спросить: как сделать, чтобы картинка занимала, например, 100% (60%?, 70%?) от экрана по ширине, а длина подстраивалась бы под пропорции картинки?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Расположить картинку в соответствующем контейнере и задать ей необходимую ширину. Примерно так, как Вы и делаете.

    Originally posted by Gleb@Mar 25 2007, 13:07
    Второй вопрос о картинках: FireFox и Konqueror игнорируют задаваемые отступы от картинки:
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    И правильно делают.
    Рекомендую Вам навсегда распрощаться со следующими атрибутами:
    align, vspace, hspace, size... А также с элементом font...

    Originally posted by Zigzag@Mar 25 2007, 14:51
    размеры IMG должны задаваться либо неотносительными единицами измерения, либо параметром auto.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ну почему же. ))
    Согласно Спецификации HTML 4.01 атрибуты width и height элемента <img> могут принимать значения, обобщенные импортированным именем SGML – %Length. Это импортированное имя подразумевает задание размера в пикселах, либо в процентах. При использовании табличной модели верстки указание 100%-ной ширины изображения использовалось в свое время довольно часто.

    Другое дело, что если следовать современным стандартам, борцами за которые мы с тобой являемся, в этом действительно нет никакого смысла... )))

  4. #4
    Originally posted by Aykroyd@Mar 25 2007, 15:30
    [b]Рекомендую Вам навсегда распрощаться со следующими атрибутами:
    align, vspace, hspace, size... А также с элементом font...
    А что вместо них? Пытался искать в Интернете - не нашёл. Если это стили CSS, то немного непонятно: они же задаются на весь документ, а если у меня там 10 видов форматирования текста? Не могли бы вы какой-нибудь пример привести, если не трудно?

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Gleb@Mar 25 2007, 21:14
    А что вместо них? Пытался искать в Интернете - не нашёл.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ну это Вы зря. ))
    В сети материалов на эту тему – просто немеряно...

    Originally posted by Gleb@Mar 25 2007, 21:14
    Если это стили CSS, то немного непонятно: они же задаются на весь документ
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Заблуждаетесь.

    Originally posted by Gleb@Mar 25 2007, 21:14
    а если у меня там 10 видов форматирования текста?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Да хоть 100 видов. Для этого существуют родовые и регулярные классы, идентификаторы и контекстные селекторы.

    Originally posted by Gleb@Mar 25 2007, 21:14
    Не могли бы вы какой-нибудь пример привести, если не трудно?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    [Только зарегистрированные пользователи могут видеть ссылки. ]. Для начала...

  6. #6
    Спасибо! Буду изучать.

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Не за что.
    Вверху данного раздела форума прикреплена вот [Только зарегистрированные пользователи могут видеть ссылки. ] тема. Советую обратить внимание.

  8. #8

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Gleb@Mar 25 2007, 19:14
    А что вместо них? Пытался искать в Интернете - не нашёл. Если это стили CSS, то немного непонятно: они же задаются на весь документ, а если у меня там 10 видов форматирования текста? Не могли бы вы какой-нибудь пример привести, если не трудно?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    вы не понимаете самой сути CSS, они позволяют полность контролировать внешний вид документа, вы хоть 100 разновидностей текста задайте в них

  9. #9
    Т.е. CSS - это именно и есть наше всё?

  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Gleb@Mar 25 2007, 22:08
    Т.е. CSS - это именно и есть наше всё?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    В смысле?

  11. #11
    В смысле, что именно его, а не что другое нужно в первую очередь изучать, и он - основное после HTML средство создания страниц?

  12. #12

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Gleb@Mar 25 2007, 22:17
    В смысле, что именно его, а не что другое нужно в первую очередь изучать, и он - основное после HTML средство создания страниц?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Не совсем верная трактовка. Здесь нельзя рассуждать "после" или "до".
    HTML используется для разметки структуры документа, а CSS – для оформления документа. Страницы создаются в тесной связке HTML+CSS.

  13. #13

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Gleb@Mar 25 2007, 20:08
    Т.е. CSS - это именно и есть наше всё?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    XHTML+CSS есть наше все! XHTML&#39;ом размечаем страницу семантически, CSS&#39;ом придаем ей стилистическое оформление. Как заметил коллега, изучать надо одновременно.

Похожие темы

  1. Удалить атрибуты при помощи javascript
    от AlexaP в разделе Веб-программирование
    Ответов: 19
    Последнее сообщение: 29.05.2007, 01:06
  2. Как установить права(атрибуты) на папку!?
    от atomic123 в разделе Веб-программирование
    Ответов: 6
    Последнее сообщение: 24.07.2006, 12:25
  3. атрибуты тега <a>
    от kaiowas в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 28.02.2006, 18:25

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •