I have this website: State-of-the-art Natural – The actual World’s Best Healthy Health Products

Bu I want to have bordered content boxes on the left like this specific website: Herbal Remedies and Natural remedies for ADD ADHD Stress and More

Just how do i do that

Primary, I’d advise you use a distinguish stylesheet, for lots of reasons.
CSS allows you to separate from. It’s even doable to have multiple style sheet, helping you to have more than one way of displaying a page.
If the entire style information is actually held within a good external style sheet, it is possible to edit that certain file and create changes (such since changing background and/or wording colours) across a total site and not touch a solo HTML file.

Today, to your question:

Make a new div for each box you would like to style with the particular border – call it sidebox and also something equally descriptive.
your html can be something like:


< div class=" left" >

< div class=" sidebox" >
< br/>
< /div> <! -- finish sidebox -->

< div class=" sidebox" >
< pick class=" combobox" name=" SiteMap" onchange=" if(optionsselectedIndex. value)location = optionsselectedIndex. value" size=" 1" >
< option> ------- Ailments ------- < /option>
< alternative value=" acne. html" > Acne< /option>
< alternative value=" aging. html" > Aging< /option>
< alternative value=" aids. html" > AIDS< /option>
< alternative value=" allergy. html" > Allergy< /option>
< alternative value=" alzheimer. html" > Alzheimer's Disease< /option>
< alternative value=" arthritis. html" > Arthritis< /option>
and so on, etc
< /select>
< /form>
< /div> <! --end sidebox -->

< div class=" sidebox" >
< h2> TRANSLATOR< /h2> < br/> < /div> <! -- finish sidebox -->
< center>

and your CSS can be:


. combobox background-color: #FFFFFFFF;
coloring: #000000;
font-size: 10pt;
font-family: Arial;

. sideBox
border: 1px solid #DED6C1;
font: 12px Tahoma, Verdana, Arial, sans-serif;
perimeter: 0 0 18px;
overflow: hidden;
width: whatever width you wish;

I am uncertain that is 100% right, but it will give you a starting issue.


I have a seperate css web site and pages for html. I really don’t want to have to change each html page. How one can change just the particular css page to make a border surrounding the sideboxes.

Here’s the css web site:

. quit
margin-top: 0px;
float: left;
bigger: 160px;
line-height: 15px;
cushioning: 10px;

. quit h2
margin-top: 10px;
font: daring 11px Verdana;
line-height: 30px;
foundation: #324F17;
elevation: 30px;
coloring: #CCFFCC;
padding-left: 10px;

I don’t really see a method to do this without having changing the WEB CODING page code helping put the < h2> ‘s into divs while I showed people above.

You’ve kept your combobox styling from the HTML page.

Minus anything in the HTML to install the CSS design to, it will not likely work.

If you carry out this:


. quit
COLOR=Redborder: 1px sound #CCCCCC; /COLOR
float: left;
line-height: 15px;
margin-top: 0;
cushioning: 10px;
width: 160px;

You are certain to get a border round the whole left column, as opposed to boxes around each topic from the left column.

Putting a border about the. left h2 course or the. combobox elegance will just develop the headers.

I can’t consider any other way to get this done, sorry. Maybe someone else here can determine a way.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *