4 Replies Latest reply on Aug 17, 2011 12:05 AM by osgood_

    Design View and a CSS Div layout page

    ray@it-endeavors.com

      There are a few pages l

      ike this. I am assuming it is because everything is layed out w

      ith div tags, but there mush be a way to correct the desging view. Everything shows up great o

      nline. Here is a screenshot:

       

       

       

      profile_shot.jpg

       

       

       

       

       

       

       

       

       

       

      Here is the code:

       

      <body onload="initHomePage(); addReferToLinks();">
      <!-- ################# TOOLBAR ############## -->
      <script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>
      <!--  end TOOLBAR -->

      <img src="/profile/image/logo_linknet.gif" />

      <!-- Main div for entire page layout -->
      <form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
             <input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
             <input class="button" type="submit" value="Search" name="submit" />
             <input type=hidden name="col" value="mpr dno dnos1" />
                        
      </form>
         
          <div id="main">

      <!-- ###################### LEFT NEWS ################################## --> 

        <div id="newsBox" class="box">
         <div class="boxHeader">
          <div class="headerLeft"><h2>MP News</h2></div>
          <div class="headerRight"><a href="/news/news/index.htm" class="more">more &#0187;</a></div>
         </div>
         <div class="boxContent">
          <h3>
           <script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
          </h3>
          <div id="newsContent">
           <div class="loading">
            Loading...
           </div>
          </div>
              
          <!-- -->
               
          <h3>My Subscriptions</h3>
           <ul style="list-style-type:none;">
            <li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
            <li><a href="http://">View Subscriptions</a></li>
           </ul>
          <!-- MEDIA CENTER -->
          <div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
          <!-- COLUMNS -->
          <div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
         </div>
        </div>
      <!-- #### end LEFT NEWS ########### -->

      <!-- ###################### CENTER CONTENT ################################## -->
        
        <div id="content">
         <!-- MAIN CONTENT WELL -->
        
         <!-- optional notice (visible only when critical news exists) -->
         <div id="alert" class="box highlightBox">
          <div class="boxHeader">
           <div class="headerLeft"><h2>Important Notice</h2></div>
           <div class="headerRight"> </div>
          </div>
          <div id="alertContent" class="boxContent">
           <div class="article">
            <a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
            Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
            unable to access their PCs.
           </div>
          </div>
         </div>
                 
                  <div id="home_page_id">) Home Page</div>

         <!-- Activities -->
         <div id="activities" class="box highlightBox">
          <div class="boxHeader">
           <div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
           <div class="headerRight"> </div>
          </div>
          <div class="boxContent">
           <div style="width:100%;">
            <ul>
             <li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting:  <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
               <option name="selectRecruit" selected="selected">*** make selection ***</option>
               <option value="http.htm">Sourcing & Prospecting</option>
               <option value="http://.htm">Selecting & Assessing Candidates</option>
               <option value="http://_process.htm">Post Acceptance Process</option>
               <option value="http">Developing an Internship Program</option>
               <option value="http.htm">Tracking Activity, Results & Accountability</option>
               <option value="http://.htm">Recruiter Development</option>
              </select></a></li>
             <li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership &amp; Organizational Development </a></li>
             <li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
             <li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for   managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing &amp; Operations</a></li>
             <li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning &amp; Performance</a></li>
                <li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation &amp; Benefits</a></li>
                <li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative &amp; Specialist Development</a>  </li>
            </ul>
            <div id="slideshow1" class="activitySlideshow" style="height:212px;">
             <img src="image/slideshow_photos/photo06.jpg" />
             <img src="image/slideshow_photos/photo07.jpg" />
             <img src="image/slideshow_photos/photo08.jpg" />
             <img src="image/slideshow_photos/photo09.jpg" />
             <img src="image/slideshow_photos/photo10.jpg" />     
            </div>
           </div>
          
          </div>
         </div>

         <!-- Lower div under activities (2 columns) -->
         <div class="leftColumn">
         <!-- Events Calendar -->
          <div class="box">
           <div class="boxHeader">
            <div class="headerLeft"><h2>Events Calendar</h2></div>
           
           </div>
            <div class="boxContent"><ul>                      
                                   
                                   
                                   
                                   
          
            <li>April 25-30<br />
           <a href="http_020110.htm" target="_blank"></a></li>
           <li>May 12-14<br />
           <a href="http://030510.htm" target="_blank"></a></li>               
             <li>June 16<br />
           <a href="http://.htm" target="_blank">Series conversation</a></li>                                  
                            </ul>
                       
            </div>
          
          </div>
        
        
           <!-- Spotlight -->
           <div class="box">
            <div class="boxHeader">
             <div class="headerLeft"><h2>Spotlight</h2></div>
             <div class="headerRight"> </div>
            </div>
            <div class="boxContent">
                    <div class="article">
          
            <!-- Leave "Market volatility resources available" at the top -->
         <div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
           The $25 association membership fee will be charged to June 30 home
           office supply bills. Representatives who wish to decline membership
           may submit a <a href="http://.htm" target="_blank">decline
           form</a>.
      <div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
           Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
                   
                   
                                <div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
           Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
                   
                    <div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
           Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
                  
                   
                   
                    <div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
           The Current Year Scale page on LINKnet provides the latest information
           and sales support materials based on the 2010 dividend announcement.
                   
                   
                    
                   
      <!-- Leave "Market volatility resources available" at the top -->

                 
                 
                 
                 
                 
                 
                  
                              
                     </div>
            </div>
           </div>
         </div>
         <div class="rightColumn">
        
         <!-- Approaching Deadlines -->
          <div class="box">
           <div class="boxHeader">
            <div class="headerLeft"><h2>Approaching Deadlines</h2></div>
           
           </div>
           <div class="boxContent">
             <ul>
      <li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
             <li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
                            <li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
                            </ul>
            </div>
          
          </div>
        
        
          <!-- Tech Alerts -->
          <div id="techalerts" class="box">
           <div class="boxHeader">
            <div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
            <div class="headerRight"><a href="http://.htm" class="more">more &#0187;</a></div>
           </div>
           <div class="boxContent">
            <div class="loading">
             Loading...
            </div>
           </div>
           <iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
          </div>
           
            
         

         </div>
        </div>