Php 我的css中出现这个问题的原因是什么?
我目前已经建立了一个表单字段(下拉菜单)和一个按钮。我遇到的唯一问题是,当我尝试在第一个下拉菜单下创建另一个下拉菜单时,它会将信息从框中抛出,从而弄乱我原来的下拉菜单。有人能看看我到底做错了什么,因为我不知道为什么会这样Php 我的css中出现这个问题的原因是什么?,php,html,css,arrays,Php,Html,Css,Arrays,我目前已经建立了一个表单字段(下拉菜单)和一个按钮。我遇到的唯一问题是,当我尝试在第一个下拉菜单下创建另一个下拉菜单时,它会将信息从框中抛出,从而弄乱我原来的下拉菜单。有人能看看我到底做错了什么,因为我不知道为什么会这样 <?php $shows = array( "Sesame Street on Ice", "The Wiggles Live", "Dora Live" ) $prices = array( 29.99, 35.49, 49.95, 34.99, 9.99 ); ?
<?php
$shows = array( "Sesame Street on Ice", "The Wiggles Live", "Dora Live" )
$prices = array( 29.99, 35.49, 49.95, 34.99, 9.99 );
?>
<html>
<head>
<title></title>
<style type="text/css">
body {
background: tan;
font-family: arial;
}
#contentwrap {
background-color: white;
border: 6px darkred solid;
padding: 110px;
width: 600px;
margin: 20px auto 20px auto;
border-radius: 25px;
-moz-border-radius: 25px;
}
#heading {
color: darkred;
font-size: 2.2em;
padding: 0px 0px 19px 0px;
margin: -70px -90px 5px -90px;
text-align: center;
}
#content {
height: 220px;
padding: 80px 0px 0px 0px;
background-repeat: no-repeat;
background-position: right;
}
#border {
color: lightblue;
border-bottom: 8px double;
padding: 0px 0px 65px 0px;
margin: -85px -80px 10px -80px;
}
#border2 {
color: darkred;
border-bottom: 8px double;
padding: 0px 0px 65px 0px;
margin: 180px -80px 0px -80px;
}
.formtext {
color: lightblue;
margin: -280px 0px 0px -50px;
}
.formtext2 {
color: lightblue;
margin: -10px 0px 0px -50px;
}
.formfield {
padding: 0px;
font-size: 1em;
width: 250px;
margin: 0px 0px 0px -50px;
color: black;
border: 2px darkred solid;
background-color: lightyellow;
border-radius: 4px;
}
</style>
</head>
<body>
<div id="contentwrap">
<div id="heading">Online Order Event Form</div>
<div id="border"></div>
<div id="content">
<div id="border2"></div>
<div class="formtext">Choose a show</div>
<select class="formfield" name="Show">
<div class="formtext">Select a number of tickets (max 4)</div>
<select class="formfield" name="Tickets">
<?php
for( $i = 0; $i < count( $shows ); $i++ ) {
echo "<option value=\"". $i ."\">". $shows[ $i ]
." $". $prices[ $i ] ."</option>\n";
}
?>
</select>
<div style="margin:160px 0px 80px -48px;">
<input type="submit" value="Order Tickets" />
</div>
</form>
</div> <!-- ends div#contentwrap -->
</body>
</html>
身体{
背景:谭;
字体系列:arial;
}
#内容包装{
背景色:白色;
边框:6px暗色立体;
填充:110px;
宽度:600px;
保证金:20px自动20px自动;
边界半径:25px;
-moz边界半径:25px;
}
#标题{
颜色:深色;
字体大小:2.2米;
填充:0px 0px 19px 0px;
余量:-70px-90px 5px-90px;
文本对齐:居中;
}
#内容{
高度:220px;
填充:80px 0px 0px 0px;
背景重复:无重复;
背景位置:右;
}
#边界{
颜色:浅蓝色;
边框底部:8px双倍;
填充:0px 0px 65px 0px;
利润率:-85px-80px 10px-80px;
}
#边界2{
颜色:深色;
边框底部:8px双倍;
填充:0px 0px 65px 0px;
利润率:180px-80px 0px-80px;
}
.formtext{
颜色:浅蓝色;
利润率:-280px 0px 0px-50px;
}
.formtext2{
颜色:浅蓝色;
保证金:-10px 0px 0px-50px;
}
formfield先生{
填充:0px;
字号:1em;
宽度:250px;
利润率:0px 0px 0px-50px;
颜色:黑色;
边框:2倍暗色立体;
背景颜色:浅黄色;
边界半径:4px;
}
网上订购活动表格
选秀
选择多张票证(最多4张)
您的代码有大量的
标记,但没有相应的结束
。
还有一个
,没有相应的
也考虑使用缩进来更容易阅读。
编辑:好的,这与你的CSS和使用
margin
来尝试定位东西有关。SELECT“Tickets”嵌套在SELECT“Show”中。。。首先,用选项填充“Show”并关闭它。然后,开始下一步选择。好的,我将从那里开始感谢唯一的区别是我使用一个数组来填充数据,就像上面的一样。第一个框工作得很好,但是第二个下拉菜单根本没有出现。它所做的只是推送第一个下拉列表的信息。您应该获取呈现的html和css,并在JSFIDDLE上构建一个复制。您应该构建一个IRC代理,以便将其用作Web服务。