469,946 Members | 1,867 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,946 developers. It's quick & easy.

adding an element

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/
May 11 '07 #1
4 1654
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
May 11 '07 #2
In article
<jt********************@bgtnsc05-news.ops.worldnet.att.net>,
"Sheri Orloff" <in**@wicksworks.comwrote:
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
May 11 '07 #3
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
May 12 '07 #4
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

May 13 '07 #5

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

34 posts views Thread by Adam Hartshorne | last post: by
2 posts views Thread by RobG | last post: by
1 post views Thread by The Eclectic Electric | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.