Hows this text box done?

Former Member

Take a look here http://www.vwa.com/

Former Member

using the <iframe> tag...

Former Member

And what about the scroll bar?

Former Member

[HTML]
<div id="scrollbar">
<div id="marker"></div>
<div id="elevUp"><img src="elevator1.gif" width="11" height="400" /></div>
<div id="elevDn"><img src="elevator1.gif" width="11" height="400" /></div>

<div id="thumb"><img src="thumb1.gif" width="11" height="31" /></div>
<div id="thumbArrowUp"><img src="shim.gif" width="9" height="6" /></div>
<div id="thumbArrowDn"><img src="shim.gif" width="9" height="6" /></div>
</div>
<div id="scrollUp"><img src="scrollUp1.gif" width="11" height="11" /></div>
<div id="scrollDn"><img src="scrollDn1.gif" width="11" height="11" /></div>
</div>
[/HTML]

and some javascript I think...

Former Member

Ok dude thanks. what about the shadowing around the table on this site http://www.ppcenvironment.org/ppcdefault.aspx

Former Member

bottom one...

in html file...

[HTML]<div id="space"></div>[/HTML]

In CSS file...

[HTML]#space{left:1px; height:12px; background:#f7f7f7 url(../images/bottombar.gif) no-repeat top; clear:both;}[/HTML]

Image used...
http://www.ppcenvironment.org/images/bottombar.gif

For side one...

in html file
[HTML]<div id="wrap">content of page</div>[/HTML]

in CSS file...
[HTML]#wrap{left:-5px; width:766px; margin:0 12px 0 7px; background:#fff url(../images/content_bg.gif) repeat-y top center; }[/HTML]

Image used...
http://www.ppcenvironment.org/images/content_bg.gif

Former Member

Why don't you right click the page and save it or save HTML and view it yourself. Or open it in Dreamweaver or FrontPage and look and see what applies to each piece of code... best way to learn.

Former Member

Already have done,