CSS - удаление пробелов между кнопками с зацикленными формами

* отредактировано, чтобы добавить скриншотCSS - удаление пробелов между кнопками с зацикленными формами

У меня есть форма, связанная с использованием PHP, и я пытаюсь удалить пробелы между каждой кнопкой отправки. По эстетическим соображениям я хочу иметь возможность точно прокладывать пространство между ними. Может ли кто-нибудь дать представление о том, как я могу это сделать?

Класс positionText, по-видимому, помогает некоторым, и я не могу показаться, чтобы отображать: ни один из них не влияет.

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
    </head> 
<style> 
    .positionText { 
     line-height: 0%; 
     } 
</style> 
<body> 
<div class="positionText"> 
<?php 

ini_set('display_errors',1); error_reporting(E_ALL); 

$result = file_get_contents('php://input'); 

require_once 'IRCconfig.php'; 

$connection = new mysqli($db_hostname, $db_username, $db_password, $db_database); 
    if ($connection->connect_error) die($connection->connect_error); 

$DATE = empty($result) ? date('Y-m-d') : $result; 
    { 
     $query = "SELECT * FROM CLIENT_CHECKIN WHERE DATE(DATE)='$DATE' ORDER BY F_NAME ASC"; 
     $result = $connection->query($query); 

     if (!$result) die ("Database access failed: " . $connection->error); 

     $rows = $result->num_rows; 
    } 

for ($j = 0 ; $j < $rows ; ++$j) 
    { 
     $result->data_seek($j); 
     $row = $result->fetch_array(MYSQLI_NUM); 

     echo <<<_END 
     <pre> 
     <form class="clientSubmit" name="clientSubmit" action="IRCpopulatecheckin.php" method="POST"> 
     <input type="hidden" name="DATE" value="$row[0]"> 
     <input type="hidden" name="F_NAME" value="$row[1]"> 
     <input type="hidden" name="M_NAME" value="$row[2]"> 
     <input type="hidden" name="L_NAME" value="$row[3]"> 
     <input type="submit" name="dailyClient" value="$row[1] $row[2] $row[3]"> 
     </form> 
     </pre> 
_END; 
    } 

?> 
</div> 
<body> 

</html>

A sample output

источник

2014-12-05 dan5ermou5

Опубликовать вывод HTML, а не источник PHP. – j08691

Почему бы не просто добавить маркер к кнопкам отправки? –

Не уверен, что именно вы пытаетесь сделать, но попробуйте установить все входы на одной строке. Это приведет к удалению любого пробела. Вы также можете использовать float для достижения аналогичного результата. –

Вы можете выбрать кнопку отправки непосредственно с помощью CSS.

Например:

.positionText [type="submit"]{ margin-top: -2px;}

Вы также можете выбрать входы с помощью

[type="hidden"]or.positionText input{}

Если вы хотите, чтобы стиль каждого отдельно представить, попробуйте

.positionText [type="submit"]:nth-child(2)

Вы также можете использовать

:first-child() and :last-child()

для выбора первого и последнего представить.

Надеюсь, что это поможет.

источник

2014-12-05 19:22:09

Это наводит меня на правильный путь, но не выполняет эту работу. См. Фотографию, которую я добавил, результат более или менее совпадает с настроенными полями и отображением: none. – dan5ermou5

Используете ли вы хром, потому что хром может добавлять стили браузера по умолчанию на ваши входы, которые могут быть причиной ваших проблем. Попробуйте ознакомиться с инструментами chrome dev, чтобы узнать, не противоречат ли какие-либо стили и нет. –

С формы и предварительно являются типами блоков, вам нужно положить предел: 0 в вашем CSS.

pre,form{margin: 0}

источник

2014-12-05 19:57:32

CSS - удаление пробелов между кнопками с зацикленными формами

ответ

Смежные вопросы