X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Отступ бокса
Quake_SS
Quake_SS
Topic Starter сообщение 26.12.2008, 20:18; Ответить: Quake_SS
Сообщение #1


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;
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 26.12.2008, 22:21; Ответить: Webmaster_hb
Сообщение #2


а где код самой страницы ?

если valign top подходит, до поставьте его, а внутри уже блока поставьте middle
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Quake_SS
Quake_SS
Topic Starter сообщение 27.12.2008, 1:20; Ответить: Quake_SS
Сообщение #3


(Webmaster_hb @ 27.12.2008, 00:21) *
а где код самой страницы ?

если valign top подходит, до поставьте его, а внутри уже блока поставьте middle


вот результат с top
http://quakess.sk6.ru/scrin/img2.png

блоки поднялись, но не могу название боксов заставить спуститься вниз.:wacko:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content=" />
<link rel="stylesheet" href="style12.css" type="text/css" />
<title></title>
<link href="file:///Z|/home/localhost/www/shop/style12.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table class="main" border="0">
<tr>
    <td class="top" colspan="3">
    <table class="main">
    <tr>
        <td><a href="http://www.хххххх"><img src="images/logo.jpg" width="196" height="155" border="0" alt="" /></a></td>
        <td class="cont"><img src="images/cont.png" width="42" height="122" border="0" alt=""/>
        
        </td>
    </tr>
    </table>
    </td>
</tr>
<tr>
    <td class="search">
  <form action="">
    <table class="main">
    <tr>
        <td class="searchitem hdr">{$smarty.const.STRING_SEARCH}</td>
        <td class="searchitem" width="100%">{section name=i loop=$searchstrings}<input type=hidden name='search_string_{$smarty.section.i.index}' value="{$searchstrings[i]}">
        {/section}
        <input style="border: 1px #720000 solid; height:18px;" type="text" name="searchstring" value="{$searchstring|default:""}">
        <td class="searchitem"><input type="image" src="images/button.jpg"/></td>
    </tr>
    </table>    
    </form>
  </td>
    <td class="topmenu" colspan="2">
  <table class="main">
<tr>
        <td class="menuitem"><a class="menu" href="index.php">{$smarty.const.LINK_TO_HOMEPAGE}</a></td>
        {if ($log ne "")}
        <td class="menuitem"><a class="menu" href="index.php?user_details=yes">{$smarty.const.MY_ACCOUNT_LINK}</a></td>
        {else}
        <td class="menuitem"><a class="menu" href="index.php?register=yes">{$smarty.const.REGISTER_LINK}</a></td>
        {/if}
        <td class="menuitem"><a class="menu" href="index.php?show_price=yes">{$smarty.const.STRING_PRICELIST}</a></td>
        <td class="menuitem"><a class="menu" href="index.php?feedback=yes">{$smarty.const.STRING_FEEDBACK}</a></td>
        <td class="menuitem"><a class="menu" href="index.php?show_aux_page={$aux_page1.aux_page_ID}">{$aux_page1.aux_page_name}</a></td>
        <td class="menuitem"><a class="menu" href="index.php?show_aux_page={$aux_page2.aux_page_ID}">{$aux_page2.aux_page_name}</a></td>
        <td class="menuitem"><a class="menu" href="index.php?links_exchange=yes">{$smarty.const.STRING_MODULES_LINKEXCHANGE}</a></td>
</tr>
    </table>
  </td>
</tr>
<tr>
    <td class="shadow" colspan="3"><img src="images/shadow.png" height="7" alt=""/></td>
</tr>
<tr>
    <td >
    <table  cellspacing="0" class="info_box_left">
<tr>
    <td class="box_up"  align="center">{$smarty.const.ADMIN_CATALOG}</td>
</tr>
<tr>
  <td class="box_center" >{include file="category_tree.tpl.html"}</td>
</tr>
<tr>
  <td class="box_do"></td>
</tr>
</table>


    <table class="info_box_left" cellspacing="0">
      <tr>
        <td class="box_up" align="center">{$smarty.const.REGISTER_LINK}</td>
      </tr>
      <tr>
        <td class="box_center" align="center">{include file="authorization.tpl.html"}</td>
      </tr>
<tr>
    <td class="box_do"></td>
