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> </p>
<p> </p>
<p> </p>
<p> </p>
</div></td>
</tr>
<tr>
<td valign="top"><div style="padding-left:5px"><div class="leftt">
<p>ПУСТО</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </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, и для каждого блока свой стиль они не связаны как бы, левый и правый, а почему если я у правого блока делаю отступ от верха, то у меня и левый спускается. |
так и не смог сделать.