Помощь CSS

18

Lenty

14 апреля 2011, 12:45

537

Здравствуйте, помогите решить проблему с CSS:

В новости много фотографий, а комментарии и др. вылазят почти по-середине новости.

Вот CSS:


body {

  padding: 0;

  margin: 0;

  background: url(../images/body.jpg);

  text-align: center;

  font: 11px Verdana;

  color: #262626;

}



.main-width {

  width: 1000px;

  margin: 0 auto 0 auto;

  text-align: left;

}



.t-menu {

  background: url(../images/body.jpg);

  height: 30px;

}



  .t-menu a {

    display: block;

    float: left;

    color: #fff;

    padding: 7px;

  }

  

    .t-menu a:hover {

      background: #ff3c00;

    }



.top-menu {

  background: url(../images/top-menu.png);

  width: 183px;

  height: 279px;

  position: absolute;

  right: 80px;

  top: 65px;

}



  .top-menu  a {

    display: block;

    width: 102px;

  }

  

    .top-menu-1 {

      background: url(../images/top-menu-1.png);

      height: 42px;

    }

    

      .top-menu-1:hover {

        background: url(../images/top-menu-1.png) 0 42px;

      }

    

    .top-menu-2 {

      background: url(../images/top-menu-2.png);

      height: 43px;

    }

      

      .top-menu-2:hover {

        background: url(../images/top-menu-2.png) 0 43px;

      }

    

    .top-menu-3 {

      background: url(../images/top-menu-3.png);

      height: 41px;

    }

    

      .top-menu-3:hover {

        background: url(../images/top-menu-3.png) 0 41px;

      }

      

.logo {

  display: block;

  position: absolute;

  width: 246px;

  height: 142px;

  background: url(../images/logo.png) left top;

  top: 0;

  left: 150px;

}



.head {

  background: url(../images/head3.jpg) center top no-repeat;

  height: 450px;

}



.head-grad {

  background: url(../images/head-grad.png) center top repeat-x;

  height: 116px;

}



.center-block-top {

  background: url(../images/center-block-top.png) no-repeat;

  width: 1000px;

  height: 17px;

  margin: -130px auto 0 auto;

  padding-top: 16px;

}



  .center-main-block {

    width: 1000px;

    background: #fff;

    text-align: left;

  }

  

    .main-table {

      width: 100%;

    }

    

      .td-for-content {

        

      }

      

      

              

        /* Вывод новостей - 1 */

        .n-block-title {

          padding: 0 0 5px 0;

          font-size: 17px;

          color: #ff2a00;

          border-bottom: 1px #cecece solid;

          margin-bottom: 5px;

        }

        

        .m-news1 {

          padding-bottom: 10px;

          border-bottom: 1px #d2d2d2 dotted;

        }

        

          .m-news1-title {

            padding-bottom: 10px;

            font-weight: bold;

            font-size: 13px;

            color: #fff;

          }

          

            .m-news1-title a {

              color: #fff;

              text-decoration: none;

            }

            

          .m-news1-content {

            color: #ebebeb;

          }

          

            .m-news1-content img {

              float: left;

              margin: 0 10px 10px 0;

              width: 100px;

              padding: 3px;

              background: #ccc;

              border: 1px #3d3d3d solid;

            }

            

          .m-news1-more {

            text-align: right;

            padding: 5px 10px 0 0;

          }

          

            .m-news1-more a {

              color: #000;

            }

            

        /* Вывод новостей - 2 */        

        .m-news2 {

          padding-bottom: 10px;

          border-bottom: 1px #d2d2d2 dotted;

        }

        

          .m-news2-title {

            padding-bottom: 10px;

            font-weight: bold;

            font-size: 13px;

            color: #fff;

          }

          

            .m-news2-title a {

              color: #fff;

              text-decoration: none;

            }

            

          .m-news1-content {

            color: #ebebeb;

          }

          

            .m-news2-content img {

              width: 170px;

              margin: 0 auto 10px auto;

              display: block;

              padding: 3px;

              background: #ccc;

              border: 1px #3d3d3d solid;

            }

            

          .m-news2-more {

            text-align: right;

            padding: 5px 10px 0 0;

          }

          

            .m-news2-more a {

              color: #000;

            }

      

        .content-news-block {

          border: 1px #949494 solid;

          clear: both;

          padding: 7px;

          margin: 5px;

        }

        

          .bottom-news-table {

            width: 100%;

            font-size: 10px;

          }

          

            .bottom-news-table a {

              display: block;

              color: #484848;

              padding: 3px 3px 3px 15px;

            }

            

              .bottom-news-table a span {

                display: none;

              }

            

              .bottom-news-table a:hover {

                color: #ad1c04;

              }

              

                .bottom-news-table a:hover span {

                  display: block;

                  position: absolute;

                  background: url(../images/body.jpg);

                  padding: 3px;

                  color: #fffdd7;

                  margin: -35px 0 0 50px;

                }

              

            .bottom-news-table h3 {

              margin: 0;

              padding: 3px 3px 3px 0;

              color: #000;

              border-bottom: 1px #000 solid;

              margin-right: 20px;

              font-size: 12px;

            }

      

      .td-for-blocks {

        width: 200px;

      }

      

        .td-for-blocks a {

          color: #000;

        }

        

          .td-for-blocks a:hover {

            color: #fff;

          }

      

        .right-block-title {

          color: #0e1435;

          font-size: 17px;

          padding-bottom: 5px;

          border-bottom: 1px #6d6d6d solid;

        }

        

        .right-block-content {

          padding: 10px 0 10px 0;

        }

          

          .nav-link a {

            display: block;

            padding: 4px;            

            color: #222222;

            text-decoration: none;

            font-weight: bold;

          }

            

            .nav-link a:hover {

              background: url(../images/body.jpg);

              color: #fff3c2;

            }

  

  .footer {

    background: url(../images/footer.png);

    height: 152px;

  }

  

    .footer-block {

      padding-top: 50px;

      margin: 0 160px 0 55px;

      text-align: left;

      color: #fff;

      font-size: 10px;

    }

    

      .footer-block a {

        color: #ff2b01;

      }

    

      .cr {

        padding-bottom: 5px;

        font-size: 11px;

      }

      

        .cr span {

          color: #ff2b01;

        }

        

        .cr a {

          color: #ff2b01;

        }

        

  .center-block-bottom {

    background: url(../images/center-block-bottom.png);

    height: 16px;

    margin-top: -1px;

    text-align: right;

    padding-right: 50px;

    color: #242424;

  }

  

    .center-block-bottom a {

      color: #242424;

      text-decoration: none;

    }

    

      .center-block-bottom a i {

        font-style: normal;

      }

      

        .center-block-bottom a:hover i {

          font-style: italic;

          color: #ff2b01;

          text-decoration: underline;

        }

