HighDots Forums  

Align two divs next to each other within another div

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Align two divs next to each other within another div in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
ryonker
 
Posts: n/a

Default Align two divs next to each other within another div - 07-14-2008 , 08:26 PM






Hi Everyone,

I have a page set up that is a two column with header, main content, right
sidebar and footer. I need to have two additional divs that are inside the main
content and I want them to be side by side. I have tried just about everthing
that I can with no success. I have added the code for the page for you to look
at below. If anyone can help that would be great.


<body class="twoColFixRtHdr">

<div id="container">
<div id="header">
<div id="banner"> <img src="/Images/banner1.jpg" width="1218" height="200"
/></div>
<div class="navMenu" id="navMenu">

<span class="preload1"></span>
<span class="preload2"></span>

<ul class="menu2">
<li class="top"><a href="/index.php" id="Home"
class="top_link"><span>Home</span></a></li>
<li class="top"><a href="/services.php" id="services"
class="top_link"><span>Services</span></a><!--[if gte IE
7]><!--><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li class="top"><a href="/contact.php" id="contact"
class="top_link"><span>Contact</span></a><!--[if gte IE 7]><!--><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
[/BULLET]
</div>
</div>
<div id="sidebar1">
<div class="xsnazzy">
<b class="xtop"><b class="xb1">[/b]<b class="xb2 color_a">
[/b]<b class="xb3 color_a">[/b]<b class="xb4 color_a">[/b][/b]
<div class="xboxcontent">
<h1 class="color_a">Free Cards &amp; Information</h1>
<p>Try our Marketing Campain system!</p>
<p>Simply click on the link below to send two free personal greeting cards.</p>
<p><a href="http://www.sendoutcards.com/tce">www.sendout cards.com/tce</a></p>
<p>&nbsp;</p>
</div>
<b class="xbottom"><b class="xb4">[/b]<b class="xb3">[/b]
<b class="xb2">[/b]<b class="xb1">[/b][/b]
</div>
<p>&nbsp;</p>
<div class="xsnazzy">
<b class="xtop"><b class="xb1">[/b]<b class="xb2 color_a">
[/b]<b class="xb3 color_a">[/b]<b class="xb4 color_a">[/b][/b]
<div class="xboxcontent">
<h1 class="color_a">Contact Info</h1>
<p>TCE Marketing, LLC</p>
<p>231 Market Place<br />
Suite 242<br />
San Ramon, CA 94583</p>
<p><a href="mailto:info (AT) tcemarketing (DOT) com">info (AT) tcemarketing (DOT) com</a></p>
<p>&nbsp;</p>
</div>
<b class="xbottom"><b class="xb4">[/b]<b class="xb3">[/b]
<b class="xb2">[/b]<b class="xb1">[/b][/b]
</div>
<h3>&nbsp;</h3>
<p>&nbsp;</p>
<p>&nbsp;</p>
<!-- end #sidebar1 --></div>
<div id="mainContent">
<div class="mainContent1" id="mainContent1">
<div class="titlebar2" id="titlebar2">
<h3 class="style5">Creating the right experience for your
customers
</h3>
</div>
<p class="bodyText">Illuminate - We help businesses understand
the landscape of the market they are pursuing<br />
<br />
Intend - We create direct mail marketing campaigns that
meet the true intention...<br />
<br />
Inspire - We coach business owners to success<br />
<br />
Expertise in: Cultural Marketing, Marketing Strategy, Search Engine
Marketing, Internet Marketing, Marketing Planning, Marketing Coaching,
Financial Mapping, SEO, Market Research, Metric Tracking, Website
Development.</p>
</div><div class="mainContent2" id="mainContent2">
<div class="titlebar2" id="titlebar3">
<h3 class="style5">Customer Experience Marketing for Small
Business
</h3>
</div>
<p class="bodyText">Customer Experience Evaluation:</p>
<blockquote>
<p class="bodyText">Understand your customers experience<br />
Discover your true target market<br />
Create or refine your marketing plan</p>
</blockquote>
<p class="bodyText">Relationship Marketing Plan:</p>
<blockquote>
<p class="bodyText">Construct marketing loyalty process</p>
</blockquote>
<p class="bodyText">Direct Mail Campaign:</p>
<blockquote>
<p class="bodyText">Drive your implementation plan</p>
<p class="bodyText">&nbsp;</p>
</blockquote>
<p class="bodyText">Contact us to start your Customer Experience
Evaluation:<br />
<a href="mailto:info (AT) tcemarketing (DOT) com">info (AT) TCEMarketing (DOT) com</a><br
class="clearfloat" />
</p>
</div>
</div>
<div id="footer">
<p>Copyright &copy;2008, TCE Marketing LLC, 231 Market Place, Suite 242,
San Ramon, CA 94583<br />
email: <a href="mailto:info (AT) tcemarketing (DOT) com">info (AT) tcemarketing (DOT) com</a><br />
website design by <a href="http:/www.wyenterprises.com/">WY Enterprises</a></p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>



