html and CSS

Khalil · December 19th, 2011, 04:17 PM

Hi,

I have in my masterpage two images that I wish to place on top of each other on the right hand side of the page. I've tried everything to make it happen but nothing is working. The only solution is to make a margin left to the image at the bottom but then I cannot place text on the left in any case. The code in the masterpage is:

Code:

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Mobile.jpg"
      style="Width: 9cm; height:2cm; float: right; position: relative; 
      border-bottom-style: solid; border-bottom-width: medium; border-bottom-color: #800000; z-index: 2;"/>
      
      <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/RelaxedMan.jpg"
      style="width: 9cm; height: 9cm; top: 2.1cm; float: right; position: relative; z-index: 1;"/>

In CSS sheet I have the following code for the text that I wish to have on the left:

Code:

h1
{
  font-size: 22px;
  color: #FFFF00;
  margin-top: 2cm;
  clear: both;
  float: left;
  
}

p
{
  float: left;
  font-size: 14px;
  clear: both;
}

Any help would be appreciated.

Thanks
Khalil