Jump to content

Recommended Posts

Приветствую!

Посмотрите на картинку.

Мне надо эту таблицу подвинуть как можно ближе к кнопку купить.

Сделал border 1 для лучшей видимости.

Должна быть кнопка "купить", рядом с "-или-" и 2 строчки "в закладки" и "в сравнение" должны быть на уровне этого или.

Как бы "или" должно стоять между ними. "Закладки" чуть выше, а "В сравнение" чуть ниже.

Вот ломаю голову, как это сделать. Кто может помочь?

Вот код:

<div class="cart">

	  <input type="button" value="<?php echo $button_cart; ?>" id="button-cart" class="button" /> (код кнопки)
<table border="1" align="right">
<tr>
<td></td>
<td><a onclick="addToWishList('<?php echo $product_id; ?>');"><?php echo $button_wishlist; ?></a></td> (в закладки)
</tr>
<tr>
<td height="50" width="80" align="left" valign="top">
<span><?php echo $text_or; ?></span> ( "или" )
</td>
<td height="50" width="80">
<a onclick="addToCompare('<?php echo $product_id; ?>');"><?php echo $button_compare; ?></a></td> (в сравнение)
</tr>
</table>

</div>

post-30554-0-99152400-1363328042_thumb.jpg

Share this post


Link to post
Share on other sites

все ваши "теложвижения" задаются в файлах стилей, зачем городить огород, если можно стилями всё подвести

Share this post


Link to post
Share on other sites

все ваши "теложвижения" задаются в файлах стилей, зачем городить огород, если можно стилями всё подвести

Не знаю как. Уже почти 2 часа копаюсь, и в html и в css, ничего не выходит.

Был бы очень признателен за помощь.

Share this post


Link to post
Share on other sites

помощь обычно не по буквам в посте оказывается а по ссылкам реальным

  • +1 1

Share this post


Link to post
Share on other sites

для начала уберите свою "табличную" белиберду

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

<br />

далее стилями отпозиционируйте строки как вам нужно

  • +1 1

Share this post


Link to post
Share on other sites

для начала уберите свою "табличную" белиберду

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

<br />

далее стилями отпозиционируйте строки как вам нужно

Я бы оптизировал, если бы знал как ==

Общее представление о CSS имею, но хорошо работать там не могу пока

Share this post


Link to post
Share on other sites

на дефолтном все меняется просто css (без каких либо правок в файлах tpl):

строка 1103

.product-info .cart {
width: 25%;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
color: #4D4D4D;
overflow: auto;
}

добавлено лишь

width: 25%;

думаю восстановив первоначальные параметры (убрав код таблицы) и поигравшись процентами вы быстро добьетесь результата

  • +1 1

Share this post


Link to post
Share on other sites

на дефолтном все меняется просто css:

.product-info .cart {
width: 25%;
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 20px;
color: #4D4D4D;
overflow: auto;
}
добавлено лишь
[code]
width: 25%;

думаю восстановив первоначальные параметры (убрав код таблицы) и поигравшись процентами вы быстро добьетесь результата

Спасибо, сейчас попробую

Share this post


Link to post
Share on other sites

Кое-что вышло, но не совсем так, как хотелось.

Сейчас оно стоит в ряд, а мне нужно, чтобы "в закладки" было чуть выше чем "или", а "в сравнение" чуть ниже.

Как оно стояло по дефолту

Share this post


Link to post
Share on other sites

я вижу, восстановите исходный файл, или кусок кода class="card", у вас там пропуски тегов

P.S. Внимательнее с кодом))) не нужно дублей)))

  • +1 1

Share this post


Link to post
Share on other sites

эх))) в личке контакты- заходите))) счас все сделаем)

  • +1 1

Share this post


Link to post
Share on other sites

эх))) в личке контакты- заходите))) счас все сделаем)

В личку тут? На форуме?

У меня нет никаких уведомлений или сообщений )

Куда заходить? )

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.