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

Тема: как перекрыть background

  1. #1

    Регистрация
    05.06.2007
    Адрес
    Самары
    Сообщений
    22
    привет, подскажите пожалуйста как можно реализовать такой дизайн(см эскиз)
    в фоне идут точки и боковые колонки не фиксированной ширины и им нельзя задать цвет фона, чтобы точки не было видно за содержимым т.к. в родительском блоке градиент, в общем если на рис посмотреть то понятно что имею ввиду

  2. #2

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

  3. #3

    Регистрация
    05.06.2007
    Адрес
    Самары
    Сообщений
    22
    Originally posted by Aykroyd@Nov 28 2007, 09:55
    Если честно – не понял ничего...
    Даже несмотря на прикрепленную иллюстрацию...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    ну вы бы посмотрели на изображение и подумали как бы сами стали верстать и непременно столкнулись бы с описаной проблемой..ну и поняли бы что я имею ввиду

    на самом деле уже нашла решение, каждую строку делала отдельной таблицей

  4. #4

    Регистрация
    26.11.2007
    Адрес
    Ялты
    Сообщений
    79
    наверна хочет сообразить подобную фигню, только с какими-то условиями, которых я тож не понял

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by P_Ann@Nov 28 2007, 15:24
    ну вы бы посмотрели на изображение и подумали как бы сами стали верстать и непременно столкнулись бы с описаной проблемой..ну и поняли бы что я имею ввиду

    на самом деле уже нашла решение, каждую строку делала отдельной таблицей
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    На той иллюстрации, которую Вы представили, я не вижу ни одной колонки и ни одной таблицы.

    ТАБЛИЦА (от польск. Tablica < лат. tabula - доска, таблица) - набор, составленный из нескольких колонок, имеющих самостоятельные заголовки и отделенных друг от друга продольными линейками.

    То, что там изображено – это [Только зарегистрированные пользователи могут видеть ссылки. ]. И я бы стал верстать все это именно списком определений, в соответствии с семантическими требованиями современных [Только зарегистрированные пользователи могут видеть ссылки. ].

  6. #6

    Регистрация
    05.06.2007
    Адрес
    Самары
    Сообщений
    22
    в общем там вся загвоздка в этих повторяющихся тачках и проще все реализовать такую верстку с помощью таблицы

  7. #7

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

  8. #8
    Artcool.org.ua
    Гость
    А я думаю ето и будет верным решениям, так как, занимает она не много ИМХО

  9. #9
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    попробовал решить проблему...

  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by never_again@Dec 13 2007, 14:07
    попробовал решить проблему...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Respect) Учтены все нюансы.
    Не понял только зачем clear: both и margin-bottom: -1em. Особой практической нагрузки эти свойства в данном конкретном случае вроде бы не несут... Как следствие – можно избавиться и от line-height для универсального селектора...

  11. #11

    Регистрация
    05.06.2007
    Адрес
    Самары
    Сообщений
    22
    never_again, все это просто великолепно, только как я писала, представьте себе что у элемента в dl в фоне градиент, а это значит что цвет фона, который вы задали для span (а ведь "только для этого мы его и ввели") будет виден на нашем градиентном фоне

  12. #12

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    Originally posted by P_Ann@Dec 14 2007, 15:57
    [b]представьте себе что у элемента в dl* в фоне градиент, а это значит что цвет фона, который вы задали для span (а ведь "только для этого мы его и ввели") будет виден на нашем градиентном фоне
    span {background-color: transparent;} либо вообще убрать у span параметр background-color.

  13. #13
    Originally posted by P_Ann@Dec 14 2007, 15:57
    never_again, все это просто великолепно, только как я писала, представьте себе что у элемента в dl* в фоне градиент, а это значит что цвет фона, который вы задали для span (а ведь "только для этого мы его и ввели") будет виден на нашем градиентном фоне
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

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

  14. #14

    Регистрация
    05.06.2007
    Адрес
    Самары
    Сообщений
    22
    Originally posted by Рёга@Dec 14 2007, 23:15
    span {background-color: transparent;} либо вообще убрать у span параметр background-color.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    да, и в фоне у текста у нас теперь репитяца точки....

  15. #15

    Регистрация
    05.06.2007
    Адрес
    Самары
    Сообщений
    22
    Originally posted by never_again@Dec 15 2007, 10:22
    да, это действительно немного усложняет задачу)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    да уж, самую малость

Похожие темы

  1. сокращенный background в IE8
    от Levhik в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 01.03.2010, 21:58
  2. background-image
    от blackbird4 в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 06.11.2008, 14:14
  3. Вопрос про background
    от mixman13 в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 14.10.2007, 19:02
  4. IMG vs. BACKGROUND
    от Грин в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 25.09.2007, 19:07
  5. background в опере
    от EDuard в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 06.03.2006, 00:24

Ваши права

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