VPF::Контент между div - Форум программистов

MrDmitry

Дата 21.3.2012, 10:12 (ссылка)

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

Загрузка ...

Опытный

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

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

Здравствуйте. Не могу сверстать страничку.

На рисунки с лева и права полоски с скругленными краями.

Код


div {
    width: 100%;
    padding: 10px 40px
    position: relative; 
  }
div:after, div:before {
    content:"";
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    width: 90px;
    border-top: 0px solid #42aaff;
    border-bottom: 0px solid #42aaff;
    border-left: 2px solid #42aaff;
    border-right: 2px solid #42aaff;
  }
div:after {
    left: 10%;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px; 
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left:0px;
  }
div:before {
    right: 10%;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-right:0px;
  }

Код


<!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=utf-8"/>
    <title>2d.Game</title>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <link rel="stylesheet" href="style/style.css" type="text/css"/>
<!--[if IE]><link rel="stylesheet" href="styles/ie.css" type="text/css"/><![endif]-->
</head>
<body>
 <div class="wrap">
  
 </div>
</body>
</html>

Вот так вот эти полоски у меня реализованы. Но как теперь помещать контент между ними? Например если сделать так

Код


<!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=utf-8"/>
    <title>2d.Game</title>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <meta name="Keywords" content=""/>
    <meta name="Description" content=""/>
    <link rel="stylesheet" href="style/style.css" type="text/css"/>
<!--[if IE]><link rel="stylesheet" href="styles/ie.css" type="text/css"/><![endif]-->
</head>
<body>
 <div class="wrap">
  Просто надпись для теста
 </div>
</body>
</html>

то тестовая надпись будет в левом верхнем углу (

MrDmitry

Дата 21.3.2012, 15:46 (ссылка)

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

Загрузка ...

Опытный

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

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

Извиняюсь модераторы если нарушаю правила.

Изменяю вопрос. Кто сможет сверстать данную страницу также как на картинке и сколько это будет стоит? Также было бы хорошо если вы посоветовали как то это все дело оформить, то есть цвет линий, фон, шрифты и т.д (полная законченная верстка страницы).

MrDmitry

Дата 22.3.2012, 15:57 (ссылка)

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

Загрузка ...

Опытный

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

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

Такой сложный рисунок? Или создать тему в другом разделе?

MrDmitry

Дата 29.3.2012, 11:49 (ссылка)

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

Загрузка ...

Опытный

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

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

Раз уж ни кто не хочет за деньги сверстать по выше приведенному шаблону, то хотя бы скажите, как помещать контент между полосками слева и права из 1 сообщения?

Это сообщение отредактировал(а) MrDmitry - 29.3.2012, 12:06

MrDmitry

Дата 4.4.2012, 17:08 (ссылка)

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

Загрузка ...

Опытный

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

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

Я так и не придумал-нашёл решения (((

Evghenusi

Дата 4.4.2012, 21:50 (ссылка)

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

Загрузка ...

майский жук

Профиль
Группа: Участник
Сообщений: 506
Регистрация: 3.8.2006
Где: Молдова, Кишинёв

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

обратись к фрилансерам

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