PDA

View Full Version : Textbox missalign


darkblade25
11-29-2008, 04:36 PM
I am trying to add a module for vbadvance that consist of a search box.
Here is the code
<div id="somethingsearch">
<input type="text" id="nb" onfocus="this.value=''" value="Search for something...">
<input type="button" id="somethingsearchbutton" value="Search">

<div id="somethingsearch2">
<input type="radio" name="group" value="Title" checked> Title
<input type="radio" name="group" value="Genre" > Genre
<input type="radio" name="group" value="Author"> Author
</div>
</div>
<br/>
and my css is

div#somethingsearch{
width:618px;
background-color:#CCC;
height:100px;
vertical-align: bottom;
background: url("http://www.rootmanga.com/Rootmanga/gradients/gradient.jpeg");
padding-bottom:2px;
border-bottom: 1px solid #CCCCCC;
}
div#somethingsearch2{
margin-left:125px;
font-size:14;
font-weight:bolder;
}

input#nb{
font-size:12;
font-weight:bolder;
border:1px solid #000000;
height:30px;
width:300px;
padding: 7px 5px 5px 5px;
margin-top:30px;
margin-left:125px;
}
input#somethingsearchbutton{
font-size:12;
font-weight:bolder;
border:1px solid #000000;
height:30px;
width:70px;
padding: 7px 5px 5px 5px;
margin-top:30px;
position: absolute;
}

For some reason my textbox is larger than my button, height-wise even though they are both heights are 30 px. I tried this outside of VB and it works just fine. It breaks when I try to put it into the VB template. Does anyone have any ideas?

Lynne
11-29-2008, 05:20 PM
If this is to be used in a vbadvanced module, then you should be posting on the vbadvanced site for help.