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
<spanwhich is an inline element instead.

-- bruce (sqlwork.com)

"Jeff" <it_consultant1@.hotmail.com.NOSPAMwrote in message
news:OOemtbo3GHA.3812@.TK2MSFTNGP06.phx.gbl...

Quote:

Originally Posted by

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;
}
>