需要帮助以表格为中心

-2

嗯，我一直在搜索过去的一小时，试图为表格命名，并且我一直在努力，直到这一点，所以决定在这里问。是的，我已搜查这个地方..需要帮助以表格为中心

我HTML：

<div id="main" class="main"> 
    <table border="0" class="container1"> 
     <tr> 
      <td> 
       <p> 
        <img src="images/doesitfit.png" /> 
       </p> 
      </td> 
     </tr> 
    </table> 
    <table border="0"> 
     <div class="container2"> 
      <input type="text" value="Enter Your First Name" id="form" onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" onclick="javascript:if(this.value=='Enter Your First Name')this.value='';"></input> 
     </div> 
    </table> 
</div>

我CSS：

.main { 
    background-color: rgba(11, 11, 11, 0.8); 
    width: 800px; 
    height: 550px; 
    border-radius:15px; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    margin-left: auto; 
    margin-right: auto; 
    min-height: 10em; 
    height:100%; 
    overflow:hidden; 
} 
.container1 { 
    table-layout: fixed; 
    height:50%; 
    overflow:hidden; 
    width: 802px; 
    border-color:#ff0000; 
    border-radius:15px; 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    margin-left: auto; 
    margin-right: auto; 
    min-height: 10em; 
    color:white; 
    margin: auto; 
} 
.container2 { 
} 
#form { 
    font-size: 19px; 
    border: 0px solid; 
    color: #7a7a7a; 
    height:28px; 
    width:295px; 
    text-align:center; 
    margin: auto; 
}

另外，我打算添加一些形式（输入），如Email ，和电话号码。

非常感谢SOF，希望能最终得到一些帮助。

来源

2013-09-22 Travis

如果您对您编写的某些代码有疑问，请在此处提供代码*（最好是缩减的测试用例）不要链接到外部网站。如果您使用了[验证器]（http://validator.w3.org/），则代码中会包含大量错误。 – Quentin

该表不应包含div元素作为其直接子元素：'

'=这是无效的。与此修复：'

'你也可以使用您的输入占位符属性：'' – Stano

我创建了一个CodePen来展示如何对输入进行居中。（http://codepen.io/kevingimbel/pen/BKruj）

这里的主要probleme是margin: 0 auto; wont't工作，直到输入设置为display:block; - 我也想你不应该使用<table>的布局 - 使用<div>。

无论如何，我也评论了笔内的CSS。如果你需要更多的帮助发布，我会观看这个线索一段时间。希望我能帮上忙。

来源

2013-09-22 09:43:24

感谢吨，猜测我读了很多其他帖子与display：block错误;我会读取所有显示：inline-block; – Travis

试试这个：

form { 
margin-left:auto; 
margin-right:auto; 
}

来源

2013-09-22 09:29:46 user1721135

已经尝试过，没有任何动作。：/ – Travis

你似乎没有在你的HTML中的表单元素 – user1721135

-1

环绕你输入的表单元素和形式之前失去＃符号在CSS

<form> 
    <input type="text" value="Enter Your First Name" onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" onclick="javascript:if(this.value=='Enter Your First Name')this.value='';">></input> 
</form> 


form { 
    font-size: 19px; 
    border: 0 solid; 
    color: #7a7a7a; 
    height: 28px; 
    width: 295px; 
    text-align: center; 
    margin: 0 auto; 
}

，或者如果你想保留输入ID形式

<input type="text" value="Enter Your First Name" id="form" onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" onclick="javascript:if(this.value=='Enter Your First Name')this.value='';">></input> 


#form { 
    display: block; 
    font-size: 19px; 
    border: 0 solid; 
    color: #7a7a7a; 
    height: 28px; 
    width: 295px; 
    text-align: center; 
    margin: 0 auto; 
}

来源

2013-09-22 09:35:48 mdesdev

需要帮助以表格为中心

回答

相关问题