Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Помогите решить делему, css и html

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Проблема такая, центральный вывод на сайте, блок поделен на две части, с лева меню, с права текст, ну информация по сайту.
 

 
код сайта, где левый и правый блок ну и там картинки

Код:
<div class="page-content">
 <div class="bbb"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td valign="top">
      <div style="padding-left:5px" class="qqq">
    <div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">О КОМПАНИИ</a></li>
<li><a href="#">КОНТАКТЫ И КООРДИНАТЫ</a></li>
<li><a href="#">ПРОДУКЦИЯ</a>
<ul>
<li><a href="#">------------</a></li>
<li><a href="#">-------------</a>
<ul>
<li><a href="#">-------------</a></li>
<li><a href="#">-------------</a></li>
<li><a href="#">-------------</a></li>
<li><a href="#">-------------</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">ТОРГОВЫЕ МАРКИ</a></li>
<li><a href="#">ТОРГОВОЕ ПРЕДСТАВИТЕЛЬСТВО</a></li>
<li><a href="#">ПРАЙС</a></li>
<li><a href="#">ПАРТНЕРЫ</a></li>
</ul>
</div>
 
</td>
      <td rowspan="2" valign="top"><div class="ccc" style="padding-top:150px">
    В поисках нужных услуг и товаров люди всё чаще прибегают к сети, т.к. пресса с рекламными объявлениями оказывается под рукой далеко не всегда. Главным представительством в сети, вне всякого сомнения, является сайт компании. Отказываться от создания сайта не стоит по следующим причинам:</p>
    <p><strong>Экономный подход ко времени.</strong><br />
    На сайте можно найти полную информацию о компании, в то время как на его обсуждение в телефонном разговоре требуется значительно больше времени, а так же поиск подходящего времени для личной встречи.</p>
  <p><strong>Визуализация.</strong><br />
    У каждой организации есть товары и услуги, которые очень важно визуально продемонстрировать клиенту. Организовать фотогалерею на сайте не составит никакого труда.</p>
  <p><strong>Удобный способ общения.</strong><br />
    Необходимую информацию можно получить обратившись в офис, или через интернет. Сайтом компании можно воспользоваться в любое время суток, когда занят телефон или нерабочее время. Клиентам из других городов дешевле обходится доступ в интернет чем междугородние разговоры.</p>
  <p><strong>Удобный способ общения.</strong><br />
Необходимую информацию можно получить обратившись в офис, или через интернет. Сайтом компании можно воспользоваться в любое время суток, когда занят телефон или нерабочее время. Клиентам из других городов дешевле обходится доступ в интернет чем междугородние разговоры.</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
      </div></td>
    </tr>
    <tr>
      <td valign="top"><div style="padding-left:5px"><div class="leftt">
      <p>ПУСТО</p>
            <p>&nbsp;</p>
                  <p>&nbsp;</p>
                <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
                <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
      </div></div></td>
      </tr>
  </table>
  </div>
  </div>

 
Главный стиль в котором эти два блока:
.page-content {
    width: 1000px;
    margin: 220px auto 60px ;
    border-width: 8px;
    border-left: solid 5px;
    border-right: solid 5px;
    border-bottom: solid 5px;
    border-color: #41B5E9;
  -moz-border-radius: 20px;  
  -webkit-border-radius: 20px;  
  -khtml-border-radius: 20px;  
  border-radius: 20px;  
  behavior: url(border-radius.htc);  
box-shadow:0px 10px 10px rgba(22,22,22,0.3);
}
 
левый блок стили
общий стиль левого блока
 
.qqq {
top:0px;
}
 
меню
 
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 14px Verdana;
width: 275px;  
}
   
.sidebarmenu ul li{
position: relative;
}
 
.sidebarmenu ul li a{
    display: block;
    padding: 4px 10px;
    margin: 0;
    margin-bottom: 5px;
    border-width: 3px;
    border-style: solid;
    border-color: #C8D8DD;
    background: #E2EAED;
    text-decoration: none;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;  
  border-radius: 5px;  
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited,
.sidebarmenu ul li a:active{
background-color: #E2EAED; /*фоновый цвет основного списка*/
}
.sidebarmenu ul li a:visited{
color: white; /*цвет шрифта после наведения курсора*/
}
.sidebarmenu ul li a:hover{
background-color: #41B5E9; /*цвет фона после наведения курсора*/
color:#fff;
border-color: #8BDBFF;
}
 
/*Стили для подменю */
.sidebarmenu ul li ul{
width: 200px; /*ширина подменю */
top: 0;
visibility: hidden;
position: absolute;
padding-left: 5px;
}
 
.sidebarmenu ul li ul a:link, .sidebarmenu ul li ul a:visited,
.sidebarmenu ul li ul a:active{
background-color: #B7CBD2;
}
 
-----------------------------------------------------
ниже выводящий блок
 
.leftt{
    border-width: 3px;
    border-style: solid;
    border-color: #C8D8DD;
    background: #E2EAED;
    text-decoration: none;
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;  
  border-radius: 5px;  
margin-bottom: 6px;
}
 
-----------------------------------------------------
 
правый блок
 
.ccc {
line-height: 18px;
color: #5d5d5d;
font-size: 14px;
margin-top: 40px;
padding-left: 26px;
padding-right: 20px;
padding-bottom: 18px;
}
 
На скрине видно что я сделал отступ от слайдера  у правого блока где идет текст, он отступил все ок.
Вмести с ним отступил и левый блок,  а он не в стиле, что с этим делать, мне надо что бы с левой стороны меню и ниже блок к верху крепились к началу блока...
 
что делать ?
 
Добавлено:
там все в html,  и для каждого блока  свой стиль они не связаны как бы, левый и правый,  а почему если я у правого блока делаю отступ  от верха, то у меня и левый спускается.

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 18:31 01-02-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
не кто не шарит,  вариантов гору перепробовал  так и не смог сделать.




Здесь не чат и никто не обязан отвечать моментально /Cheery/

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 07:54 02-02-2013 | Исправлено: Cheery, 01:01 04-02-2013
second75

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я бы добавил к левому блоку float:left; к правому соответственно райт. Уже поздно, неохота ковыряться. Ни чего сложного, нужно просто с позиционированием разобраться.

Всего записей: 5 | Зарегистр. 26-07-2007 | Отправлено: 00:26 04-02-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu
ссылку дайте на страницу - так проще всего, чем восстанавливать все по кускам для анализа.


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:02 04-02-2013
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Помогите решить делему, css и html


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2020

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru

Рейтинг.ru