Перейти к содержимому



Помогите найти правильный вариант верстки блока

#1

Поделиться сообщением #1



Kdes70

Kdes70
  • Неактивные
  • 55 сообщений
  • Репутация: 0
0

Отправлено 05 Март 2012 - 21:40

Здравствуйте! люди подскажите как данный элемент лучше сверстать
у кого какие мысли поделитесь....

Без-имени-5.png

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Табличная vs Блочная вёрстки
  2. Вёрстка
  3. Помогите с версткой блока
  4. Html верстка на конкретном примере
  5. Как правильно разбить макет на блоки для div верстки

#2

Поделиться сообщением #2



WarEnek

WarEnek
  • Неактивные
  • 107 сообщений
  • Репутация: 9

Отправлено 05 Март 2012 - 22:17

Проблема в полупрозрачной плашке?
  • 0

#3

Поделиться сообщением #3



Kdes70

Kdes70
    Topic Starter
  • Неактивные
  • 55 сообщений
  • Репутация: 0

Отправлено 05 Март 2012 - 22:35

Проблема в полупрозрачной плашке?

я не знаю как вставить фоновый рисунок (серо-синии полоски) и полупрозрачную плошку
  • 0

#4

Поделиться сообщением #4



yury

yury
  • Пользователь
  • 632 сообщений
  • Репутация: 181

Отправлено 08 Март 2012 - 21:02

я не знаю как вставить фоновый рисунок (серо-синии полоски) и полупрозрачную плошку

Kdes70,
Ваш блок верстается примерно так:
* блок с серым фоном
* в него вставляем блок с белой заливкой и фоновым рисунком из серо-синих полосок со свойством фона "no-repeat", скругления его углов можно задать с помощью свойства css3 "border-radius" + PIE для ИЕ
* полупрозрачная плашка — еще один вложенный блок со скругленными углами, у которого в качестве фона используется розовый png-шный 1х1px файл с нужной вам степенью прозрачности (для поддержки прозрачных png в старых ИЕшках используем, например, DD_belatedPNG)
  • 1

#5

Поделиться сообщением #5



Kdes70

Kdes70
    Topic Starter
  • Неактивные
  • 55 сообщений
  • Репутация: 0

Отправлено 10 Март 2012 - 18:31

спасибо!!!!
  • 0


Оформление форума – IPBSkins.ru