L

18

Lenty

14 апреля 2011, 12:46

#1

2й кусок

/* Короткая новость */

.shot-block, .shot-block2 {

  padding: 15px;

  margin: 5px;

  clear: both;

  color: #3a3a3a;

  border-bottom: 2px #5a5a5a solid;

}



  .shot-block2 h1, .shot-block2 h2 {

    color: #fe7c1d;

    font-size: 16px;

    font-weight: bold;

    margin: 0;

    padding: 5px 5px 5px 0;

    border-bottom: 1px #515151 solid;

  }

  

    .shot-block2 h1 strong a, .shot-block2 h2 strong a {

      color: #404040;

      text-decoration: none;

    }

    

  .all-x {

    padding: 5px 5px 5px 0;

    font-size: 10px;

  }

  

    .all-x a {

      color: #515151;

      font-weight: bold;

    }



  .shot-text h1 {

    margin: 0;

    padding: 0;

    font-size: 14px;

    font-weight: bold;

    margin-left: 448px;

    color: #ff5400;

  }

      

    .more-b {

      clear: both;

      height: 25px;

    }

      

      .more-b div {

        padding: 5px 25px 5px 25px;

        background: url(../images/body.jpg);

        color: #fff;

        float: left;

        font-size: 9px;

        margin: 0 20px 0 0;

      }

      

        .more-b div a {

          color: #fff;

          text-decoration: none;

        }

      

        .more-b div span {

          color: #ff390b;

        }

        

          .more-b div span a {

            color: #ff390b;

          }

          

  

  .more-div a {

    color: #ff0030;

  }

  

  .sresult {

    color: #242424;

  }

  

  .img-border {

    position: absolute;

    background: url(../images/ramka.png);

    width: 428px;

    height: 371px;

  }

  

  .shot-text {

     padding: 10px 0 10px 0;

    color: #3a3a3a;

  }

  

    .shot-text a {

      color: #e3341e;

    }

  

    .shot-text img {

      float: left;

      border: 0;

      margin: 0 20px 20px 0;

      width: 428px;

      height: 350px !important;

    }

    

    .shot-text2 img {

      margin: 10px 10px 10px 0;

      background: url(../images/shadow.gif) bottom right no-repeat;

      padding: 0 10px 10px 0;

      border: 0;

      

    }

    

    .shot-text input {

      margin: 5px 20px 0 0;

      background: url(../images/body.jpg);

      color: #fff;

      font-size: 9px;

    }

    .shot-text2 input {

    

      margin: 5px 20px 0 0;

      background: url(../images/body.jpg);

      color: #fff;

      font-size: 9px;

    }

  

    .shot-text .editor_button img {

      padding: 0 !important;

      border: 0 !important;

      margin: 0;

    }

    .shot-text2 .editor_button img {

      padding: 0 !important;

      border: 0 !important;

      margin: 0;

    }

    

    .editor_button img {

      padding: 0 !important;

      border: 0 !important;

      margin: 0 !important;

    }

    

    .shot-text .editbclose img {

      padding: 0;

      border: 0;

      margin: 0;

    }

    .shot-text2 .editbclose img {

      padding: 0;

      border: 0;

      margin: 0;

    }

    

    .editor_button_brk img {

      padding: 0 !important;

      margin: 0 !important;

      border: 0 !important;

    }

    



