1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

HTML Call of Duty 2 Template - Double Columns

Discussion in 'Web Development' started by Gletob, Sep 18, 2011.

  1. Gletob

    Gletob New Member

    I'm basing my page off this template: template

    I'm trying to change it so that I can have two of the columns that are labeled "Team" one on top of the other.

    I've got the file in DreamWeaver, but it's shoving both the columns below the footer, and to the right.
     

    Attached Files:

    Gletob, Sep 18, 2011
    #1
  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    This should do it for you, just copy and paste the code

    Code:
    		   <!-- start 2 teams -->
		<div id="right">
			<div class="menu">
				<div class="menuheader"><h3>Team1</h3></div>
				<div class="menucontent">
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member1.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 1</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member2.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 2</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member3.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 3</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member4.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 4</a></span>
					</div>
					<div class="clear"></div>
				</div>
				<div class="menufooter"></div>
			</div> 
				<!-- start team2 -->
			<div id="right">
			<div class="menu">
				<div class="menuheader"><h3>Team2</h3></div>
				<div class="menucontent">
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member1.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 1</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member2.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 2</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member3.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 3</a></span>
					</div>
					<div class="member">
						<a href="http://www.freewebsitetemplates.com"><img src="images/member4.jpg" alt="member" /></a>
						<span><a href="http://www.freewebsitetemplates.com">Member 4</a></span>
					</div>
					<div class="clear"></div>
				</div>
				<div class="menufooter"></div>
			</div>
		</div>
	</div>
			<!-- end 2 teams -->
    2 teams.jpg
     
    ishkey, Sep 19, 2011
    #2
  3. mongo2006

    mongo2006 New Member

    I don't know that guy but hell I'll say thank you for him because you really went out of your way to actually duplicate the code and place the <div>
     
    mongo2006, Dec 28, 2011
    #3
    1 person likes this.