Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Right Side Border

Posted on 2006-06-01
13
Medium Priority
?
263 Views
Last Modified: 2010-04-25
I am trying to create a page with a right-hand border.  I want it to be x pixels wide and 100% high.  I need to be able to put ads, text, and images in this border.  It needs to snug up to the right side no matter how wide the window. I have successfully created a banner, a left-hand border with the nav bar (created in Fireworks), and main body styles in a global CSS.  They all do what I need.  However, when I try to add the right-hand banner it just flat doesn't work.  It snugs up to the left banner, goes under the text, blah, blah, blah.

I'm sure it's something simple.  But I don't know what it is.  Can someone give me an idea as towhat I should try?  Tables, layers, whatever.  I'd be happy to post code if it would help.

What impact will this have on creating a footer style?
0
Comment
Question by:Sven Mogelgaard
  • 3
  • 3
  • 2
  • +2
10 Comments
 
LVL 10

Expert Comment

by:ClickCentric
ID: 16813442
Posting code would definitely would help so that we know exactly what you're trying for.
0
 

Author Comment

by:Sven Mogelgaard
ID: 16813656
So many failed attempts.  Would it help if I posted a link to the "best" attempt?  I just don't know where to start...
0
 
LVL 25

Expert Comment

by:Rouchie
ID: 16815003
For a start, don't use tables.  They are outdated and disfunctional for what you're trying to achieve.
You need to use DIV's to place content exactly where you want it.  By making the BODY tag have no padding, and floating the advertisement DIV to the right, it moves across to the right of the page and sticks in the top corner.  Then if you apply absolute positioning you can make it 100% high.

All you do then is apply PADDING-RIGHT to the body so that any content in your page does not go underneath the ad banner.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Title</title>
</head>
<body style="margin:0; padding:0; height:100%; padding-right:160px">
    <div style="float:right; border:1px solid #009900; height:100%; width:150px; position:absolute; top:0; right:0;">
            <p>Advertisements</p>
            <p>Advertisements</p>
            <p>Advertisements</p>
            <p>Advertisements</p>
            <p>Advertisements</p>
            <p>Advertisements</p>
            <p>Advertisements</p>
    </div>
    <div>
            Normal page content here...
    </div>
</body>
</html>
0
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

 
LVL 3

Expert Comment

by:Onyx23
ID: 16817308
Post your code...:>)
0
 

Author Comment

by:Sven Mogelgaard
ID: 16818322
Here's what Dreamweaver created for my CSS.  I'm i nserting the Banner, then the left bar, the main body, then the right bar.  All using the "wrap around..." option.  I'm also posting the code from the test page using ONLY the rightBar tag.  And a link to the test page.

Any help is appreciated.

#banner {
      background-attachment: fixed;
      background-color: #0066FF;
      background-image: url(Images/banner.gif);
      background-repeat: no-repeat;
      background-position: left top;
      position: absolute;
      width: 100%;
      left: 0px;
      top: 0px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-bottom-style: none;
      border-top-color: #000000;
      border-right-color: #000000;
      border-bottom-color: #000000;
      border-left-color: #000000;
      border-top-style: none;
      border-right-style: none;
      border-left-style: none;
      height: 100px;
      visibility: visible;
}
#leftBar {
      position: absolute;
      height: 100%;
      width: 100px;
      left: 0px;
      top: 100px;
      background-color: #0066FF;
      visibility: visible;
}
#mainBody {
      margin-top: 105px;
      margin-right: 180px;
      margin-left: 105px;
}
#rightBar {
      position: absolute;
      width: 175px;
      left: 0px;
      top: 0px;
      background-color: #0066FF;
      height: 100%;
      float: right;
}

Here's the code from the page:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="Global.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="rightBar">Content for id "rightBar" Goes Here</div>
</body>
</html>

Here's the link:

http://www.byteslaves.com/test.htm
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 2000 total points
ID: 16936736
Hi sven3rd,

Float: right and clear: right are your friends...

