Ultimate Web Site Drop Down Menu Forum - Pad or move/space a select box in a css file

Ultimate Web Site Drop Down Menu Forum (http://www.udm4.com/forum/index.php)

- CSS and HTML (http://www.udm4.com/forum/forumdisplay.php?f=8)

- - Pad or move/space a select box in a css file (http://www.udm4.com/forum/showthread.php?t=863)

Pad or move/space a select box in a css file

Hi,

I've changed an existing xslt file, i found this css file but now the css object is not aligned with the other objects - i checked the other objects they are calling templates.

I have added the code in <td align-'left'> but the objects are out by a space to the css object i added:

How do i add a space/move the select box up by a space!, not the text of the selectbox but the entire object

The CSS File

Code:



.dhx_combo_img{

        position:absolute;

        top:-1px;

        right:-1px;

        width:17px;

        height:20px;

}



.dhx_combo_option_img{

        position:relative;

        top:1px;

        margin-left:2px;

        left:0px;

        width:18px; height:18px;

}





.dhx_combo_input{

        color:black;

        font-family: Arial;

        font-size: 8pt;

        border:0px;

        padding:2px 2px 2px 2px;

        position:absolute;

        top:0px;

}

.dhx_combo_box{

        position:relative;

        text-align:left;

        border:1px solid #CCCCCC;

        height:20px;

        _height:20px;

        overflow:hidden;

    background-color: white;

}

.dhx_combo_list{

   position:absolute;

   z-index:30;

   overflow-y:auto;

   overflow-x:hidden;

   border:1px solid #CCCCCC;

   height:70px;

   font-family: Arial;

   font-size: 8pt;

   background-color: white;

}



.dhx_combo_list div{

        cursor:default;

        padding:2px 2px 2px 2px;

}

.dhx_selected_option{

        background-color:navy;

        color:white;

}

Can you post the corresponding HTML?

XSLT object out by a space

Hi, Thaks for the help

I imported the css file for my dropdowns, but it does not align with the other objects in my xslt.

I checked the imported css file for dropdown & it's aligned left
but somehow I other objects are out by 2 spaces.

The imported dropdwon does not allow for any characters or objects next to it - so i can't add a space at it moves to a new line
All objects with new dropdown are aligned to left but still out - how & where can i edit the template of the other objects to move to the left!

Or add a space to the CSS border move

<td width='30%' align="left">
<xsl:call-template name="CreateObject">
<xsl:with-param name="Object" select="$nextNode" />
</xsl:call-template>
</td>

Regards

Well, can you post the html output from your XSLT?

Also, what browsers are causing the problems?

Thank You

My imported css file(drop down) was not aligning with other objects in my xslt.

fixed it by adding : margin-left:3px; in my css file

Regards