adding an element

[Sheri Orloff]

After using a 3-column template from Ben Meadowcroft which I like the looks
of, I need to add an element but don't know how to do it. On the right side
of the page [ http://www.wicksworks.com/miabella/ ] is a box. How can I add
an identical element just below it?

Best wishes,

Sheri Orloff

Fun Home Based Candle Business For Under $50
http://www.wicksworks.com/miabella/

[Beauregard T. Shagnasty]

Sheri Orloff wrote:

> After using a 3-column template from Ben Meadowcroft which I like the
> looks of, I need to add an element but don't know how to do it. On
> the right side of the page [ http://www.wicksworks.com/miabella/ ] is
> a box. How can I add an identical element just below it?

Can't you just enter more content in that same div? Perhaps set it off
with a small image or even (gasp) an <hr>.

--
-bts
-Motorcycles defy gravity; cars just suck

[dorayme]

In article
<jt61i.134486$VU4.38179@bgtnsc05-news.ops.worldnet.att.net>,
"Sheri Orloff" <info@wicksworks.com> wrote:

> After using a 3-column template from Ben Meadowcroft which I like the looks
> of, I need to add an element but don't know how to do it. On the right side
> of the page [ http://www.wicksworks.com/miabella/ ] is a box. How can I add
> an identical element just below it?

This might get you going:

If you want to add an element within div.other and retain the
blue of the right col, you can add after the close of form in
div.other

</form>

<div style="border: 1px solid #000; width: 10em;">a div</div>

</div>

If you want a different colour to the element and to break free
of the right-col-blue, you _could_ play with this:

Put this after </form>:

<div class="furtherRightColContent">a div with anything you want
in. You can have nothing in it and use it as a spacer (will be
frowned upon here) and then carry on with another element or
style it without the white bg so it all remains
"right-col-blue"</div>

and change the css to add something like:

..furtherRightColContent {

margin-left:-.5em;
margin-right:-.5em;
padding-top:2em;
border-top: 1px solid #000;
color:black;background: white;}

and a little fussy detail, change the padding and margin on other
to this.

..other {
padding : 0.5em;
margin-bottom : 0em;
padding-bottom : 0em;
}

but this one I think is old B's baby and he will have a more
elegant idea for sure.

--
dorayme

[boclair]

Sheri Orloff wrote:
> After using a 3-column template from Ben Meadowcroft which I like the looks
> of, I need to add an element but don't know how to do it. On the right side
> of the page [ http://www.wicksworks.com/miabella/ ] is a box. How can I add
> an identical element just below it?

Change the structure.

Position a right column as per 3column.css. as a containing div.

rename the class selector in style.css, say other to getfacts

Add within the right column
1.. the now getfacts div and close it
2.. add other elements below.

___________________________________as so______________________________

<DIV class=other><!-- start right container -->

<div class="getfacts"><!-- start Get Facts form -->
<P><STRONG>Get the Facts</STRONG></P>
<P>Have more information emailed to you right away. Just fill out the
form below
to get started.</P>
<P>Your privacy is assured. Your personal information is never shared with
anyone!</P>
<FORM action=http://www.onlinedistinction.com/ar/subc.php method=post>
<P><INPUT type=hidden value=58 name=aid></P>
<P>First Name: <INPUT name=lfname><BR></P>
<P>E-Mail: <INPUT name=lemail><BR></P>
<P><INPUT type=submit value=Subscribe name=submit></P></FORM>
</div><!-- end Get Facts Form -->

<div style="margin-top:1em;">More right panel content</div><!--
additional content -->

</div><!-- end right container -->
__________________________________________________ ____________________

Some general observations to take or leave
1.. why xhtml
2.. validate
3.. attribute values should be in quotes

Louise

Louise

[Sheri Orloff]

Thanks to both of you for the prompt and helpful replies. I apparently
didn't communicate very clearly, for the following page is what I wanted:

http://easyfuncandlebiz.com/test.html

Sorry about that. :-) Anything wrong with this approach?

Louise, I am using a template and know just enough to be dangerous. What
would you suggest instead of xhtml and how would it be implemented?

Best wishes,

Sheri Orloff
-----
WicksWorks Candle Emporium
Featuring a wonderful selection of natural wax,
aromatherapy and massage candles
http://www.wicksworks.com

> Some general observations to take or leave
> 1.. why xhtml
> 2.. validate
> 3.. attribute values should be in quotes
>
> Louise