HTMLHelp Forums > need help

Help - Search - Members - Calendar

Full Version: need help

HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)

M4DDY

Oct 24 2009, 03:25 AM

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

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:
IPB Image

in it red line on left is not showing:
IPB Image

and i want with red line on left like this:
IPB Image

please help

pandy

Oct 24 2009, 09:49 AM

A DIV isn't higher than it's content. Are you sure it isn't high enough when you put the two lines you want in rather than just "hello"? If not, you could use min-height (height for older IE) or simply give the DIV enough top and bottom padding. Are you always going to have the same content in it or can that vary?

About the red border, is that part of the image or where does it come from?

Darin McGrew

Oct 24 2009, 11:55 PM

It doesn't look like the border is part of the image, so go ahead and use border-left for it: http://htmlhelp.com/reference/css/box/border-left.html

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.