newbie: need help with this css/html code

hey
asp.net 2.0
Please, I need some help with the layout of my webpage. this link shows my
problem: http://home.online.no/~au-holme/pub.../divtrouble.PNG
Instead of fieldname and value are displayed like this:
<FIELDNAME>
<FIELDVALUE>
I want fieldname & fieldvalue to be displayed on the same line:
<FIELDNAME> <FIELDVALUE>
This is my html:
<ul class="settings">
<li>Site preference
<ul class="subsettings">
<li><div class="setting">
<div class="fieldname">Newsletter:</div>
<div class="fieldvalue">
<asp:DropDownList ID="ddlSubscriptions"
runat="server">
<asp:ListItem Text="No subscription"
Value="None" Selected="true"></asp:ListItem>
<asp:ListItem Text="Subscribe to plain-text
vesion" Value="PlainText"></asp:ListItem>
<asp:ListItem Text="Subscribe to HTML version"
Value="Html"></asp:ListItem>
</asp:DropDownList>
</div>
</div>
</li>
<li><div class="fieldname">Language:</div>
<asp:DropDownList ID="ddlLanguages" runat="server">
<asp:ListItem Text="English" Value="en-US"
Selected="True"></asp:ListItem>
<asp:ListItem Text="Norwegian"
Value="no-NO"></asp:ListItem>
</asp:DropDownList>
</li>
</ul>
</li>
<li>Personal details
</li>
</ul>
This is my css:
.settings, .subsettings
{
list-style:none;
}
.settings li
{
font-family:Arial;
font-size:xx-large;
}
.subsettings li
{
font-family:Arial;
font-size:medium;
}
.subsettings li .fieldname
{
width:180px;
border:solid 2px yellow;
}
.subsettings li .fieldvalue
{
width:220px;
border:solid 2px cyan;
}
.setting
{
width:500px;
border:solid 2px red;
}<div>'s are a block element, meaning they go on their own line. use a
<span> which is an inline element instead.
-- bruce (sqlwork.com)
"Jeff" <it_consultant1@.hotmail.com.NOSPAM> wrote in message
news:OOemtbo3GHA.3812@.TK2MSFTNGP06.phx.gbl...
> hey
> asp.net 2.0
> Please, I need some help with the layout of my webpage. this link shows my
> problem: http://home.online.no/~au-holme/pub.../divtrouble.PNG
> Instead of fieldname and value are displayed like this:
> <FIELDNAME>
> <FIELDVALUE>
> I want fieldname & fieldvalue to be displayed on the same line:
> <FIELDNAME> <FIELDVALUE>
> This is my html:
> <ul class="settings">
> <li>Site preference
> <ul class="subsettings">
> <li><div class="setting">
> <div class="fieldname">Newsletter:</div>
> <div class="fieldvalue">
> <asp:DropDownList ID="ddlSubscriptions"
> runat="server">
> <asp:ListItem Text="No subscription"
> Value="None" Selected="true"></asp:ListItem>
> <asp:ListItem Text="Subscribe to plain-text
> vesion" Value="PlainText"></asp:ListItem>
> <asp:ListItem Text="Subscribe to HTML version"
> Value="Html"></asp:ListItem>
> </asp:DropDownList>
> </div>
> </div>
> </li>
> <li><div class="fieldname">Language:</div>
> <asp:DropDownList ID="ddlLanguages" runat="server">
> <asp:ListItem Text="English" Value="en-US"
> Selected="True"></asp:ListItem>
> <asp:ListItem Text="Norwegian"
> Value="no-NO"></asp:ListItem>
> </asp:DropDownList>
> </li>
> </ul>
> </li>
> <li>Personal details
> </li>
> </ul>
> This is my css:
> .settings, .subsettings
> {
> list-style:none;
> }
> .settings li
> {
> font-family:Arial;
> font-size:xx-large;
> }
> .subsettings li
> {
> font-family:Arial;
> font-size:medium;
> }
> .subsettings li .fieldname
> {
> width:180px;
> border:solid 2px yellow;
> }
> .subsettings li .fieldvalue
> {
> width:220px;
> border:solid 2px cyan;
> }
> .setting
> {
> width:500px;
> border:solid 2px red;
> }
>