By stuff.s on
Hi,
I just installed Drupal on my tech portal. I decided to give own e-mail IDs for my domain. I copy the HTML code from Windows Live Admin Center(Windows Live Hotmail for Domains). I paste the below code into Drupal's Full HTML Filter. But Drupal doesn't show the image.
I want to add below code into my blog using Full HTML Filter. How i can do this ? If i am doing wrong, please specify steps !
Thanks in advance...
The HTML code is given below:
<div style="position:relative;width:600px;height:60px;background-image:url(http://images.domains.live.com/OpenSignupImages/OpenMembership600x60.jpg);overflow:hidden;">
<div style="height:100%;width:100%;overflow:hidden">
<table align="left" border="0px" cellpadding="5px" cellspacing="0px" style="table-layout:fixed;word-wrap:break-word;">
<tr>
<td width="260px" height="60px" align="center" valign="middle" style="color:#ffffff;font:16px Arial">Get a free account @ourdomain.com</td>
</tr>
</table>
</div>
<div style="position:absolute;border:1px solid #ffffff;width:90px;left:270px;bottom:18px;">
<div style="border:1px solid #1F59A5;">
<div style="border:1px solid #ffffff;background-image:url(http://images.domains.live.com/OpenSignupImages/OpenButtonBackground.gif);padding:1px 0px 1px 0px;margin:0px;text-align:center;">
<a href="https://domains.live.com/members/signup.aspx?domain=ourdomain.com" style="font:bold 12px Arial,Helvetica,sans-serif;color:#092076;text-decoration:none;">Sign up</a>
</div>
</div>
</div>
<div style="position:absolute;border:1px solid #ffffff;width:90px;right:135px;bottom:18px;">
<div style="border:1px solid #1F59A5;">
<div style="border:1px solid #ffffff;background-image:url(http://images.domains.live.com/OpenSignupImages/OpenButtonBackground.gif);padding:1px 0px 1px 0px;margin:0px;text-align:center;">
<a href="http://mail.live.com" style="font:bold 12px Arial,Helvetica,sans-serif;color:#092076;text-decoration:none;">Check e-mail</a>
</div>
</div>
</div>
</div>
Comments
Image module needed
I tested this on two different sites. One site would not work with "Full HTML' but with 'PHP code' and the other worked perfectly with 'Full HTML' selected. The difference between the two? On the one that worked with 'Full HTML' I have the image assist module installed and 'inline images' selected (administer > site configuration > input formats > select 'configure' for "Full HTML" > select 'inline images' in "filters" section).
Another image module most likely would produce the same results, but I have not tried any others.
Cheers,
Carey
Works perfectly when PHP input is selected !
Hi,
The HTML code works perfectly when PHP input is selected. Thanks for your help.
:)