Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 26.12.2012 18:50

Quake_SS
Новичок
Зарегистрирован: 26.12.2012
Сообщений: 2

Отступ с боксом

http://quakess.sk6.ru/scrin/img.png

Люди помогите пожалуйста, какой немыслимой силой поднять левый бокс на уровень правого.

Для левых и правых боксов заданы одинаковые параметры CSS, но почемуто левый уходит вниз и ничем не могу поднять выше:(

Код:

/* 1111 */
table.main {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
td {
    padding: 0px;
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
}
td.top {
    background-image: url(images/top_bg.jpg);
    height: 155px;
}
td.cont {
    width: 100%;
    text-align: right;
    padding-top: 25px;
    padding-right: 250px;
}
td.korz {
    width: 100%;
    text-align: center;
}
td.search {
background-image: url(images/search_bg.jpg);
    background-color: #dce1e9;
    height: 39px;
}
td.topmenu {
background-image: url(images/top_menu.jpg);
    height: 39px;
}
td.l_box {
    width: 25%;
    height: 100%;
}
td.main {
    width: 100%;
    height: 100%;
}
td.r_box {
    width: 25%;
    height: 100%;
}
td.copyright {
background-image: url(images/copy.jpg);
    height: 32px;
}
html, body {
    margin:0px;
    padding:0px;
}
body, input, select, textarea {
    background-color: #ffffff;
}
td, input, select, textarea {
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
    vertical-align: top;
}
td.menuitem {
    vertical-align: middle;
    text-align: center;
    width: 10%;
    background-image: url(images/menuitem_bg.jpg);
    background-repeat: no-repeat;
    background-position: right;
}
a.menu {
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-decoration: none;
}
td.searchitem {
    vertical-align: middle;
    text-align: center;
    padding-right: 11px;
}
form {
    margin: 0px;
}
td.hdr {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    background-image: url(dots.gif);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 21px;
}
td.shadow {
    background-image: url(images/shadow.png);
    height: 7px;
    background-repeat: repeat-x;
}
/*---------------------------------------info boxes------------------------------------*/
table.info_box_left {
    margin: 10px 10px 10px 10px;
    width: 202px;
}
table.info_box_right{
    width: 202px;
    margin: 10px 10px 10px 120px;
}
/*---------------------------------------------blue boxes-------------------------*/
td.box_up {
background-image: url(images/box_up.jpg);
background-repeat: no-repeat;
height: 26px;
FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    FONT-FAMILY:Tahoma;
    COLOR:#000000;
    text-transform : uppercase;
}
td.box_center {
    background-image: url(images/box_cent.jpg);
    background-repeat: repeat-x;
    border-left:  solid 1px  #5793CA;
   border-right: solid 1px #5793CA;
}
td.box_do {
   background-image: url(images/box_do.jpg);
    background-repeat: no-repeat;
    height: 6px;
    width: 100%;
}
/*--------------------------------red box---------------------*/
td.box_r_up {
background-image: url(images/box_r_up.jpg);
background-repeat: no-repeat;
height: 27px;
FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    FONT-FAMILY:Tahoma;
    COLOR:#000000;
    text-transform : uppercase;
}
td.box_r_center {
    background-image: url(images/box_r_cent.jpg);
    background-repeat: repeat-x;
    border-left:  solid 1px  #E85F44;
   border-right: solid 1px #E85F44;
}
td.box_r_do {
   background-image: url(images/box_r_do.jpg);
    background-repeat: no-repeat;
    height: 6px;
}
/*---------------------------------------valuta------------------------*/
td.val {
    padding-left: 50px;
}

Отредактированно Quake_SS (26.12.2012 19:02)

Нет на форуме

 

#2 27.12.2012 13:30

Quake_SS
Новичок
Зарегистрирован: 26.12.2012
Сообщений: 2

Re: Отступ с боксом

Код:

/*---------------------------------------------blue boxes-------------------------*/
td.box_up {
background-image: url(images/box_up.jpg);
background-repeat: no-repeat;
height: 26px;
FONT-SIZE:11px;
    FONT-WEIGHT:bold;
    FONT-FAMILY:Tahoma;
    COLOR:#000000;
    text-transform : uppercase;
    vertical-align:middle;
}

проблема решена.

Отредактированно Quake_SS (27.12.2012 13:31)

Нет на форуме

 

Board footer

обучение немецкому в Санкт-Петербурге, немецкий язык и другие.