сместить кнопу вниз

@Тимуркин85 · Регистрация: 13.01.2014

Студворк — интернет-сервис помощи студентам

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="choice-pie">
                    <div class="choice-pie-block">
                        <div class="choice-pie__left">
                            <p class="choice-pie__title">Пироги<br></p>
                            <a href="/osetinskie-pirogi/" class="choice-pie__button">Выбрать</a>
                        </div>
                        
                        <div class="choice-pie__right">
                            <p class="choice-pie__title">Пицца<br></p>
                            <a href="/pitsa/" class="choice-pie__button">Выбрать</a>
                        </div>
                    </div>
                </div>

CSS
1
2
3
4
5
6
7
8
9
10
.choice-pie { height:320px; background:url('images/choice-pie-bg.jpg') 50% 50% no-repeat; }
   .choice-pie-block { width:830px; height:320px; margin:0 auto; position:relative; background:url('http://i6.pixs.ru/storage/7/4/8/1jpg_4546787_11202748.jpg') 0 0 no-repeat; border-radius:6px; }
   .choice-pie__left { position:absolute; top:60px; left:50px; }
   .choice-pie__right { position:absolute; top:60px; right:50px; text-align:right; }
   .choice-pie__title { margin-top:30px; font:bold 44px/0.8 'Roboto Slab', serif; color:#fff; }
   .choice-pie__button { width:136px; height:49px; display:block; font-weight:700; font-size:22px; line-height:2; text-align:center; text-decoration:none; color:#fff; background:url('images/sprite.png') 0 0 no-repeat; }
   .choice-pie__left .choice-pie__button { background-position:0 10; }
   .choice-pie__left .choice-pie__button:hover { background-position:0 -59px; }
   .choice-pie__right .choice-pie__button { background-position:0 10; }
   .choice-pie__right .choice-pie__button:hover { background-position:0 -177px; }

надо передвинуть кнопку "Выбрать" От надписи Пироги и Пицца вниз, подскажите пожалуйста!

сайт rumyancev.ru

@Ukkas · 12.03.2014, 13:15

Тимуркин85,

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
.choice-pie__button { 
        margin-top: 30px; 
        width:136px; 
        height:49px; 
        display:block; 
        font-weight:700; 
        font-size:22px; 
        line-height:2; 
        text-align:center; 
        text-decoration:none; 
        color:#fff; 
        background:url('images/sprite.png') 0 0 no-repeat; 
    }

@Тимуркин85 · 12.03.2014, 13:25 **[ТС]**

Сдвигается но не все(((

Комментарий модератора

Прикрепляйте файлы и изображения к сообщениям.
https://www.cyberforum.ru/abou... post594251

@Ukkas · 12.03.2014, 13:57

Тимуркин85, c margin-top: 30px; ?

@zme9 · 12.03.2014, 14:04

.choice-pie__title{
padding-bottom:значение px;
}

@fol · 12.03.2014, 14:05

линк на сайт, плиз

@Тимуркин85 · 12.03.2014, 14:40 **[ТС]**

Спасибо ребята!
Помогло .choice-pie__title{
padding-bottom:значение px;
}

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Ukkas 153 / 126 / 39 Регистрация: 02.05.2012 Сообщений: 573
	12.03.2014, 13:57
	Тимуркин85, c margin-top: 30px; ? 1

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	12.03.2014, 14:04
	Сообщение было отмечено Тимуркин85 как решение Решение .choice-pie__title{ padding-bottom:значение px; } 1

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	12.03.2014, 14:05
	линк на сайт, плиз 0

@Тимуркин85 0 / 0 / 0 Регистрация: 13.01.2014 Сообщений: 56
	12.03.2014, 14:40 [ТС]
	Спасибо ребята! Помогло .choice-pie__title{ padding-bottom:значение px; } 0

сместить кнопу вниз

Решение