/* Полная новость */

.other-all {



  padding: 3px;

  color: #fff;

}



  .other-all span {

 

    color: #e13220;

  }

  

  .other-all a {

    color: #f5eb95;

  }



.newsto {

  

  margin: 10px 0 0 0;

  padding: 10px;

  color: #252525;

  font-weight: bold;

  text-align: left;

}



  .newsto a {

  

    color: #646464;

    font-weight: normal;

    line-height: 20px;

    text-decoration: none;

    border-bottom: 1px #7791af dotted;

  }

  

    .newsto a:hover {

      color: #f37c64;

    }

  

.registr-please {

  color: #7791af;

  padding: 10px;

  margin: 5px;

}



/* Короткая новость(правая колонка) */

.left-news {

  margin: 5px 7px 5px 5px;

  padding: 0 0 10px 0;

  border-bottom: 1px #000 dotted;

}



  .left-news h1 {

    margin: 0;

    padding: 0;

    font-size: 13px;

    color: #666666;

  }



  .left-news img {

    width: 180px;

    float: left;

    margin: 5px 0 5px 15px;

    padding: 3px;

    background: #a2a2a2;

    border: 1px #666666 solid;

  }

  

  .full-x {

    text-align: right;

    padding-right: 10px;

  }

  

  .full-x a {

    color: #4d4d4d;

  }

  

.form-input-stand {

  background: url(../images/form-text.gif);

  color: #2e2e2e;

  border: 0;

}



.shot-title {

  color: #61a0ff;

  padding: 5px;

}



  .shot-title h1 {

    font-size: 18px;

    padding-left: 10px;

  }

  

    .shot-title h1 i {

      

    }

    

.img-top-link {

  padding: 0 !important;

  margin: 0 !important;

  border: 0 !important;

}



.fix-bb {

  margin-right: 2%; 

  background: url(../bbcodes/bg.gif); 

  height: 75px;

  margin-left: -10px;

  border: 1px solid #bbb;

  border-bottom: 0;

}



  .fix-bb div {

    border: 0 !important;

  }

  

@-moz-document url-prefix()

{

    



.form-text {

  padding-top: 5px;

}



}

Помогите пожалуйста :)

62

Suleymanovik

14 апреля 2011, 12:51

#2

ТС, у вас это на каком то сайт? можео в ЛС сайт? Я бы через плагин взглянул а то так тяжко

Вопросы по Joomla? Юзабилити? - стучите в аську, аська в профиле :)

239

Ragnarok

14 апреля 2011, 12:52

#3

многобукв.

1. Проверь, нет ли в новости закрывающих лишних </div>, </table>

2. попробуй в шаблоне под выводом новости вставить <div style="font-size:0; width:100%; clear:both; height:1px;"> </div>

//TODO: перестать откладывать на потом

L

18

Lenty

14 апреля 2011, 13:21

#4

Suleymanovik:
ТС, у вас это на каком то сайт? можео в ЛС сайт? Я бы через плагин взглянул а то так тяжко

у меня локальный

Lenty добавил 14.04.2011 в 17:23

Ragnarok:
многобукв.
1. Проверь, нет ли в новости закрывающих лишних </div>, </table>
2. попробуй в шаблоне под выводом новости вставить <div style="font-size:0; width:100%; clear:both; height:1px;"> </div>

Вот, огромное спасибо! 2й вариант исправил положение! ☝

Что такое Power BI и зачем это нужно бизнесу

Курс биткоина превысил $50 тысяч