X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как задать div как на картинке в примере ?
energia9
energia9
Topic Starter сообщение 12.9.2011, 17:49; Ответить: energia9
Сообщение #1


Вот на фрагменте сайта вставка афиши ,она взята в тоненькую голубую рамку а сверху в рамке ещё и фон полоской из картинки на котором дата мероприятия стоит... Вот как такую же рамку сделать с такой же полоской ??? Спасибо.:wacko:
[attachment=38181:mr.JPG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
thesat
thesat
сообщение 12.9.2011, 18:40; Ответить: thesat
Сообщение #2


Что именно вам нужно сделать?
Собственно вот приблизительно каркас без графики:
<body style="background:#000000;">
<div style="width:200px;height:300px;background:#222222;border:#667788 solid 1px;">
<div style="background:#445566;border-bottom:#667788 solid 1px;color:#dddddd;font-family:tahoma;padding:3px 8px;">
<b>345226758</b>
</div>
</div>
</body>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
energia9
energia9
Topic Starter сообщение 12.9.2011, 21:58; Ответить: energia9
Сообщение #3


ну вот хочу такой же каркас для себя сделать на своём и туда свои афиши загонять...
Этот код что прописали вы его в шаблон страницы или в стили вставлять надо ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
thesat
thesat
сообщение 12.9.2011, 22:34; Ответить: thesat
Сообщение #4


Это HTML код, и я привел лишь набросок, работать на вашей готовой страничке он не будет правильно. Чтобы правильно вставить блок в готовую страницу нужно виидеть сам код этой страницы, иначе получится каша.
Вам нужно немного пройти уроки верстки для начинающих.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
energia9
energia9
Topic Starter сообщение 12.9.2011, 23:19; Ответить: energia9
Сообщение #5


у меня на сайте левая часть сверху вниз из вот таких вот банеров идут по очереди сверху вниз
пример одного
<div class="header_ten">
<table cellspacing=5>
<tr>
<td><noindex><a href="http://pskovbilet.ru/?page_id=333" target=_blank title="Быстрая справка по концертам,заказ"><img src="http://s59.radikal.ru/i164/1108/3d/86e314524fb6.gif"style="border:2px solid #236693;"></a></noindex></td>
</tr>
<tr>
<td><noindex><a href="http://pskovbilet.ru/?p=694" target=_blank title="выберите исполнителя"><img src="http://s54.radikal.ru/i143/1108/5a/9ad062943b95.gif"style="border:2px solid #236693;"></a></noindex></td>
</tr>
<tr>
<td><noindex><img src="http://s58.radikal.ru/i162/1108/55/f9e3d9521b46.png"></noindex>
</td>
</tr>
</table>
</div><!--//header_ten-->

В стилях каждый такой приписан так
.header_ten {
float: left;
margin-right: 1px;
background-color: transparent;
padding: 5px 8px;
}
Как вот терь правильно сделать и в стиляз и в хтмл ? )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
thesat
thesat
сообщение 12.9.2011, 23:48; Ответить: thesat
Сообщение #6


Это вставьте в вашу колонку блоков
<div class="sideblock">
<div class="head">
<b>15 октября 2011, 18:00</b>
</div>
<img src="http://s005.radikal.ru/i211/1109/8d/a5dc9736be99.gif" alt=""/>
<div class="foot">
<b>Цена билета: NNN</b>
</div>
</div>

<div class="sideblock">
<div class="head">
<b>13 ноября 2011, 10:00</b>
</div>
<img src="http://s015.radikal.ru/i330/1108/75/ae4ba541aed8.gif" alt=""/>
<div class="foot">
<b>Цена билета: NNN</b>
</div>
</div>


А это добавьте в таблицу стилей:
[CSS]
.sideblock {
margin-top:14px;
width:200px;
background:#222222;
border:#778899 solid 1px;
text-align:center;
}

.sideblock .head {
background:#445566;
border-bottom:#778899 solid 1px;
border-right:#778899 solid 1px;
color:#aabbcc;
font-family:tahoma;
font-size:10px;
padding:3px 8px;
margin-right:5px;
margin-bottom:8px;
text-align:left;
}

.sideblock .foot {
background:#445566;
border-top:#778899 solid 1px;
border-left:#778899 solid 1px;
color:#ddaa66;
font-family:tahoma;
font-size:10px;
padding:3px 8px;
margin-left:5px;
margin-top:8px;
text-align:right;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
energia9
energia9
Topic Starter сообщение 12.9.2011, 23:54; Ответить: energia9
Сообщение #7


thesat, спасиб...ща попробую)))) уряяя
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
thesat
thesat
сообщение 12.9.2011, 23:58; Ответить: thesat
Сообщение #8


Только ссылки не ставил, сами смотрите куда что..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
energia9
energia9
Topic Starter сообщение 14.9.2011, 4:10; Ответить: energia9
Сообщение #9


thesat, огромное тебе спасибо за помощь и профессиональный подход...всё чётко теперь...ещё раз спасибо

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
12 Boymaster 1829 Сегодня, 21:03
автор: MisterBit
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4811 17.4.2024, 1:19
автор: sergio11
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19711 8.4.2024, 10:37
автор: Skyworker
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
18 uahomka 3102 5.4.2024, 5:53
автор: Skyworker
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
81 metvekot 13655 31.3.2024, 12:44
автор: Boymaster


 



RSS Текстовая версия Сейчас: 19.4.2024, 21:14
Дизайн