Reply With Quote
  #2  
Old   
Walt F. Schaefer
 
Posts: n/a

Default Re: Align two divs next to each other within another div - 07-14-2008 , 10:53 PM






Quote:
have added the code for the page
But you eliminated the <head> section and the CSS. Please upload the page
and all supporting files and give us a link so we can see the page in action
not in pieces.

And what are all these [/b] entries scattered throughout the code.

--

Walt


"ryonker" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:
Hi Everyone,

I have a page set up that is a two column with header, main content, right
sidebar and footer. I need to have two additional divs that are inside the
main
content and I want them to be side by side. I have tried just about
everthing
that I can with no success. I have added the code for the page for you to
look
at below. If anyone can help that would be great.


body class="twoColFixRtHdr"

div id="container"
div id="header"
div id="banner"> <img src="/Images/banner1.jpg" width="1218"
height="200"
/></div
div class="navMenu" id="navMenu"

span class="preload1"></span
span class="preload2"></span

ul class="menu2"
li class="top"><a href="/index.php" id="Home"
class="top_link"><span>Home</span></a></li
li class="top"><a href="/services.php" id="services"
class="top_link"><span>Services</span></a><!--[if gte IE
7]><!--><!--<![endif]--
!--[if lte IE 6]><table><tr><td><![endif]--
li class="top"><a href="/contact.php" id="contact"
class="top_link"><span>Contact</span></a><!--[if gte IE
7]><!--><!--<![endif]--
!--[if lte IE 6]><table><tr><td><![endif]--
[/BULLET]
/div
/div
div id="sidebar1"
div class="xsnazzy"
b class="xtop"><b class="xb1">[/b]<b class="xb2 color_a"
[/b]<b class="xb3 color_a">[/b]<b class="xb4 color_a">[/b][/b]
div class="xboxcontent"
h1 class="color_a">Free Cards &amp; Information</h1
p>Try our Marketing Campain system!</p
p>Simply click on the link below to send two free personal greeting
cards.</p
p><a href="http://www.sendoutcards.com/tce">www.sendout
cards.com/tce</a></p
p>&nbsp;</p
/div
b class="xbottom"><b class="xb4">[/b]<b class="xb3">[/b]
b class="xb2">[/b]<b class="xb1">[/b][/b]
/div
p>&nbsp;</p
div class="xsnazzy"
b class="xtop"><b class="xb1">[/b]<b class="xb2 color_a"
[/b]<b class="xb3 color_a">[/b]<b class="xb4 color_a">[/b][/b]
div class="xboxcontent"
h1 class="color_a">Contact Info</h1
p>TCE Marketing, LLC</p
p>231 Market Place<br /
Suite 242<br /
San Ramon, CA 94583</p
p><a href="mailto:info (AT) tcemarketing (DOT) com">info (AT) tcemarketing (DOT) com</a></p
p>&nbsp;</p
/div
b class="xbottom"><b class="xb4">[/b]<b class="xb3">[/b]
b class="xb2">[/b]<b class="xb1">[/b][/b]
/div
h3>&nbsp;</h3
p>&nbsp;</p
p>&nbsp;</p
!-- end #sidebar1 --></div
div id="mainContent"
div class="mainContent1" id="mainContent1"
div class="titlebar2" id="titlebar2"
h3 class="style5">Creating the right experience for your
customers
</h3
/div
p class="bodyText">Illuminate - We help businesses
understand
the landscape of the market they are pursuing<br /
br /
Intend - We create direct mail marketing campaigns that
meet the true intention...<br /
br /
Inspire - We coach business owners to success<br /
br /
Expertise in: Cultural Marketing, Marketing Strategy, Search Engine
Marketing, Internet Marketing, Marketing Planning, Marketing Coaching,
Financial Mapping, SEO, Market Research, Metric Tracking, Website
Development.</p
/div><div class="mainContent2" id="mainContent2"
div class="titlebar2" id="titlebar3"
h3 class="style5">Customer Experience Marketing for Small
Business
</h3
/div
p class="bodyText">Customer Experience Evaluation:</p
blockquote
p class="bodyText">Understand your customers experience<br /
Discover your true target market<br /
Create or refine your marketing plan</p
/blockquote
p class="bodyText">Relationship Marketing Plan:</p
blockquote
p class="bodyText">Construct marketing loyalty process</p
/blockquote
p class="bodyText">Direct Mail Campaign:</p
blockquote
p class="bodyText">Drive your implementation plan</p
p class="bodyText">&nbsp;</p
/blockquote
p class="bodyText">Contact us to start your Customer Experience
Evaluation:<br /
a
href="mailto:info (AT) tcemarketing (DOT) com">info (AT) TCEMarketing (DOT) com</a><br
class="clearfloat" /
/p
/div
/div
div id="footer"
p>Copyright &copy;2008, TCE Marketing LLC, 231 Market Place, Suite
242,
San Ramon, CA 94583<br /
email: <a href="mailto:info (AT) tcemarketing (DOT) com">info (AT) tcemarketing (DOT) com</a><br
/
website design by <a href="http:/www.wyenterprises.com/">WY
Enterprises</a></p
!-- end #footer --></div
!-- end #container --></div
/body
/html





