[Проблема] Как выровнять?

01-25-2010, 08:49 PM

Худо бедно сделал равные границы между ними,как сделать,чтобы 2 центральные колонки были одинаковыми, не то как щас на скрине,где одна больше другой

Medine добавил 25.01.2010 в 19:49

01-25-2010, 11:39 PM

Medine, какие параметры width указаны? В процентах или пикселях?

01-26-2010, 12:43 PM

указать параметры в абсолютных значениях, а не относительных.
либо поправить шалоны "adv_portal_module_wrapper, adv_portal" в соответствии со своими нуждами.

хотя как вариант может быть проблема, например, из-за "white-space:nowrap (nowrap="nowrap")"
имхо - лучше всего пройтись по всем шабам (их совсем чуток) и переверстать их все по человечески.
поскольку если у вас шаблоны стандартные, то они и должны себя так вести, ибо сверстаны они на таблицах.

01-26-2010, 04:58 PM

Ваот сам шаблон adv_portal,полагаю в нем надо чо-то подкрутить,сам не силен,помогите чо подправить

Оффтоп

01-26-2010, 06:12 PM

Code:

<table align="center" class="page" cellspacing="0" cellpadding="0" width="100%">
<tr valign="top">
<if condition="$show['left_column']">
<td width="$vba_style[portal_leftcolwidth]"<if condition="$show['center_column'] OR $show['right_column']"> style="padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[leftblocks]
</td>
</if>
<if condition="$show['topleft_column']">
<td width="$vba_style[portal_topleftcolwidth]"<if condition="$show['left_column'] OR $show['center_column'] OR $show['topright_column'] OR $show['right_column']"> style="padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[topleftblocks]
</td>
</if>
<if condition="$show['center_column']">
<td width="$vba_style[portal_centercolwidth]"<if condition="$show['left_column'] OR $show['topleft_column'] OR $show['topright_column'] OR $show['right_column']"> style="padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[centerblocks]
</td>
</if>
<if condition="$show['topright_column']">
<td width="$vba_style[portal_toprightcolwidth]"<if condition="$show['left_column'] OR $show['topleft_column'] OR $show['center_column'] OR $show['right_column']"> style="padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[toprightblocks]
</td>
</if>
<if condition="$show['midleft_column']">
<td valign="top">
$home[midleftblocks]
</td>
</if>
<if condition="$show['midmid_column']">
<td valign="top">
$home[midmidtblocks]
</td>
</if>
<if condition="$show['midright_column']">
<td valign="top">
$home[midrightblocks]
</td>
</if>
<if condition="$show['right_column']">
<td width="$vba_style[portal_rightcolwidth]"<if condition="$show['left_column'] OR $show['topleft_column'] OR $show['center_column'] OR $show['topright_column']"> style="padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[rightblocks]
</td>
</if>
</tr>
</table>

вот эта часть у тебя на таблицах (таблицы - зло)
перепиши блоками и бутет тебе счастье

Code:

<div style="float:left + позиционирование + условия левого блока"></div>
<div style="float:left + позиционирование + условия центрального левого блока"></div>
<div style="float:right + позиционирование + условия центрального правого блока"></div>
<div style="float:right + позиционирование + условия правого блока"></div>
<div style="clear:both"></div>

стили естессно лучше вынести в css и в блоки поставить соотв. классы

Syn добавил 26.01.2010 в 17:12
ну а если хочется на таблицах, то попробуй так

Code:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]" xmlns="http://www.w3.org/1999/xhtml">
<head>
<if condition="$pages['name'] == 'home'">
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
</if>

<title>$vboptions[hometitle] <if condition="$pagetitle">- $pagetitle</if></title>

$headinclude

</head>
<body>

$header

$navbar

<if condition="$show['customizepagelink']">
<div align="$stylevar[right]" style="padding-top: $stylevar[cellpadding]px; padding-bottom: $stylevar[cellpadding]px">
<if condition="$show['customizepage']">
[<a href="javascript: reset_cmps_layout($pages[pageid])">$vbphrase[reset_layout]</a>]
[<a href="$show[customizepagelink]">$vbphrase[exit_customization_mode]</a>]
<else />
[<a href="$show[customizepagelink]">$vbphrase[customize_this_page]</a>]
</if>
</div>
</if>

