Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Помогите с контейнером

Автор: WOMANIZER 7.7.2009, 21:02

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

Автор: WOMANIZER 7.7.2009, 23:37

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

Автор: bazzjr 8.7.2009, 09:59

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

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

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

Код


<!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 и остальной вид настраивать с помощью них.

Автор: WOMANIZER 8.7.2009, 13:03

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

Автор: champion 8.7.2009, 20:21

http://www.editsite.net/blog/rounded_corners.html - с помощью JS
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=FF3399&fondo=e4ecec - создаёт на лету
http://kalsey.com/2003/07/rounded_corners_in_css/ - статья smile

G o o g le rullled smile