1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Проблемы с CSS. Как выстроить в линию?

Главные вкладки

Аватар пользователя Dope Skeeza Dope Skeeza 22 августа 2008 в 17:25

вот хтмл на выходе:

<td colspan="2" class="cart-block-summary-checkout">

<div class="galaxy_checkout">

<div class="orange_corner_left"></div>

<a href="/cart/checkout" class="checkout-galaxy">ОФОРМИТЬ ПОКУПКИ</a>

<div class="orange_corner_right"></div>

<div class="galaxy_view"><a title="Редактировать заказ" href="/cart"><img src="/images/product_view_btn.jpg"></a></div></td>

CSS:

.cart-block-summary-checkout {uc_cart_block.css
height:40px;
text-align:left;
}

.galaxy_checkout {
float:left;
}

.checkout-galaxy {
background:#FFFFFF url(/images/orange_btn_bg.jpg) repeat-x scroll 0 0;
height:24px;
margin-right:0;
padding:5px;
text-decoration:none;
}

.galaxy_view {
float:left;
}

Выглядит сейчас вот так:

А должно быть:

И собственно, как это сделать?
Я пологаю что нужно выстраивать как то все в одну линию...

Комментарии

Аватар пользователя Dope Skeeza Dope Skeeza 22 августа 2008 в 23:20

че то не помогло...

вот исходный php, может там я чего накосячил?

  $output .= '<table class="cart-block-summary-table"><tbody class="cart-block-summary-tbody">'
            .'<tr class="cart-block-summary-tr">
                       
                        <td class="cart-block-summary-total">'
            .'<strong>'. t('Total:') .'</strong> '. uc_currency_format($total) .'</td></tr>';
  if ($item_count > 0) {
    $output .= '<tr><td colspan="2" class="cart-block-summary-checkout">'. '<div class="cart-block">' .'<div class="galaxy_checkout">' .$checkout .'<div class="galaxy_view">'
        .$view .'</div>' .'</div>' .'</td></tr>';
  }
  $output .= '</tbody></table>';

  return $output;
}

Вот собсно Html после парса:

<td class="cart-block-summary-checkout" colspan="2">
<div class="cart-block">
<div class="galaxy_checkout">
<div class="orange_corner_left"/>
<a class="checkout-galaxy" href="/cart/checkout">ОФОРМИТЬ ЗАКАЗ</a>
<div class="orange_corner_right"/>
<div class="galaxy_view">
<a href="/cart" title="Редактировать заказ">
<img src="/images/product_view_btn.jpg"/>
</a>
</div>
</div>
</div>
</td>
Аватар пользователя dfaker dfaker 23 августа 2008 в 1:29

желтый float:left красный float:auto родительский display:inline, еще надо чтоб по суммарной ширине желтый и красный вмещались в ширину родительского блока