Welcome Guest [Log In] [Register]
Add Reply
HTML <div>; How to add a new div box.
Topic Started: Apr 7 2009, 10:52 PM (462 Views)
Brandon1989

I need to know how to add a box, the same size as the one in the picture but longer, right under this one. How would I do so?

The HTML for that box is:

Code: HTML
 
<div class="column">
<div class="t">
<div class="side_top">
<div class="side_bot">
<div class="side_left">
<div class="side_right">
<div class="left_top">
<div class="right_top">
<div class="left_bot">
<div class="right_bot">
<div class="h"><br />
</div>
<div class="indent">
<ul>
<li><a href="#ap">Accounts Payable</a></li>
<li><a href="#ar">Accounts Receivable</a></li>
<li><a href="#payroll">Payroll</a></li>
<li><a href="#pandls">Profit & Loss Statements</a></li>
<li><a href="#cs">Collection Services</a></li>
<li><a href="#bsr">Bank Statement Reconciliations</a></li>
<li><a href="#qb">Quick Books</a></li>
<li><a href="#qbpac">Quick Books Pro Advisor Certification</a></li>
<li><a href="#inventory">Inventory</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


Posted Image
Offline Profile Quote Post Goto Top
 
PauloMillerz
Member Avatar

that coding looks a bit long winded for what it outputs... is it a sliced ps?
If you like... RATE IT!! Add to my reputation to the left?
Quote:
 
Bidet to you sir!

Posted Image
Offline Profile Quote Post Goto Top
 
Brandon1989

It was a downloaded template. If you need to see the rest of the site its attached.
Attached to this post:
Attachments: 2009_04_09_1747.png (37 KB)
Offline Profile Quote Post Goto Top
 
The Keith
Member Avatar

I can't even tell what's going on there
Websites are cool; click here to get one so people will know how cool you are
Offline Profile Quote Post Goto Top
 
Brandon1989

Im sorry.

All images are being taken from the HTML editor.

The dotted lines are showing the placement of the div tags.

I cant seem to add another box below the blue one to add a banner ad.
Offline Profile Quote Post Goto Top
 
PauloMillerz
Member Avatar

What's going in this box underneath?
If you like... RATE IT!! Add to my reputation to the left?
Quote:
 
Bidet to you sir!

Posted Image
Offline Profile Quote Post Goto Top
 
Cosmic_AC

Add more elements to the list. That's all there is to it.

Here's one that's twice as long:
Code:
 
<div class="column">
<div class="t">
<div class="side_top">
<div class="side_bot">
<div class="side_left">
<div class="side_right">
<div class="left_top">
<div class="right_top">
<div class="left_bot">
<div class="right_bot">
<div class="h"><br />
</div>
<div class="indent">
<ul>
<li><a href="#ap">Accounts Payable</a></li>
<li><a href="#ar">Accounts Receivable</a></li>
<li><a href="#payroll">Payroll</a></li>
<li><a href="#pandls">Profit & Loss Statements</a></li>
<li><a href="#cs">Collection Services</a></li>
<li><a href="#bsr">Bank Statement Reconciliations</a></li>
<li><a href="#qb">Quick Books</a></li>
<li><a href="#qbpac">Quick Books Pro Advisor Certification</a></li>
<li><a href="#inventory">Inventory</a></li>
<li><a href="#ap2">Accounts Payable 2</a></li>
<li><a href="#ar2">Accounts Receivable 2</a></li>
<li><a href="#payroll2">Payroll 2</a></li>
<li><a href="#pandls2">Profit & Loss Statements 2</a></li>
<li><a href="#cs2">Collection Services 2</a></li>
<li><a href="#bsr2">Bank Statement Reconciliations 2</a></li>
<li><a href="#qb2">Quick Books 2</a></li>
<li><a href="#qbpac2">Quick Books Pro Advisor Certification 2</a></li>
<li><a href="#inventory2">Inventory 2</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Attached is the page that results, for those too lazy to open up Notepad and copypasta.
Attached to this post:
Attachments: divexample.html (2.12 KB)
Edited by Cosmic_AC, Apr 19 2009, 10:31 AM.
++++++++++[>+++++++>+++++++++++<<-]>---.>+.++++.------.----.------.<<++++[>>+++++++<<-]>>.<---.+++.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Web-Based Programming Support · Next Topic »
Add Reply

Banner and Logo by TheKeith