VPF::Помогите с контейнером - Форум программистов

WOMANIZER

Дата 7.7.2009, 21:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 29.6.2009

Репутация: нет
Всего: нет

Всем доброго времени ! Я новичок в сфере программирования и дизайна в том-же числе...
Но мне нужно разобраться с кое какой проблемой. Мне нужно сколотить главный контейнер для сайта с закруглёнными углами ,примерно как-тут.
Убедительная просьба не махать лапой на мою тему ;0 Мне очень нужна ваша помощь.Спасибо заранее.

WOMANIZER

Дата 7.7.2009, 23:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 29.6.2009

Репутация: нет
Всего: нет

то есть мне нужно создать блок с округлыми углами и по бокам что-бы были тени . А внутри этого блока будут находиться все остальные(левый,центарльный,правый)

bazzjr

Дата 8.7.2009, 09:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

В твоем слуячае все очень просто.

Тебе нужно создать картинки по бокам(лево-право), слева вверху-внизу, справа вверху-внизу.

Далее делаешь таблицу: как пример

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>

<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10">картинка ЛВ</td>
    <td>картинка Л</td>
    <td width="10">картинка ПВ</td>
  </tr>
  <tr>
    <td></td>
    <td>КОНТЕНТ<br /><br /><br /><br /><br /></td>
    <td></td>
  </tr>
  <tr>
    <td>картинка ЛН</td>
    <td>картинка П</td>
    <td>картинка ПН</td>
  </tr>
</table>

</body>
</html>

и вставляешь картинки в их соответствующие места.

Естественно, нужно уметь работать со стилями CSS и остальной вид настраивать с помощью них.

Это сообщение отредактировал(а) bazzjr - 8.7.2009, 10:13

WOMANIZER

Дата 8.7.2009, 13:03 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 4
Регистрация: 29.6.2009

Репутация: нет
Всего: нет

если не трудно подробнее насчет css...а слелал как вы сказали получилась каша из таблиц smile

champion

Дата 8.7.2009, 20:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 272
Регистрация: 26.1.2005

Репутация: 2
Всего: 2

http://www.editsite.net/blog/rounded_corners.html - с помощью JS
http://www.neuroticweb.com/recursos/css-ro...mp;fondo=e4ecec - создаёт на лету
http://kalsey.com/2003/07/rounded_corners_in_css/ - статья smile

G o o g le rullled smile

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »