• Страница 1 из 1
  • 1
Форум Studio AD » Сайтостроение » Общий форум по CSS » Блок сайта
Блок сайта
Wireless
Дата: Вторник, 29.06.2010, 06:14 | Сообщение # 1
молчун
Группа: Пользователи
Пользователь №: 3078
Сообщений: 3
Здравствуйте, принимайте новичка)

Никак не могу переделать блок,хочу сделать через div,может кто то поможет? Вот код

Code

<!-- <block1> -->
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='b-top-left'><img src='style/images/blank.gif' width='7' height='27' alt='' style='display:block'></td>
<td class='b-top-main'><center>Навигация по сайту</center></td>
<td class='b-top-right'><img src='style/images/blank.gif' width='9' height='27' alt='' style='display:block'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='b-left'><img src='style/images/blank.gif' width='7' height='1' alt='' style='display:block'></td>
<td class='sbody'>
<!-- <bc> -->$SMENU_1$<!-- </bc> -->
<hr>
<!-- <bc> -->$SMENU_2$<!-- </bc> -->
</td>
<td class='b-right'><img src='style/images/blank.gif' width='7' height='1' alt='' style='display:block'></td>
</tr>
<tr>
<td class='b-bottom-left'><img src='style/images/blank.gif' width='7' height='10' alt='' style='display:block'></td>
<td class='b-bottom-main'><img src='style/images/blank.gif' width='1' height='10' alt='' style='display:block'></td>
<td class='b-bottom-right'><img src='style/images/blank.gif' width='9' height='10' alt='' style='display:block'></td>
</tr>
</table>
<!-- </block1> -->

.b-top-left {
  width:29px;height:34px;
  background-image:url(style/images/b-top-left.gif);
}

.b-top-main {
  font-family:Verdana,Tahoma,Arial,Sans-Serif;
  font-size:11px;font-weight:bold;
  color:#fff;
  height:34px;
  padding: 2px 1px 1px 1px;
  background-image:url(style/images/b-top.gif);background-repeat:repeat-x;
}

.b-top-right {
  width:29px;height:34px;
  background-image:url(style/images/b-top-right.gif);
}

.b-left {
  width:29px;
  background-image:url(style/images/b-left.gif);background-repeat:repeat-y;
}

.b-right {
  width:29px;
  background-image:url(style/images/b-right.gif);background-repeat:repeat-y;
}

.b-bottom-left {
  width:29px;height:23px;
  background-image:url(style/images/b-bottom-left.gif);
}

.b-bottom-main {
  height:7px;
  background-image:url(style/images/b-bottom.gif);background-repeat:repeat-x;
}

.b-bottom-right {
  width:29px;height:23px;
  background-image:url(style/images/b-bottom-right.gif);
}
  
UnderShot
Дата: Вторник, 29.06.2010, 12:16 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Wireless,
Code
<div class="block">
<div style="overflow:hidden">
  <div class="b-top-right"></div><div class="b-top-left"></div>
  <div class="block_title b-top-main"></div>
</div>
  <div class="block_content">
   $SMENU_1$
   <hr/>
   $SMENU_2$
  </div>
<div style="overflow:hidden">
<div class="b-bottom-right"></div><div class="b-bottom-left"></div><div class="b-bottom-main"></div>
</div>
</div>

<style>
.b-top-left,.b-top-main,.b-bottom-main,.b-bottom-left{float:left}
.b-top-right,.b-bottom-right{float:right}
</style>
Стили сами настроите.


Очень важная тема!
Filmzona — онлайн фильмы.
  
Wireless
Дата: Четверг, 01.07.2010, 15:50 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 3078
Сообщений: 3
UnderShot,
По-тупому(взял

Code

<style>
.b-top-left,.b-top-main,.b-bottom-main,.b-bottom-left{float:left}
.b-top-right,.b-bottom-right{float:right}
</style>

и соединил его с соединил со своим стилем = не работает!
Извените за наглость,но можете помочь ещё с настройкой стилей!!!
И ещё вопрос у меня в коде есть b-right и b-left,у вас в коде их нету,вы это пропустили или это всё решается через настройку стилей?


Сообщение отредактировал Wireless - Четверг, 01.07.2010, 15:58
  
UnderShot
Дата: Четверг, 01.07.2010, 19:13 | Сообщение # 4
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Quote (Wireless)
b-right и b-left
Да ладно? А кто просит помощь я или вы? Проще уж заново верстку заказать, чем еще и стили писать.


Очень важная тема!
Filmzona — онлайн фильмы.
  
Wireless
Дата: Четверг, 01.07.2010, 19:18 | Сообщение # 5
молчун
Группа: Пользователи
Пользователь №: 3078
Сообщений: 3
Quote (UnderShot)
Да ладно? А кто просит помощь я или вы? Проще уж заново верстку заказать, чем еще и стили писать.

Я не хотел вас оскорбить! Я просто подумал может вы этот момент пропустили!
Насчёт верстки сайта - вы правы,но я буду это дело заказывать когда будут деньги на ДИЗАЙН!
Так что вы поможете с этим блоком(с настройкой стилей для этого блока)?

  
Форум Studio AD » Сайтостроение » Общий форум по CSS » Блок сайта
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.