I'm working on the CSS and Skin layout for a website and I have an
image tag above a Login control and I want the image to touch the
login control with no space in-between but I still have a space in-
between the image and the login control. Can anyone tell me why and
how to get rid of it?
ASPX:
<div id="LoginWrapper">
<img src="Images/DRAAPLogo.png" alt="D-RAAP Logo" />
<asp:Login ID="Login1" runat="server" DestinationPageUrl="/
Management/CogenMapDisplay.aspx"
SkinID="LoginSkin">
</asp:Login>
</div>
Skin:
<asp:Login runat="server" SkinId="LoginSkin" BackColor="#FFFBD6"
BorderColor="#FFDFAD" BorderPadding="4" BorderStyle="None"
BorderWidth="0" Font-Names="Verdana" Font-Size="0.8em"
ForeColor="#333333" TextLayout="TextOnTop" Width="192px">
<TextBoxStyle Font-Size="0.8em" />
<LoginButtonStyle BackColor="White" BorderColor="#CC9966"
BorderStyle="Solid" BorderWidth="1px"
Font-Names="Verdana" Font-Size="0.8em" ForeColor="#990000" />
<InstructionTextStyle Font-Italic="True" ForeColor="Black" />
<TitleTextStyle BackColor="#990000" Font-Bold="True" Font-
Size="0.9em" ForeColor="White" />
</asp:Login>
CSS:
img
{
margin: 10px 0 0 0;
}
I don't think any of the other CSS classes are affecting it but maybe
I'm wrong. Thanks for the help!