Reply With Quote
  #3  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: Align two divs next to each other within another div - 07-15-2008 , 06:03 AM



That's the webforum protecting us from the horror of <b> tags.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Walt F. Schaefer" <walt (AT) waltswebworx (DOT) com> wrote

Quote:
have added the code for the page

But you eliminated the <head> section and the CSS. Please upload the page
and all supporting files and give us a link so we can see the page in
action not in pieces.

And what are all these [/b] entries scattered throughout the code.

--

Walt


"ryonker" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:g5gubn$6nl$1 (AT) forums (DOT) macromedia.com...
Hi Everyone,

I have a page set up that is a two column with header, main content,
right
sidebar and footer. I need to have two additional divs that are inside
the main
content and I want them to be side by side. I have tried just about
everthing
that I can with no success. I have added the code for the page for you to
look
at below. If anyone can help that would be great.


body class="twoColFixRtHdr"

div id="container"
div id="header"
div id="banner"> <img src="/Images/banner1.jpg" width="1218"
height="200"
/></div
div class="navMenu" id="navMenu"

span class="preload1"></span
span class="preload2"></span

ul class="menu2"
li class="top"><a href="/index.php" id="Home"
class="top_link"><span>Home</span></a></li
li class="top"><a href="/services.php" id="services"
class="top_link"><span>Services</span></a><!--[if gte IE
7]><!--><!--<![endif]--
!--[if lte IE 6]><table><tr><td><![endif]--
li class="top"><a href="/contact.php" id="contact"
class="top_link"><span>Contact</span></a><!--[if gte IE
7]><!--><!--<![endif]--
!--[if lte IE 6]><table><tr><td><![endif]--
[/BULLET]
/div
/div
div id="sidebar1"
div class="xsnazzy"
b class="xtop"><b class="xb1">[/b]<b class="xb2 color_a"
[/b]<b class="xb3 color_a">[/b]<b class="xb4 color_a">[/b][/b]
div class="xboxcontent"
h1 class="color_a">Free Cards &amp; Information</h1
p>Try our Marketing Campain system!</p
p>Simply click on the link below to send two free personal greeting
cards.</p
p><a href="http://www.sendoutcards.com/tce">www.sendout
cards.com/tce</a></p
p>&nbsp;</p
/div
b class="xbottom"><b class="xb4">[/b]<b class="xb3">[/b]
b class="xb2">[/b]<b class="xb1">[/b][/b]
/div
p>&nbsp;</p
div class="xsnazzy"
b class="xtop"><b class="xb1">[/b]<b class="xb2 color_a"
[/b]<b class="xb3 color_a">[/b]<b class="xb4 color_a">[/b][/b]
div class="xboxcontent"
h1 class="color_a">Contact Info</h1
p>TCE Marketing, LLC</p
p>231 Market Place<br /
Suite 242<br /
San Ramon, CA 94583</p
p><a href="mailto:info (AT) tcemarketing (DOT) com">info (AT) tcemarketing (DOT) com</a></p
p>&nbsp;</p
/div
b class="xbottom"><b class="xb4">[/b]<b class="xb3">[/b]
b class="xb2">[/b]<b class="xb1">[/b][/b]
/div
h3>&nbsp;</h3
p>&nbsp;</p
p>&nbsp;</p
!-- end #sidebar1 --></div
div id="mainContent"
div class="mainContent1" id="mainContent1"
div class="titlebar2" id="titlebar2"
h3 class="style5">Creating the right experience for your
customers
</h3
/div
p class="bodyText">Illuminate - We help businesses
understand
the landscape of the market they are pursuing<br /
br /
Intend - We create direct mail marketing campaigns
that
meet the true intention...<br /
br /
Inspire - We coach business owners to success<br /
br /
Expertise in: Cultural Marketing, Marketing Strategy, Search Engine
Marketing, Internet Marketing, Marketing Planning, Marketing Coaching,
Financial Mapping, SEO, Market Research, Metric Tracking, Website
Development.</p
/div><div class="mainContent2" id="mainContent2"
div class="titlebar2" id="titlebar3"
h3 class="style5">Customer Experience Marketing for Small
Business
</h3
/div
p class="bodyText">Customer Experience Evaluation:</p
blockquote
p class="bodyText">Understand your customers experience<br /
Discover your true target market<br /
Create or refine your marketing plan</p
/blockquote
p class="bodyText">Relationship Marketing Plan:</p
blockquote
p class="bodyText">Construct marketing loyalty process</p
/blockquote
p class="bodyText">Direct Mail Campaign:</p
blockquote
p class="bodyText">Drive your implementation plan</p
p class="bodyText">&nbsp;</p
/blockquote
p class="bodyText">Contact us to start your Customer Experience
Evaluation:<br /
a
href="mailto:info (AT) tcemarketing (DOT) com">info (AT) TCEMarketing (DOT) com</a><br
class="clearfloat" /
/p
/div
/div
div id="footer"
p>Copyright &copy;2008, TCE Marketing LLC, 231 Market Place, Suite
242,
San Ramon, CA 94583<br /
email: <a
href="mailto:info (AT) tcemarketing (DOT) com">info (AT) tcemarketing (DOT) com</a><br /
website design by <a href="http:/www.wyenterprises.com/">WY
Enterprises</a></p
!-- end #footer --></div
!-- end #container --></div
/body
/html






Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.