Блог

Я пытаюсь добавить 3 кнопки в div, который имеет класс «info», как показано ниже (это в основном раздел нижнего колонтитула). Код показан ниже

 <div class='info'> 
    <a class="button" href="#">Full Site</a> 
    <a class="button" href="#">Feedback</a> 
    <a class="button" href="#">Contact Us</a> 
</div> 
  

Я хочу показать эти 3 кнопки слева, в центре и справа.
(Приведенный выше код просто показывает кнопку «Связаться с нами» в верхней части страницы). Как сделать
Я это исправляю?

Я не эксперт по jQTouch / CSS, но я полагаю, что это связано с button классом, который вы используете для каждой ссылки.

button Класс абсолютно позиционирует элементы вверху, вот почему ваши кнопки не отображаются в нижнем колонтитуле. Кроме того, все три кнопки расположены в одном и том же месте, но вы видите только последнюю — кнопку «Связаться с нами».

Файл CSS, содержащий этот класс, находится в каждой из папок темы (apple, default или jqt). У каждой из них есть файл theme.css.

Опять же, не будучи сильным специалистом по CSS… моим советом было бы создать новый класс. Сохраните понравившиеся атрибуты из существующего класса button, но, возможно, удалите из него аспекты положения. Это во многом будет зависеть от того, какой внешний вид вы хотите сохранить.

Кроме того, вам может быть проще разместить свои кнопки в неупорядоченном списке. Это дает вам больше гибкости при попытке позиционировать объекты с помощью CSS.

 <div class='info'> 
    <ul class="newULClass">
        <li><a class="newButtonClass" href="#">Full Site</a></li>
        <li><a class="newButtonClass" href="#">Feedback</a></li>
        <li><a class="newButtonClass" href="#">Contact Us</a></li>
    </ul>
</div>