HTML Help

MADDY · Joined: 24 Oct 2009 Posts: 1

hey guys i want a Code that can make a box like that:

my HTML Code is:
Code: <font size="2" face="arial "><b>Moderated Message:</b><br></font>
<div style="background-image:url('http://i36.tinypic.com/2ci8cd0.jpg'); background-repeat:no-repeat;
background-position:left;border-width:thin;border-style: dotted; #FF6634;background-color:#fafcfe">
<div style="margin-left:30px;"><font size="2" face="arial" color="#465584">{TEXT1}</font>
<div ><font size="2" face="arial" color="red"><b>{TEXT2}</b></font>
<div><font size="1" face="arial"> <i></i></font></div></div></div></div>

but through this i get:

n it red line on left is not showing:

and i want with red line on left like this:

please help :cry:

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

I think your problem may be because you didn't set a width and height for the background container, but I'm not sure where your red line is suppose to be coming from unless it is a left border. That looks like some code for a blog page?????

Code: <div style="background-image:url('http://i36.tinypic.com/2ci8cd0.jpg'); background-repeat:no-repeat;
background-position:left;border-width:thin;border-style: dotted; #FF6634;background-color:#fafcfe">

Maybe try this:

Code: <div style="width: 23px; height: 58px; background: #fafcfe url('http://i36.tinypic.com/2ci8cd0.jpg') no-repeat left scroll; border-left: 5px dotted #ff6634;">
Hope I got color right. Might have to tweak width/height.