Wordpress таблица не выглядит правильно, используя текст и поля ввода - PullRequest
Новая
       11

Wordpress таблица не выглядит правильно, используя текст и поля ввода

1 голос
/ 21 ноября 2011

Как я могу добавить текст и текстовое поле ввода в одной строке?

Я использую Wordpress и добавляю такие вещи на страницу, но формат кажется другим, иэлементы появляются в разных строках.

Я использую обычный код, подобный этому: 

<form width="300px">
<a>First name:</a> <input type="text" name="firstname" /><BR />
<a>Last name:</a> <input type="text" name="lastname" />
</form> 

<table border="1">
<tr>
<td>row 1, <input type="text" name="firstname" /></td>
<td>row 1, <input type="text" name="firstname" /></td>
</tr>
<tr>
<td>row 2, <input type="text" name="firstname" /></td>
<td>row 2, <input type="text" name="firstname" /></td>
</tr>

Ответы [ 3 ]

1 голос
/ 21 ноября 2011

Вам нужно либо распределить тд по обоим столбцам 

<tr>
    <td colspan="2"> row 1, <input type="text" name="firstname" /></td>
</tr>

или ваша таблица слишком узкая, вот как установить ширину таблицы в 500 пикселей. 

<table width="500px">

затем вы можете изменить ширину строк таблицы, если у вас возникла проблема со слишком узким столбцом. 

<td width="80%"> </td>
0 голосов
/ 22 ноября 2011

Разрешение: После попытки моих предыдущих ответов Марко все еще получал несколько строк для своих элементов управления.Марко осмотрел свою разметку и обнаружил дополнительные <br> теги.Я предположил, что это должно быть из сценария где-то в самой теме.Мы отследили папку со сценариями его темы, и Марко смог определить строку кода, в которой были добавлены теги <br>.

От Марко:"Дилан, функция wpautop($pee, $br = 0) сделалахитрость, если он установлен на 1, он вставит автоматические разрывы для всего !!!, в 0 он не будет работать так, и ваш код будет выглядеть так, как вы ожидаете! "

Вы можете следить за нашим чатом: Здесь

0 голосов
/ 21 ноября 2011

Я добавил ваш код в пустой HTML-файл, и это мой вывод. Это то, что вы ищете правильно? С вашей разметкой все в порядке, если вы пытаетесь достичь этого.

enter image description here

Это из следующего кода: 

<html>
<head></head>
<body>
<form width="300px">
    <a>First name:</a> <input type="text" name="firstname" /><BR />
    <a>Last name:</a> <input type="text" name="lastname" />
</form> 

<table border="1">
<tr>
    <td>row 1, <input type="text" name="firstname" /></td>
    <td>row 1, <input type="text" name="firstname" /></td>
</tr>
<tr>
    <td>row 2, <input type="text" name="firstname" /></td>
    <td>row 2, <input type="text" name="firstname" /></td>
</tr>
</body>
</html>
...