</tr>
    </table>
    
    <table class="info_box_left" cellspacing="0">
      <tr>
        <td class="box_up" align="center">Погода</td>
      </tr>
      <tr>
        <td class="box_cent"><script>URL='http://img.gismeteo.Ru/flash/120x80s.swf?
        city=33846&skin=simple';w='120';h='80';value='33846&skin=simple';lang='ru'</script><script src='http://informer.gismeteo.Ru/flash/fcode.js'></script></td>
      </tr>
      <tr>
        <td class="box_do"></td>
      </tr>
    </table>
  


  <table width="179" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="val">{include file="change_currency.tpl.html"}</td>
      </tr>
    </table></td>
    
    

  <td class="main" valign="top" align="center" rowspan="2">{include file="$main_content_template"}</td>
    
    <td class="r_box">
    <table class="info_box_right" cellspacing="0">
<tr>
    <td class="box_r_up" align="center">
  <a href="{if $smarty.const.CONF_OPEN_SHOPPING_CART_IN_NEW_WINDOW eq 1}javascript:open_window('cart.php',400,300);{else}index.php?shopping_cart=yes{/if}">{$smarty.const.CART_TITLE}</a></td>
</tr>
<tr>
                                                <td class="box_r_center" align="center">    
  <table border="0"  cellpadding="0" cellspacing="0">
<tr>
                                                            <td class="korz1">
                                                                <a href="{if $smarty.const.CONF_OPEN_SHOPPING_CART_IN_NEW_WINDOW eq 1}javascript:open_window('cart.php',400,300);{else}index.php?shopping_cart=yes{/if}"><img src="images/korz.png" vspace="20" border="0" alt="Корзина"></a>                                                            </td>
<td align="center" valign="middle">
                                                                <p>&nbsp;</p>
                                                                <p><a href="index.php?shopping_cart=yes">{include file="shopping_cart_info.tpl.html"}</a> </p></td>
                <td width="15px" ></td>
              </tr>
                                                    </table>
          </td>
</tr>
<tr>
  <td class="box_r_do" height="6"></td>
</tr>
</table>

    <table class="info_box_right" cellspacing="0">
      <tr>
        <td class="box_up" align="center">{$smarty.const.ADMIN_VOTING}</td>
      </tr>
      <tr>
        <td class="box_center" align="center">{include file="customer_survey.tpl.html"}</td>
      </tr>
      <tr>
        <td class="box_do"></td>
      </tr>
    </table>
    
    <table class="info_box_right"  cellspacing="0">
      <tr>
        <td class="box_up" align="center">{$smarty.const.ADMIN_NEWS}</td>
      </tr>
      <tr>
        <td class="box_center"> {if $NewsShortListTpl}
                                  {include file=$NewsShortListTpl}
                                {/if}
        </td>
      </tr>
      <tr>
        <td class="box_do"></td>
      </tr>
    </table>    
    </td>
  </tr>
  
  <tr>
                                                <td height="6">
                                                </td>
                                            </tr>
                    
<tr>

    <td class="copyright" align="center" valign="bottom" colspan="3">Copyright ©<font color=#CC9090>
                                                    <a class=light href="{$smarty.const.CONF_FULL_SHOP_URL}"><u>{$smarty.const.CONF_SHOP_NAME}</u></a></font>.
        All rights reserved.</td>
</tr>

</table>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.12.2008, 2:12; Ответить: Webmaster_hb
Сообщение #4


Quake_SS, сохраните лучше архив уже сгерированной страницы вместе с картинками, а то с тегами смарти, долго разбираться что где
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.12.2008, 11:33; Ответить: Webmaster_hb
Сообщение #5


td.box_up {
background-image: url(box_up00.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
Quake_SS
Topic Starter сообщение 27.12.2008, 14:18; Ответить: Quake_SS
Сообщение #6


(Webmaster_hb @ 27.12.2008, 13:33) *
td.box_up {
background-image: url(box_up00.jpg);
background-repeat: no-repeat;
height: 26px;
FONT-SIZE:11px;
FONT-WEIGHT:bold;
FONT-FAMILY:Tahoma;
COLOR:#000000;
text-transform : uppercase;
vertical-align:middle;
}


огромное спасибо:evrika::goodpost:

моя ошибка была в том что в этом месте я писал center

td, input, select, textarea {
    font-family: Tahoma;
    font-size: 11px;
    color: #000000;
    vertical-align: top;
}


а в этом тулил middle:wacko:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как сделать отступ у списка
3 Gestein 13825 6.6.2013, 21:16
автор: -kursant-
Открытая тема (нет новых ответов) отступ снизу после основного блока в firefox,opera,ie8
0 Doctor_Victor 9180 16.4.2011, 10:05
автор: -Tusha-kurusha-
Открытая тема (нет новых ответов) Не убирается отступ от рамки до бордюра фрейма
3 people2010 7345 7.4.2010, 19:34
автор: -people2010-


 



RSS Текстовая версия Сейчас: 29.3.2024, 4:00
Дизайн