<table align="center" class="page" cellspacing="0" cellpadding="0" width="100%">
<tr valign="top">
<if condition="$show['left_column']">
<td><div style="width: $vba_style[portal_leftcolwidth]"<if condition="$show['center_column'] OR $show['right_column']">; padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[leftblocks]
</div></td>
</if>
<if condition="$show['topleft_column']">
<td><div style="width: $vba_style[portal_topleftcolwidth]"<if condition="$show['left_column'] OR $show['center_column'] OR $show['topright_column'] OR $show['right_column']">; padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[topleftblocks]
</div></td>
</if>
<if condition="$show['center_column']">
<td><div style="width: $vba_style[portal_centercolwidth]"<if condition="$show['left_column'] OR $show['topleft_column'] OR $show['topright_column'] OR $show['right_column']">; padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[centerblocks]
</div></td>
</if>
<if condition="$show['topright_column']">
<td><div style="width: $vba_style[portal_toprightcolwidth]"<if condition="$show['left_column'] OR $show['topleft_column'] OR $show['center_column'] OR $show['right_column']">; padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[toprightblocks]
</div></td>
</if>
<if condition="$show['midleft_column']">
<td valign="top">
$home[midleftblocks]
</td>
</if>
<if condition="$show['midmid_column']">
<td valign="top">
$home[midmidtblocks]
</td>
</if>
<if condition="$show['midright_column']">
<td valign="top">
$home[midrightblocks]
</td>
</if>
<if condition="$show['right_column']">
<td><div style="width: $vba_style[portal_rightcolwidth]"<if condition="$show['left_column'] OR $show['topleft_column'] OR $show['center_column'] OR $show['topright_column']">; padding-$stylevar[right]: $vba_style[portal_colspacing]px"</if>>
$home[rightblocks]
</div></td>
</if>
</tr>
</table>

$footer

</body>
</html>

01-30-2010, 01:19 PM

Все ок,еще бы хотелось,чтобы подсказали какой код вставить,чтобы сделать общую колонку над 2 средними как на скриншоте

01-30-2010, 11:25 PM

сверху просто див поставь с шириной соответствующей да и все
если ширина блока менее 100%, то для того чтобы отцентрировать его поставь

Code:

<div style="100%" align="center"><div style="ширина" align="left">code</div></div>

будет, как на скрине
но в этом случае высота центроблока сдвинет все блки ниже на соотв. высоту.
если нужно, чтоб крайние блоки вниз не сползали, нужно немного иначе.

зы - вот те линк - http://www.htmlbook.ru/ для начального понимания вполне хватит...
зы - зы - кстати, если верстал блоками, то к вышеуказанному коду стоит добавить display:inline;

01-30-2010, 11:33 PM

Quote:

Originally Posted by Syn

сверху просто див поставь с шириной соответствующей да и все
если ширина блока менее 100%, то для того чтобы отцентрировать его поставь

Code:

<div style="100%" align="center"><div style="ширина" align="left">code</div></div>

будет, как на скрине
но в этом случае высота центроблока сдвинет все блки ниже на соотв. высоту.

если нужно, чтоб крайние блоки вниз не сползали, нужно немного иначе.

как раз да,чтоб крайние не сползали

01-30-2010, 11:55 PM

если ты сверстал на таблицах, то выше колонки, в которой у тебя пара центовых ячеек, поставь

Code:

<tr><td colspan="2"><div style="width:???">code</div></td></tr>

если сверстал по человечески (блками), то это немного другая песня, но тоже довольно просто.

Code:

<div left-block>code</div>
<div center-block>
<div top-center-block style="width: x2">code</div>
<div center-left-block>code</div>
<div center-right-block>code</div>
</div>
<div right-block>code</div>
<div class="clear"></div>

01-31-2010, 02:51 AM

Оффтоп