使用文本和输入框的Wordpress表格看起来不正确

如何在同一行中添加文本和输入文本框？使用文本和输入框的Wordpress表格看起来不正确

我使用的是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>

来源

2011-11-21 Marco

您也需要跨越跨越两列的TD

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

，或者你的表是太窄了，这里是如何将表格设置为500像素宽。

<table width="500px">

如果您遇到列太窄的问题，则可以更改表格行的宽度。

<td width="80%"> </td>

来源

2011-11-21 14:21:07

嗯，由于某种原因，它不工作，我仍然得到同样的结果=（ @迪伦 - 海耶斯 – Marco

你有一个CSS文件被refereneced即为您的样式添加样式

标签？ –

这就是它对表格对象所具有的功能。 table，caption，tbody，tfoot，thead，tr，th，td { \t background：transparent; \t border：0; \t margin：0; \t padding：0; \t vertical-align：baseline; } 表{ \t border-collapse：collapse; \t border-spacing：0; } ＃内容表{ \t/*边界：1px的固体＃e7e7e7; */ \t余量：0; \t text-align：left; \t/* width：100％; */ } ＃contentTth，＃content thead th { \t color：＃888; \t font-size：12px; \t font-weight：400; \t line-height：18px; \t padding：9px 24px; } ＃content tr td { \t/* border-top：1px solid＃e7e7e7; */ \t padding：6px 24px; } – Marco

我已将您的代码添加到空白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>

来源

2011-11-21 14:54:55

分辨率：想我以前的答案马尔科仍然得到多行对他的控制之后。 Marco检查了他的标记并发现了额外的<br>标签被添加。我建议这个必须来自主题本身的脚本。我们追踪了他主题的脚本文件夹，并且Marco能够精确定位添加<br>标签的代码行。

从马可：“迪伦，功能wpautop($pee, $br = 0)的伎俩，如果它被设置为1它会插入用于averything !!!自动中断，在0它不会像工作，你的代码看起来像你在期待什么！“

你可以按照我们的聊天： Here

来源

2011-11-22 14:18:59

使用文本和输入框的Wordpress表格看起来不正确

回答

相关问题