Here is the revised code from the link (I had to detach from the template, so don't just cut and paste the whole code).  Look for the new class .rightbar in the style and the first div in the body.  To make the bar flush up against the page, you should set a right margin in negative pixels (this has -5px as an example) until the right border sits where you want it to.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>



<style type="text/css">
<!--
body,td,th {
      font-family: Arial, Helvetica, sans-serif;
}
body {
      background-color: #0066FF;
      margin-left: 0px;
      margin-top: 0px;
}
h1 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: x-large;
      margin-left: 3px;
}
h2 {
      font-size: large;
      color: #990000;
      text-indent: 20px;
      margin-right: 10px;
      margin-left: 10px;
}
p {
      font-family: Arial, Helvetica, sans-serif;
      font-size: medium;
      padding-right: 6px;
      margin-left: 3px;
      margin-right: 3px;
}
#Layer1 {
      position:absolute;
      left:8px;
      top:1px;
      width:775px;
      height:100px;
      z-index:1;
      padding-top: 0px;
      padding-left: 0px;
}
#Layer2 {
      position:absolute;
      left:120px;
      top:105px;
      width:650px;
      height:35px;
      z-index:0;
      background-color: #0066FF;
}
#Layer3 {
      position:absolute;
      left:6px;
      top:105px;
      width:100px;
      height:55px;
      z-index:3;
}
#Layer4 {
      position:absolute;
      left:25px;
      top:175px;
      width:650px;
      height:500px;
      z-index:4;
      background-color: #FFFFFF;
}
#Layer5 {
      position:absolute;
      left:683px;
      top:175px;
      width:131px;
      height:514px;
      z-index:5;
      visibility: visible;
}
#Layer6 {
      position:absolute;
      left:27px;
      top:681px;
      width:645px;
      height:45px;
      z-index:6;
}
.style1 {font-size: small}
.style2 {
      font-size: x-small;
      font-style: italic;
      color: #FFFFFF;
}
#Layer7 {
      position:absolute;
      left:675px;
      top:10px;
      width:162px;
      height:79px;
      z-index:7;
}
.rightbar {
      clear: right;
      float: right;
      height: 100%;
      width: 100px;
      background-color: #FFFFFF;
      padding: 0px;
      border: 1px solid #000000;
      margin-top: 0px;
      margin-right: -5px;
      margin-bottom: 0px;
      margin-left: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script src="test_files/AC_RunActiveContent.js" type="text/javascript"></script>

<meta name="Keywords" content="Sven Mogelgaard, on site computer service, computer service, computer repair, bothell, Everett, lynnwood, Edmonds, Mukilteo, mill creek, Woodinville, seattle, brier, Mountlake terrace, Bellevue, medina, silver firs, Snohomish, Snohomish county, software, hardware, byte slaves, bothell Chamber, fast, affordable, quality, guaranteed, support, support plans, Kenmore, lake forest park" />
</head>
<body>
<div class="rightbar">Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. Test test test. </div>
<div id="Layer1"><img src="test_files/banner.gif" height="101" width="775" /></div>
<div id="Layer2">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','name','menu','width','650','height','52','id','menu','src','../FlashMenu/mm_menu','quality','high','flashvars','flashlet={_subMenuColor:#A0B0B5,_searchInputText:#000000,_highlightAlpha:75,fitToFlashZone:(No),_subFont:\'Arial\',_subAppearSpeed:20,_menuColor:#B4C0C5,_searchButton:false,_subButtonText:#FFFFFF,_searchField:#ffffff,_mainFontSize:12,_mainButtonText:#000000,_subHeight:15,_mainHeight:35,_mainFont:\'Arial\',_smooth:false,_bgColor:#0066FF,_subFontSize:12,navigation:[\'Mainbut1: Home; http://www.byteslaves.com; _parent;\',\'Mainbut2: Store; http://www.byteslaves.com/catalog; _blank;\',\'Mainbut3: Internet; http://http://www.byteslaves.com/internet.htm; _parent;\',\'_subbuton1: Web Hosting; http://www.byteslaves.com/hosting.htm; _parent\',\'_subbuton2: Web Design; http://www.byteslaves.com/design.htm; _parent\',\'_subbuton3: Internet Access; http://www.byteslaves.com/access.htm; _parent\',\'Mainbut4: Newsletter; http://www.byteslaves.com/newsletter.htm; _parent;\',\'_subbuton1: Current Edition; http://www.byteslaves.com/current.htm; _parent\',\'_subbuton2: Archives; http://www.byteslaves.com/archive.htm; _parent\',\'_subbuton3: Subscribe; http://www.byteslaves.com/subscribe.htm; _parent\',\'_subbuton4: Unsubscribe; http://www.byteslaves.com/unsubscribe.htm; _parent\',\'Mainbut5: Support; http://www.byteslaves.com/support.htm; _parent;\',\'_subbuton1: Ask A Question; http://www.byteslaves.com/ask_us.htm; _parent\',\'_subbuton2: Open A Ticket; http://www.byteslaves.com/support_req.htm; _parent\',\'_subbuton3: Purchase Support; http://www.byteslaves.com/purchase_supt.htm; _parent\',\'Mainbut6: Applause; http://www.byteslaves.com/applause.htm; _parent;\',\'Mainbut7: Feedback; http://www.byteslaves.com/feedback.htm;_parent\',\'Mainbut8: Contact Us; http://www.byteslaves.com/contact.htm;_parent\',\'Mainbut9: Discussion Forum; http://www.byteslaves.net/forum/index.php;_blank\'],_bgPicture:\'NA\'}','pluginspage','http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash','flash_component','fsMenuMMSFull.swc','movie','../FlashMenu/mm_menu' ); //end AC code
        </script><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" name="menu" id="menu" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="52" width="650"><param name="movie" value="../FlashMenu/mm_menu.swf" /> <param name="quality" value="high" /> <param name="flashvars" value="flashlet={_subMenuColor:#A0B0B5,_searchInputText:#000000,_highlightAlpha:75,fitToFlashZone:(No),_subFont:'Arial',_subAppearSpeed:20,_menuColor:#B4C0C5,_searchButton:false,_subButtonText:#FFFFFF,_searchField:#ffffff,_mainFontSize:12,_mainButtonText:#000000,_subHeight:15,_mainHeight:35,_mainFont:'Arial',_smooth:false,_bgColor:#0066FF,_subFontSize:12,navigation:['Mainbut1: Home; http://www.byteslaves.com; _parent;','Mainbut2: Store; http://www.byteslaves.com/catalog; _blank;','Mainbut3: Internet; http://http://www.byteslaves.com/internet.htm; _parent;','_subbuton1: Web Hosting; http://www.byteslaves.com/hosting.htm; _parent','_subbuton2: Web Design; http://www.byteslaves.com/design.htm; _parent','_subbuton3: Internet Access; http://www.byteslaves.com/access.htm; _parent','Mainbut4: Newsletter; http://www.byteslaves.com/newsletter.htm; _parent;','_subbuton1: Current Edition; http://www.byteslaves.com/current.htm; _parent','_subbuton2: Archives; http://www.byteslaves.com/archive.htm; _parent','_subbuton3: Subscribe; http://www.byteslaves.com/subscribe.htm; _parent','_subbuton4: Unsubscribe; http://www.byteslaves.com/unsubscribe.htm; _parent','Mainbut5: Support; http://www.byteslaves.com/support.htm; _parent;','_subbuton1: Ask A Question; http://www.byteslaves.com/ask_us.htm; _parent','_subbuton2: Open A Ticket; http://www.byteslaves.com/support_req.htm; _parent','_subbuton3: Purchase Support; http://www.byteslaves.com/purchase_supt.htm; _parent','Mainbut6: Applause; http://www.byteslaves.com/applause.htm; _parent;','Mainbut7: Feedback; http://www.byteslaves.com/feedback.htm;_parent','Mainbut8: Contact Us; http://www.byteslaves.com/contact.htm;_parent','Mainbut9: Discussion Forum; http://www.byteslaves.net/forum/index.php;_blank'],_bgPicture:'NA'}" /> <param name="flash_component" value="fsMenuMMSFull.swc" /> <embed name="menu" id="menu" src="test_files/mm_menu.swf" quality="high" flashvars="flashlet={_subMenuColor:#A0B0B5,_searchInputText:#000000,_highlightAlpha:75,fitToFlashZone:(No),_subFont:'Arial',_subAppearSpeed:20,_menuColor:#B4C0C5,_searchButton:false,_subButtonText:#FFFFFF,_searchField:#ffffff,_mainFontSize:12,_mainButtonText:#000000,_subHeight:15,_mainHeight:35,_mainFont:'Arial',_smooth:false,_bgColor:#0066FF,_subFontSize:12,navigation:['Mainbut1: Home; http://www.byteslaves.com; _parent;','Mainbut2: Store; http://www.byteslaves.com/catalog; _blank;','Mainbut3: Internet; http://http://www.byteslaves.com/internet.htm; _parent;','_subbuton1: Web Hosting; http://www.byteslaves.com/hosting.htm; _parent','_subbuton2: Web Design; http://www.byteslaves.com/design.htm; _parent','_subbuton3: Internet Access; http://www.byteslaves.com/access.htm; _parent','Mainbut4: Newsletter; http://www.byteslaves.com/newsletter.htm; _parent;','_subbuton1: Current Edition; http://www.byteslaves.com/current.htm; _parent','_subbuton2: Archives; http://www.byteslaves.com/archive.htm; _parent','_subbuton3: Subscribe; http://www.byteslaves.com/subscribe.htm; _parent','_subbuton4: Unsubscribe; http://www.byteslaves.com/unsubscribe.htm; _parent','Mainbut5: Support; http://www.byteslaves.com/support.htm; _parent;','_subbuton1: Ask A Question; http://www.byteslaves.com/ask_us.htm; _parent','_subbuton2: Open A Ticket; http://www.byteslaves.com/support_req.htm; _parent','_subbuton3: Purchase Support; http://www.byteslaves.com/purchase_supt.htm; _parent','Mainbut6: Applause; http://www.byteslaves.com/applause.htm; _parent;','Mainbut7: Feedback; http://www.byteslaves.com/feedback.htm;_parent','Mainbut8: Contact Us; http://www.byteslaves.com/contact.htm;_parent','Mainbut9: Discussion Forum; http://www.byteslaves.net/forum/index.php;_blank'],_bgPicture:'NA'}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" flash_component="fsMenuMMSFull.swc" type="application/x-shockwave-flash" height="52" width="650"></embed></object>
  <noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
name="menu" width="650" height="52" id="menu"> <param
name="flash_component" value="fsMenuMMSFull.swc" /> <param name="movie"
value="FlashMenu/mm_menu.swf" /> <param name="quality" value="high" />
<param name="FlashVars"
value="flashlet={_subMenuColor:#A0B0B5,_searchInputText:#000000,_highlightAlpha:75,fitToFlashZone:(No),_subFont:'Arial',_subAppearSpeed:20,_menuColor:#B4C0C5,_searchButton:false,_subButtonText:#FFFFFF,_searchField:#ffffff,_mainFontSize:12,_mainButtonText:#000000,_subHeight:15,_mainHeight:35,_mainFont:'Arial',_smooth:false,_bgColor:#0066FF,_subFontSize:12,navigation:['Mainbut1:
Home; http://www.byteslaves.com; _parent;','Mainbut2: Store;
http://www.byteslaves.com/catalog; _blank;','Mainbut3: Internet;
http://http://www.byteslaves.com/internet.htm; _parent;','_subbuton1:
Web Hosting; http://www.byteslaves.com/hosting.htm;
_parent','_subbuton2: Web Design; http://www.byteslaves.com/design.htm;
_parent','_subbuton3: Internet Access;
http://www.byteslaves.com/access.htm; _parent','Mainbut4: Newsletter;
http://www.byteslaves.com/newsletter.htm; _parent;','_subbuton1:
Current Edition; http://www.byteslaves.com/current.htm;
_parent','_subbuton2: Archives; http://www.byteslaves.com/archive.htm;
_parent','_subbuton3: Subscribe;
http://www.byteslaves.com/subscribe.htm; _parent','_subbuton4:
Unsubscribe; http://www.byteslaves.com/unsubscribe.htm;
_parent','Mainbut5: Support; http://www.byteslaves.com/support.htm;
_parent;','_subbuton1: Ask A Question;
http://www.byteslaves.com/ask_us.htm; _parent','_subbuton2: Open A
Ticket; http://www.byteslaves.com/support_req.htm;
_parent','_subbuton3: Purchase Support;
http://www.byteslaves.com/purchase_supt.htm; _parent','Mainbut6:
Applause; http://www.byteslaves.com/applause.htm; _parent;','Mainbut7:
Feedback; http://www.byteslaves.com/feedback.htm;_parent','Mainbut8:
Contact Us; http://www.byteslaves.com/contact.htm;_parent','Mainbut9:
Discussion Forum;
http://www.byteslaves.net/forum/index.php;_blank'],_bgPicture:'NA'}" />
<embed src="FlashMenu/mm_menu.swf" width="650" height="52"
quality="high"
flashvars="flashlet={_subMenuColor:#A0B0B5,_searchInputText:#000000,_highlightAlpha:75,fitToFlashZone:(No),_subFont:'Arial',_subAppearSpeed:20,_menuColor:#B4C0C5,_searchButton:false,_subButtonText:#FFFFFF,_searchField:#ffffff,_mainFontSize:12,_mainButtonText:#000000,_subHeight:15,_mainHeight:35,_mainFont:'Arial',_smooth:false,_bgColor:#0066FF,_subFontSize:12,navigation:['Mainbut1:
Home; http://www.byteslaves.com; _parent;','Mainbut2: Store;
http://www.byteslaves.com/catalog; _blank;','Mainbut3: Internet;
http://http://www.byteslaves.com/internet.htm; _parent;','_subbuton1:
Web Hosting; http://www.byteslaves.com/hosting.htm;
_parent','_subbuton2: Web Design; http://www.byteslaves.com/design.htm;
_parent','_subbuton3: Internet Access;
http://www.byteslaves.com/access.htm; _parent','Mainbut4: Newsletter;
http://www.byteslaves.com/newsletter.htm; _parent;','_subbuton1:
Current Edition; http://www.byteslaves.com/current.htm;
_parent','_subbuton2: Archives; http://www.byteslaves.com/archive.htm;
_parent','_subbuton3: Subscribe;
http://www.byteslaves.com/subscribe.htm; _parent','_subbuton4:
Unsubscribe; http://www.byteslaves.com/unsubscribe.htm;
_parent','Mainbut5: Support; http://www.byteslaves.com/support.htm;
_parent;','_subbuton1: Ask A Question;
http://www.byteslaves.com/ask_us.htm; _parent','_subbuton2: Open A
Ticket; http://www.byteslaves.com/support_req.htm;
_parent','_subbuton3: Purchase Support;
http://www.byteslaves.com/purchase_supt.htm; _parent','Mainbut6:
Applause; http://www.byteslaves.com/applause.htm; _parent;','Mainbut7:
Feedback; http://www.byteslaves.com/feedback.htm;_parent','Mainbut8:
Contact Us; http://www.byteslaves.com/contact.htm;_parent','Mainbut9:
Discussion Forum;
http://www.byteslaves.net/forum/index.php;_blank'],_bgPicture:'NA'}"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" name="menu"> </embed> </object>
<script type="text/javascript">Run_f_source_menu(1);</script> </noscript>
</div>
<div id="Layer3"><img src="test_files/established.gif" height="55" width="100" /></div>
<div id="Layer4">Body</div>
<div id="Layer5">
  <img src="test_files/rtSide.jpg" usemap="#Map" border="0" height="398" width="125" />
<map name="Map" id="Map"><area shape="rect" coords="5,45,120,113" href="http://www.bothellchamber.com/" target="_blank" alt="Logo of the bothell chamber with a link to the site" /><area shape="rect" coords="4,119,121,196" href="http://www.millcreekbiz.com/" target="_blank" alt="Logo of Mill Creek Business Association with a link to their site" /><area shape="rect" coords="4,215,120,319" href="http://www.buybothell.org/" target="_blank" alt="Logo of the buy bothell campaign with a link to their web site" /><area shape="rect" coords="7,338,119,379" href="http://www.grisoft.com/" target="_blank" alt="AVG reseller logo with a link to the grisoft website, makers of avg" />
</map>
  <p align="center"><a href="http://www.conceptsnet.com/Products.htm" target="_blank"><img src="test_files/cc_click.jpg" usemap="#Map2" border="0" height="161" width="94" /></a>
  <map name="Map2" id="Map2"></map></p>
</div>
<div id="Layer6">
  <div align="center">
    <p class="style1"><a href="http://www.byteslaves.com/index.htm">Home</a> | <a href="http://www.byteslaves.com/catalog" target="_blank">Store</a> | <a href="http://www.byteslaves.com/internet.htm">Internet</a> | <a href="http://www.byteslaves.com/newsletter.htm">Newsletter</a> | <a href="http://www.byteslaves.com/support.htm">Support</a><br />
      <a href="http://www.byteslaves.com/applause.htm">Applause</a> | <a href="http://www.byteslaves.com/feedback.htm">Feedback</a> | <a href="http://www.byteslaves.com/contact.htm">Contact
      Us</a> | <a href="http://www.byteslaves.com/sitemap.htm">Site Map</a></p>
    <p class="style2">Original Content Copyright ©2006 Byte Slaves, Inc. </p>
  </div>
</div>
<div id="Layer7">
<!-- BEGIN: Constant Contact Stylish Email Newsletter Form -->
<div align="center">
<div style="background-color: rgb(255, 255, 255);">
<form name="ccoptin" action="http://ui.constantcontact.com/d.jsp" target="_blank" method="post" style="">
<font style="font-weight: bold; font-family: Georgia,'Times New Roman',Times,serif; font-size: 16px; color: rgb(0, 0, 0);">Sign up for our Newsletter</font>
<input name="ea" size="20" value="" style="border: 1px solid rgb(153, 153, 153); font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 10px;" type="text" />
<input name="go" value="GO" class="submit" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px;" type="submit" />
<input name="m" value="1100385605101" type="hidden" />
<input name="p" value="oi" type="hidden" />
</form>
</div>
</div>
<!-- END: Constant Contact Stylish Email Newsletter Form --></div>
</body>
</html>
0
 

Author Comment

by:Sven Mogelgaard
ID: 16936832
Thanks Jason - I'll give this a try.  I pretty much bagged the right bar in the production site due to time constraints.  But I hope to incorporate it into my next template iteration to allow advertising.

I'll let you know if I can make this work ASAP.

I appreciate the effort and detail of your response.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 16936853
You're welcome.

Another solution is to go to http://www.oswd.org/ and look through the templates there until you see one with a right bar.  Then download the template and look at how that guy (or girl) did it.

There are a number of ways to pin a right bar...
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 17085431
Hi mrichmon,

My additions to the code work as requested.
0
 
LVL 25

Expert Comment

by:Rouchie
ID: 17088437
Agreed.  Points to Jason please mrichmon!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Look below the covers at a subform control , and the form that is inside it. Explore properties and see how easy it is to aggregate, get statistics, and synchronize results for your data. A Microsoft Access subform is used to show relevant calcul…
As many of you are aware about Scanpst.exe utility which is owned by Microsoft itself to repair inaccessible or damaged PST files, but the question is do you really think Scanpst.exe is capable to repair all sorts of PST related corruption issues?

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question