Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

Подскажите со списком уже бьюсь часа 2

Автор Toshik743, 05-08-2014, 10:46:39

« назад - далее »

Toshik743Topic starter

Здравствуйте! Помогите, пожалуйста! Никак не могу понять почему в списке отступ идет от одной строчки (а если в списке в одном пункте более одной строчки из-за большой длины, то она при отступе не учитывается) Прикладываю скриншот во вложении и код стилей и html

ИЗ КОДА HTML:

<div class="left_service_lst_block">
         <h3>Услуги <br>по проектированию:</h3>
         <ul>
            <li>
            <p>Общественные здания</p>
            <ul>
               <li><a href="#">- общественно-деловые центры</a></li>
               <li><a href="#">- офисные здания</a></li>
               <li><a href="#">- торговые комплексы</a></li>
               <li><a href="#">- гостиницы</a></li>
               <li><a href="#">- рестораны</a></li>
               <li><a href="#">- кафе</a></li>
               <li><a href="#">- магазины</a></li>
            </ul>
            </li>
            <li>
            <p>Жилые многоквартирные здания</p>
            <ul>
               <li><a href="#">- здания различной этажности</a></li>
               <li><a href="#">- многофункциональные комплексы dcsdcsdcsdafsdvfsdvcsdvsdzvcsdzcsdfcsdz</a></li>
            </ul>
            </li>
            <li>
            <p>Индивидуальные жилые дома, коттеджи</p>
            <ul>
               <li><a href="#">- Индивидуальные проекты</a></li>
               <li><a href="#">- Коттеджи из кирпича</a></li>
               <li><a href="#">- Коттеджи из пеноблоков</a></li>
               <li><a href="#">- Коттеджи из ЛСТК</a></li>
               
            </ul>
            </li>
            <li>
            <p>Перепланировка</p>
            <ul>
               <li><a href="#">- квартир</a></li>
               <li><a href="#">- домов</a></li>
               <li><a href="#">- офисных зданий</a></li>
            </ul>
            </li>
         </ul>
      </div>

ИЗ СТИЛЕЙ:

.left_service_lst_block{
   margin:0 auto;
   padding:0;
   width:407px;
}
.left_service_lst_block h3{
   font-size: 25px;
   font-family: "Verdana";
   color: rgb( 50, 35, 81 );
   line-height: 1.668;
   text-align: left;
   -moz-transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   margin: 0 auto;
   margin-left:60px;
   display:block;
   clear:both;
   width:290px;
}
.left_service_lst_block ul{
   margin:38px 0px 38px 44px;
   padding:0;
   display:block;
   clear:both;
   list-style-type: none;
}
.left_service_lst_block ul p{
   margin:0;
   padding:0;
   font-weight:normal;
   font-size: 21px;
   font-family: "Candara";
   color: rgb( 59, 57, 57 );
   line-height: 1.402;
   text-align: left;
   -moz-transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
}
.left_service_lst_block ul li{
   margin-top:38px;
   padding:0 0 0 70px;
   background-image:url("images/marker.png");
   background-position:50px 10px;
   background-repeat:no-repeat;
}
.left_service_lst_block ul li ul{
   list-style-type: none;
   margin:0;
   padding:0;
}
.left_service_lst_block ul li ul li{
   background:none;
   margin:0;
   padding:0;
   height:26px;
   width:auto;
   display:block;
   clear:both;
}
.left_service_lst_block ul li ul li a{
   margin:0;
   padding:0;
   font-size: 21px;
   font-family: "Candara";
   font-weight:normal;
   color: rgb( 59, 57, 57 );
   line-height: 1.402;
   text-align: left;
   -moz-transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   text-decoration:none;
}
.left_service_lst_block ul li ul li a:hover{
   color: #3b178e;
   border-bottom:1px solid #3b178e;
}


Sky-fi

да лучше бы вы урл страницы сайта указали, вместо исходника всей страницы.


Romanus

Toshik743, а вы уверены, что там будет стоять слово "dcsdcsdcsdafsdvfsdvcsdvsdzvcsdzcsdfcsdz". Я навскидку даже не вспомню такое слово, чтобы равнялось указанному по количеству символов.
В остальном - у меня переносит. Добавьте пробелов в ваше "слово".

Toshik743Topic starter

#3
Да еще не в сети сайт. Набор букв - просто для демонстрации, если вместо них слова, то почему то начинает также , т. е. элемент списка наезжает на другой элемент списка .

Добавлено: 05-08-2014, 14:49:59


А всё!!! Нашел!!! Разработчик для элементов списка зачем то поставил фиксированную высоту, исправил!



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....