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

Тема: вставка картинки в тег через css

  1. #1

    Регистрация
    02.04.2007
    Сообщений
    10
    Привет всем!
    Можно ли при помощи css в странице стилей вставить картинку во все одноименные теги (например, <div> или <span>), чтобы не прописывать ее вставку 148 раз.

  2. #2

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    это одно из главных преимущест CSS..
    ответ: можно

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Не можно, а нужно. )

  4. #4

    Регистрация
    02.04.2007
    Сообщений
    10
    Простите, а как? Так, чтобы она и размеры изменила до 100%.

  5. #5

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    Простите, а как? Так, чтобы она и размеры изменила до 100%.
    что значит как? вот [Только зарегистрированные пользователи могут видеть ссылки. ], там есть отличный справочник по CSS

  6. #6

    Регистрация
    02.04.2007
    Сообщений
    10
    То что мне надо можно создать с помощью шаблонов
    Нашлись примеры и генераторы, кому надо - стучите в приват

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    То, что Вам надо – это одна строчка кода... )
    Которую можно написать и руками...

  8. #8

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    Originally posted by Oliany@May 5 2007, 16:12
    [b]То что мне надо можно создать с помощью шаблонов. Нашлись примеры и генераторы, кому надо - стучите в приват.
    <теэ> {background-image:url(<url изображения>);}
    Вы по-прежнему уверены, что кому-то нужны ваши шаблоны?

  9. #9

    Регистрация
    02.04.2007
    Сообщений
    10
    <теэ> {background-image:url(<url изображения>);}
    Но изменение размеров-то здесь не действует! Вставляется картинка стопроцентного размера, как она создана и ее нельзя растянуть или сжать.

  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Так, так, так. Очень интересно!
    Что же это Вы там растягиваете и сжимаете?
    Уж не растровое ли изображение? )

  11. #11

    Регистрация
    06.05.2005
    Адрес
    Санкт-Петербург
    Сообщений
    769
    гениальный ход - вместо того чтобы сделать превью уменьшим средствами браузера оригинал...
    скорее всего так %)

  12. #12

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Если данная гипотеза верна, аплодирую стоя! )

  13. #13

    Регистрация
    09.05.2007
    Сообщений
    2
    background-width

  14. #14

    Регистрация
    02.04.2007
    Сообщений
    10
    Нет такого
    background-width
    Команда стоит такая
    #top { background-image: url(&#39;daf-banner.jpg&#39; background-position : top center; background-repeat: no-repeat; position:absolute; left:0; top:0; width:100%; height:230px;}

    потом в хтмл в боди
    <div id="top">
    <div id="daftext" >
    <h1 id="Layer2">Добро пожаловать!</h1></div></div>

    Таким образом в top вставляется backgroung-image, а справой стороны текст daftext, который располагается относительно экрана в процентах.
    Вот хотелось бы картинку тоже раположить также, относительно экрана в процентах и дать ей размер. Но с backgroung-image это в css не проходит. Такие дела,

  15. #15

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Oliany@May 9 2007, 17:23
    Команда стоит такая
    #top { background-image: url(&#39;daf-banner.jpg&#39; background-position : top center; background-repeat: no-repeat;* position:absolute; left:0; top:0; width:100%; height:230px;}
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Все это можно записать намного короче:

    Код:
    #top {background: url(daf-banner.jpg) no-repeat top center; position: absolute; left: 0; top: 0; width: 100%; height: 230px;}

    Originally posted by Oliany@May 9 2007, 17:23
    потом в хтмл в боди
    <div id="top">
    <div id="daftext" >
    <h1 id="Layer2">Добро пожаловать!</h1>
    </div>
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    [/quote]
    Не вижу никакого смысла в блоке daftext.
    Скорее всего заголовок прекрасно можно спозиционировать и без него...

    Originally posted by Oliany@May 9 2007, 17:23
    Вот хотелось бы картинку тоже раположить также, относительно экрана в процентах и дать ей размер.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    [Только зарегистрированные пользователи могут видеть ссылки. ]...

Похожие темы

  1. Вставка гиф из буфера
    от AssssA в разделе Растровая графика
    Ответов: 2
    Последнее сообщение: 07.10.2009, 17:18
  2. Вставка графики в каркас сайта
    от admbuxonly в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 09.08.2009, 15:12
  3. Ответов: 0
    Последнее сообщение: 13.09.2008, 13:01
  4. вставка с помощью JavaScript
    от xmagnusx в разделе Веб-программирование
    Ответов: 4
    Последнее сообщение: 09.06.2007, 14:00
  5. Вставка одного слоя под другой...
    от ran71me3rr0r в разделе Растровая графика
    Ответов: 1
    Последнее сообщение: 04.10.2004, 06:52

Ваши права

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