Кнопка рядом с моей записью всегда отображается под записью

У меня есть блог, который я строю с записями. У меня есть форма со скрытыми переменными для отправки идентификатора записи и других данных для «удаления» сообщения. Кнопка всегда отображается под записью, а не рядом с ней.

Я попытался использовать CSS Clear и поместить все в одну строку <p>, чтобы посмотреть, поможет ли это. Я чувствую, что проблема в том, что есть форма со скрытыми переменными, но я не знаю, как это исправить.

 <div id = "subformposts">
    <?php echo $subentry['Body']; ?>
    <?php echo $subentry['CreateDate']; ?> - <?php echo $subentry['UserName']; ?><br />

<!-- Determine whether to show the delete button -->
<form action = "Delete_entry.php" method = "post" id = "Deletesub<?php echo $subentry['EntryID'];?>" onsubmit = "return confirmdelete('Deletesub<?php echo $subentry['EntryID'];?>')">     
        <input type = "hidden" readonly = "true" name = "EntryID" value = "<?php echo $subentry['EntryID']; ?>" />
        <input type = "hidden" readonly = "true" name = "UserID" value = "<?php echo $subentry['UserID']; ?>" />
        <?php if ($userid == 1 || $userid == $res['UserID']) { ?>
        <input type = "image" src = "redx.png" alt = "Delete Post" id = "btnDelete" value = "Delete Post" />
    <?php } ?>
</form>
</div>

Я хочу, чтобы кнопка плавала справа от моей записи (или слева в этот момент). Если бы я мог спрятать ее в div, это было бы здорово.

html css

29.05.2019 05:51

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать display: inline-flex на subformposts.

Как этот :

<div id = "subformposts" style = "display: inline-flex;">
<?php echo $subentry['Body']; ?>
<?php echo $subentry['CreateDate']; ?> - <?php echo $subentry['UserName']; ?><br />

<!-- Determine whether to show the delete button -->
<form action = "Delete_entry.php" method = "post" id = "Deletesub<?php echo 
$subentry['EntryID'];?>" onsubmit = "return confirmdelete('Deletesub<?php echo $subentry['EntryID'];?>')">     
    <input type = "hidden" readonly = "true" name = "EntryID" value = "<?php echo $subentry['EntryID']; ?>" />
    <input type = "hidden" readonly = "true" name = "UserID" value = "<?php echo $subentry['UserID']; ?>" />
    <?php if ($userid == 1 || $userid == $res['UserID']) { ?>
    <input type = "image" src = "redx.png" alt = "Delete Post" id = "btnDelete" value = "Delete Post" />
<?php } ?>
</form>
</div>

Или вы можете сохранить оба в двух разных div и поместить display:inline-block в оба этих блока. Так .

 <div id = "subformposts" style = "display: inline-block;">
 <?php echo $subentry['Body']; ?>
 <?php echo $subentry['CreateDate']; ?> - <?php echo $subentry['UserName']; ?><br />
</div>
<div style = "display: inline-block;">
<!-- Determine whether to show the delete button -->
 <form action = "Delete_entry.php" method = "post" id = "Deletesub<?php echo 
 $subentry['EntryID'];?>" onsubmit = "return confirmdelete('Deletesub<?php echo $subentry['EntryID'];?>')">     
<input type = "hidden" readonly = "true" name = "EntryID" value = "<?php echo 
$subentry['EntryID']; ?>" />
<input type = "hidden" readonly = "true" name = "UserID" value = "<?php echo 
$subentry['UserID']; ?>" />
<?php if ($userid == 1 || $userid == $res['UserID']) { ?>
<input type = "image" src = "redx.png" alt = "Delete Post" id = "btnDelete" value = "Delete Post" />
<?php } ?>
</form>
</div>

29.05.2019 06:10

Другие вопросы по теме

HTML5: как избежать частичного перекрытия двух div?

Автоматическое развертывание всех панелей PrimeNG Accordion для печати

"позиция: липкая"; элементы не совсем совпадают

Bootstrap div - выравнивание по центру страницы

Горизонтальная и вертикальная полоса прокрутки, если содержимое выходит за пределы указанной ширины и высоты в div

Липкий элемент вверху при прокрутке

Скрытие счетчика ввода с помощью styled-component

Очистка кеша с помощью Laravel

Гамбургер меню покрывает логотип

Ввод внутри div не кликабельный

Кнопка рядом с моей записью всегда отображается под записью

Ответы 1

Другие вопросы по теме

Похожие вопросы