Html css正在影响小部件
出于某种原因,我的css中心代码与小部件发生了冲突。小部件被向下推到列下面。此外,导航栏小部件位于论坛的所有页面上 我真的非常感谢任何帮助。谢谢 问题图片: ~Widget应该更高,就在列的旁边 下面是导致问题的列的代码: Html:Html css正在影响小部件,html,css,Html,Css,出于某种原因,我的css中心代码与小部件发生了冲突。小部件被向下推到列下面。此外,导航栏小部件位于论坛的所有页面上 我真的非常感谢任何帮助。谢谢 问题图片: ~Widget应该更高,就在列的旁边 下面是导致问题的列的代码: Html: 尝试删除HTML代码末尾附近的clear:both,看看这是否解决了问题。在没有看到代码运行的情况下,我无法确定它是否能修复它,但我自己也遇到过类似的问题,即clear下推其他内容 更改: <div style="clear: both; margin
尝试删除HTML代码末尾附近的
clear:both
,看看这是否解决了问题。在没有看到代码运行的情况下,我无法确定它是否能修复它,但我自己也遇到过类似的问题,即clear
下推其他内容
更改:
<div style="clear: both; margin-left: auto; width: 150px; margin-right: auto; height: 169px;" id="textarea_content">
<textarea editorid="text_editor" cols="50" rows="10" name="message" style="font-size: 1.0m;" id="text_editor_textarea" class="inputbox">Bet Amount: </textarea>
</div>
下注金额:
致:
下注金额:
/*
DICE GAME TABLE
*/
/* Elements styles */
.pricing_table_row {
list-style:none;
float:left;
width:245px;
margin:0px;
padding:3px;
text-align:center;
background-color:#444444;
font-family: 'Open Sans Condensed', sans-serif;
}
.left {
margin: 0 auto;
text-align:center;
width:1024px;
min-width:auto;
overflow: hidden;
}
.right {
margin-left: -28%;
}
.pricing_table_row ul {
list-style:none
width:232px;
margin:3;
padding:3px;
text-align:center;
background-color:#444444;
font-family: 'Open Sans Condensed', sans-serif;
}
.pricing_table_row ul {
list-style:none;
float:left;
width:232px;
margin:0;
padding:3px;
text-align:center;
background-color:#444444;
font-family: 'Open Sans Condensed', sans-serif;
}
.pricing_table_row ul li {
border:1px solid #5b5b5b;
background-color: #2c2c2c;
margin-top:6px;
width: 232px;
height: 101px;
display: block;
line-height: 30px;
color: #FFFFFF;
}
.pricing_table_row ul li {
font-size:50px;
height: 101px;
}
.first_child{
margin-top:6px;
border: 2px solid #5b5b5b;
font-size:50px;
font-weight:bold;
height: 159px;
background-color: #2c2c2c;
text-align:center;
width: 230px;
margin: 4px;
}
.last_child{
float:left;
margin-top: 6px;
margin-left: 3px;
border: 1px solid #5b5b5b;
font-size:18px;
font-weight:bold;
height: 120px;
width: 232px;
background-color: #2c2c2c;
text-align:center;
}
.title{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
height: 41px;
width: 212px;
margin: 10px 9px 9px 9px;
padding-top: 0px;
font-size: 28px;
color: #ffffff;
background-color: #91040b;
}
.title_first_colum{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
color: #01b8e2;
height: 159px;
width: 232px;
margin:0;
padding-top: 15px;
font-size: 28px;
}
.price{
padding-top: 13px;
color: #6e8c92;
background-color: #000000;
font-weight: 700;
height: 75px;
width: 212px;
margin: 9px;
font-size: 50px;
line-height: 34px;
}
.pricet{
padding-top: 13px;
color: #ff0000;
background-color: #000000;
font-weight: 700;
height: 75px;
width: 212px;
margin: 9px;
font-size: 50px;
line-height: 34px;
}
.pricew{
padding-top: 13px;
color: #ff6600;
background-color: #000000;
font-weight: 700;
height: 75px;
width: 212px;
margin: 9px;
font-size: 50px;
line-height: 34px;
}
.colorletter{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
font-size: 50px;
color: #6e8c92;
}
.colorlettert{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
font-size: 50px;
color: #ff0000;
}
.colorletterw{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
font-size: 50px;
color: #ff6600;
}
.price_small{
color: #01b8e2;
padding-top: 13px;
font-weight: 700;
height: 67px;
width: 232px;
margin: 10px;
font-size: 25px;
line-height: 18px;
}
.subprice{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
font-size: 50px;
color: #FFFFFF;
}
.subprice_small{
font-family: 'Open Sans Condensed', serif;
font-weight: 700;
font-size: 25px;
color: #FFFFFF;
}
.small{
font-family: 'Open Sans Condensed', serif;
font-weight: 300;
font-size: 15px;
color: #FFFFFF;
}
.list_check {
background:url(../images/icon_check_dark.png) 0 0 no-repeat;
background-position: center;
}
.list_x {
background:url(../images/icon_x_dark.png) 0 0 no-repeat;
background-position: center;
}
.button{
font-family: 'Open Sans Condensed', serif;
font-weight: 700;
font-size: 17px;
margin-top: 10px;
border: none;
height: 30px;
width: 232px;
color: #FFFFFF;
background-color: #01b8e2;
}
.button:hover{
font-family: 'Open Sans Condensed', serif;
font-weight: 700;
font-size: 17px;
margin-top: 10px;
border: none;
background-color: #000000;
height: 30px;
width: 232px;
color: #FFFFFF;
}
.first_colum{
text-align: left;
padding-left: 0px;
}
.black{
background-color: #000000;
}
<div style="clear: both; margin-left: auto; width: 150px; margin-right: auto; height: 169px;" id="textarea_content">
<textarea editorid="text_editor" cols="50" rows="10" name="message" style="font-size: 1.0m;" id="text_editor_textarea" class="inputbox">Bet Amount: </textarea>
</div>
<div style="margin-left: auto; width: 150px; margin-right: auto; height: 169px;" id="textarea_content">
<textarea editorid="text_editor" cols="50" rows="10" name="message" style="font-size: 1.0m;" id="text_editor_textarea" class="inputbox">Bet Amount: </textarea>
</div>