Jump to content
Sign in to follow this  
gregoro

Помогите чутка с версткой? :-)

Recommended Posts

Есть кусок кода:

            <h3><?php echo $text_option; ?></h3>
            <?php foreach ($options as $option) { ?>
            <?php if ($option['type'] == 'select') { ?>
            <label class="control-label" for="input-option<?php echo $option['product_option_id']; ?>"><?php echo $option['name']; ?></label>
              <div class="form-group<?php echo ($option['required'] ? ' required' : ''); ?>">
              <select name="option[<?php echo $option['product_option_id']; ?>]" id="input-option<?php echo $option['product_option_id']; ?>" class="form-control">
                <option value=""><?php echo $text_select; ?></option>
                <?php foreach ($option['product_option_value'] as $option_value) { ?>
                <option value="<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
                <?php if ($option_value['price']) { ?>
                (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
                <?php } ?>
                </option>
                <?php } ?>
              </select>
            </div>

 

Получаем вот такой вывод:

2019-09-05_17-09-05.png.920dab53a8e7957ea45b7d9f15fbc92c.png

 

Пытаюсь убрать тег H3.

Заменяю, например, строчку с H3 вот на такой кусок:

<div class="refine"><?php echo $text_option; ?></div>

Класс refine заметил устраивает по начертанию текста.

 

Все внешне Ок.

Кроме того, что "размер коврика" уехал вниз:

2019-09-05_17-11-49.png.70bcfce5dfa05420adfe5393fe8b6738.png

 

Что делаю не так? :-) 

Какашками не кидайтесь сильно, в верстке понимаю больше по наитию.

Share this post


Link to post
Share on other sites

Было бы проще со ссылкой на страницу.

Попробуйте это:

div.refine {
	display: inline-block;
}

 

Share this post


Link to post
Share on other sites
1 минуту назад, mpn2005 сказал:

Было бы проще со ссылкой на страницу.

Попробуйте это:

div.refine {
	display: inline-block;
}

 

Спасибо за отклик! display: inline помог :-) 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
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.