Как сделать такие уголки у таблицы?

Статус
В этой теме нельзя размещать новые ответы.
Apocalypse

Apocalypse

Take My Revolution
Регистрация
2 Июн 2007
Сообщения
304
Реакции
802
Знатоки, помогите пожалуйста! :thenks:

Прикрепил изображение таблицы, точнее там получается три таблицы:

- одна темного цвета
- одна для уголков
- одна для светлого фона

Вопрос, как это сделать в хтмл? Делаю три таблицы, во второй вставляю уголки, но они отражаются по углам,а надо чтобы с наложением =( В общем посмотрите прицепку и посоветуйте.

Спасибо за помощь.
 

Вложения

  • макет1.jpg
    макет1.jpg
    14,6 KB · Просмотры: 91
разрежь все и делай. Ты сути не отобразил, это четыре угла одной большой таблицы? Или же заготовка для заголовока
 
mdss написал(а):
разрежь все и делай. Ты сути не отобразил, это четыре угла одной большой таблицы? Или же заготовка для заголовока
Нажмите для раскрытия...

Что резать? Мне ничего не надо резать! Все уже нарезано, мне надо разобраться как сделать такие уголки картинками и с наложением на светлую область. Какую еще суть отобразить? :-]
 
все очень просто!

Таблица с тремя столбиками!
Для Все таблины задаем фон из осноговного цвета! - это вырезанное изображение шинирой 1 px а высотой во все представленное изображение!

Далее вырезаем левый кусок исображения и правый и вставляем их в крайние столбики!

В итоге мы получим резиновую структуру по горизонтали!

Полностью резина делаетсяс идентично!
 
или на блоках всё сделать, правда получается вложенность из 8 div'ов но зато это просто и понятно.
первому диву задаём основной центральный цвет как бэкгроунд + ещё и однопиксельную по горизонтали или вертикали картинку(зависит для какого бока задавать) что повторяет боковой фон, а в последних 4-ех дивах задаём как неповторяющийся фон уголки с узорами для каждого угла.
итого получаем тянущийся блок с нужным фоном.
 
Забыл написать, что я не силен в хтмл =)

Код может кто-нибудь предложить? :thenks:
 
Apocalypse написал(а):
Забыл написать, что я не силен в хтмл =)

Код может кто-нибудь предложить? :thenks:
Нажмите для раскрытия...


cocacola тебе написал самый лучший способ, если ты несилен в хтмл, то учи хтмл, но еще тебе понадобиться и css.
Вот здесь описано то што тебе нада! Вникни
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
 
Вот простенький код:

Код: 
<html>
  <head>
  <title></title>
  <style type="text/css">
    td { height:80px; text-align:center; vertical-align:middle; }
    .td_left { width:40px;  background:url(td_left.jpg); }
    .td_cent { width:300px; background:url(td_cent.jpg); }
    .td_righ { width:40px;  background:url(td_righ.jpg); }
  </style>
  </head>
  <body>

  <table cellspacing="0" cellpadding="0">
    <tr>
      <td class="td_left">&nbsp;</td>
      <td class="td_cent">HTML and CSS</td>
      <td class="td_righ">&nbsp;</td>
    </tr>
  </table>

  </body>
</html>
А без HTML/CSS ты реально далеко не уедешь, товарищ. Это же основы. Так что учи азы - пригодятся еще не одну сотню раз.
 

Вложения

  • td_cent.jpg
    td_cent.jpg
    336 байт · Просмотры: 146
  • td_righ.jpg
    td_righ.jpg
    505 байт · Просмотры: 145
  • td_left.jpg
    td_left.jpg
    512 байт · Просмотры: 151
Как я поняла, первая таблица имеет тёмный цвет бекграунда, следующая таблица прозрачный бекграунд картинки и затем внутрення таблица со светлым цветом бекграунда. В таком случае тебе нужно средней таблице просто поставить (cellpadding="0" cellspacing="0")
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху