Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Dec 2005
    Posts
    3
    Member #
    12226
    Hi,

    I recently started developing a website for my mom's buisness. As it turns out, the hosting she got came with a selection of templates that you can edit. I showed her some, and she picked one out. Unfortunatley, when you look at the template (In Firefox, at least) some of the elements to the site are mis-aligned. I've tried everything I could think of in Dreamweaver, and it's still not aligned. I really hope you guys can help me. Here is the URL to the site: here

    Here is the code, also:

    HTML Code:
    <html>
    <head>
    <title>Body Mind and Spirit Wellness Centre</title>
    <style>
    a:hover{ text-decoration:none;}
    .txt{ font-family:Arial; font-size:10px; color:#E0B78D; line-height:12px;}
    .txtwhite{ font-family:Arial; font-size:10px; color:#ffffff; line-height:12px;}
    .txtwhite1{ font-family:Arial; font-size:10px; color:#ffffff; line-height:12px; text-decoration:none;}
    .txtwhite1:hover{ text-decoration:underline}
    </style>
    </head>
    <center>
    <body scrollbar-arrow-color:#48412B;
    	scrollbar-track-color:#ffffff;
    	scrollbar-darkshadow-color:#ffffff;
    	scrollbar-face-color:#ffffff;
    	scrollbar-highlight-color:#48412B;
    	scrollbar-shadow-color:#48412B;>
    
    <table width="766" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="32" background="images/027-corr_left-bg.gif"></td>
        <td width="702"><table width="702" border="0" cellspacing="0" cellpadding="0">
    
          <tr>
            <td background="images/027-corr_top.jpg" height="32">
    		<table align="right" style=" margin-right:12px; " width="53" border="0" cellspacing="0" cellpadding="0">
    			  <tr>
    				<td width="20"><a href="#"><img src="images/027-corr_icon1.gif" border="0"></a></td>
    				<td width="20"><a href="#"><img src="images/027-corr_icon2.gif" border="0"></a></td>
    				<td><a href="#"><img src="images/027-corr_icon3.gif" border="0"></td>
    			  </tr>
    			</table>
    
    		</td>
          </tr>
          <tr>
            <td><table width="702" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="451" valign="top"><table width="451" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td background="images/027-corr_flash.jpg">
    
    				<object style="margin-left:-2px; margin-top:-2px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="451" height="253">
    				  <param name="movie" value="Flash/27.swf">
    				  <param name=quality value=high>
    				  <embed style="margin-left:-1px" src="Flash/27.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="451" height="253"></embed>
    				</object>
    				</td>
                  </tr>
                  <tr>
                    <td valign="top"><table width="451" border="0" cellspacing="0" cellpadding="0">
    
                      <tr>
                        <td width="117"><img src="images/027-corr_news.jpg"></td>
                        <td width="334"><img src="images/027-corr_lorem-lg.jpg"></td>
                      </tr>
                      <tr>
                        <td valign="top" width="117" background="images/027-corr_left-tab-bg-1-px.gif">
    					<table width="117" border="0" cellspacing="0" cellpadding="0">
    					  <tr>
    						<td valign="top" background="images/027-corr_left-tab-bg.jpg" height="187" style="background-position:top; background-repeat:no-repeat; ">
    
    						<div class="txt" style="margin-top:20px; margin-left:20px; width:80px; ">
    						<div class="txtwhite">12.12.2004</div>
    						Lorem ipsum 
    						dolor sit amet, 
    						consetetur 
    						sadipscing elitr.
    						<div class="txtwhite">..................<a href="#" class="txtwhite">more</a></div>
    						</div>
    						<div class="txt" style="margin-top:12px; margin-bottom:11px; margin-left:20px; width:80px; ">
    						<div class="txtwhite">12.12.2004</div>
    
    						Lorem ipsum 
    						dolor sit amet, 
    						consetetur 
    						sadipscing elitr.
    						<div class="txtwhite">..................<a href="#" class="txtwhite">more</a></div>
    						</div>
    						
    						</td>
    					  </tr>
    					</table>
    
    					</td>
                        <td width="334" valign="top" background="images/027-corr_main-tab-bg-1.gif">
    
    					
    					<table width="334" border="0" cellspacing="0" cellpadding="0">
    					  <tr>
    						<td valign="top" background="images/027-corr_main-tab-bg.jpg" height="188" style="background-position:top; background-repeat:no-repeat; ">
    						
    							<table style="margin:20 0 13 20 " width="300" border="0" cellspacing="0" cellpadding="0">
    							  <tr>
    								<td>
    									<img src="images/027-corr_pic1.jpg" style="margin:0 20 2 0" align="left">
    									<div class="txt">
    									Lorem ipsum dolor sit amet, 
    									consetetur sadipscing elitr, sed diam 
    									nonumy <font class="txtwhite">eirmod tempor</font> invidunt ut 
    									labore et dolore magna aliquyam 
    									
    									
    									erat, sed diam voluptua.
    									<div class="txtwhite">................................................<a href="#" class="txtwhite">more</a></div>
    
    									</div>
    								</td>
    							  </tr>
    							  <tr>
    								<td>
    								<img src="images/027-corr_pic2.jpg" style="margin:10 20 2 0" align="left">
    									<div class="txt" style="margin-top:10px; ">
    									Lorem ipsum dolor sit amet, 
    									consetetur sadipscing elitr, sed diam 
    									nonumy <font class="txtwhite">eirmod tempor</font> invidunt ut 
    									labore et dolore magna aliquyam 
    									erat, sed diam voluptua.
    									
    									
    									<div class="txtwhite">................................................<a href="#" class="txtwhite">more</a></div>
    
    									</div>
    								</td>
    							  </tr>
    							</table>
    
    						
    						</td>
    					  </tr>
    					</table>
    					</td>
    
                      </tr>
                    </table></td>
                  </tr>
                </table></td>
                <td height="100%" width="251" valign="top"><table height="100%" width="251" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><img src="images/027-corr_welcome.jpg"></td>
                  </tr>
                  <tr>
    
                    <td height="100%" valign="top" background="images/027-corr_right-top-tab-bg-1.jpg">
    				<table width="251" border="0" cellspacing="0" cellpadding="0">
    				  <tr>
    					<td valign="top" height="222" background="images/027-corr_right-top-tab-bg.jpg" style="background-position:top; background-repeat:no-repeat;">
    					 <div class="txt" style="margin:20 20 12 20 ">
    					 <div>
    					 Lorem ipsum dolor sit amet, consetetur 
    					sadipscing elitr, sed diam nonumy eirmod 
    					tempor invidunt ut labore et dolore magna 
    					aliquyam erat, sed diam voluptua.
    					 </div>
    					 <div style="margin:15 0 15 0 "><img src="images/027-corr_line-right-top.gif"></div>
    
    					 <div>
    					 Lorem ipsum dolor sit amet, consetetur 
    					sadipscing elitr, sed <a href="#" class="txtwhite">diam nonumy</a> eirmod.
    					 </div>
    					 <img src="images/027-corr_pic3.jpg" style="margin-top:15px; ">
    					 </div>
    					  </td>
    				  </tr>
    				</table>
    
    				</td>
                  </tr>
                  <tr>
                    <td><img src="images/027-corr_lorem-sh.jpg"></td>
                  </tr>
                  <tr>
                    <td valign="top" height="188" background="images/027-corr_right-bot-tab-bg.jpg">
    					<div class="txt" style="width:231px; height:154px; overflow:auto; margin-left:20px; margin-top:18px;">
    
    					<table width="212" border="0" cellspacing="0" cellpadding="0">
    					  <tr>
    						<td>
    							<img src="images/027-corr_pic4.jpg" align="left" style="margin-right:19px; margin-bottom:2px;">
    							<div class="txt">
    							Lorem ipsum dolor sit amet, 
    							consetetur sadipscing elitr, 
    							sed <a href="#" class="txtwhite">diam nonumy</a> eirmod 
    							tempor invidunt ut labore 
    							et dolore magna.
    							
    							
    							<div class="txtwhite">...................................<a href="#" class="txtwhite">more</a></div>
    
    							</div>
    						</td>
    					  </tr>
    					  <tr>
    						<td><div style="margin-top:10px; ">
    							<img src="images/027-corr_pic4.jpg" align="left" style="margin-right:19px; margin-bottom:2px;">
    							<div class="txt">
    							Lorem ipsum dolor sit amet, 
    							consetetur sadipscing elitr, 
    							sed <a href="#" class="txtwhite">diam nonumy</a> eirmod 
    							tempor invidunt ut labore 
    							et dolore magna.
    							
    							
    							<div class="txtwhite">...................................<a href="#" class="txtwhite">more</a></div>
    
    							</div>
    							</div>
    						</td>
    					  </tr>
    					</table>
    
    					</div>
    				</td>
                  </tr>
    
                </table></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td background="images/027-corr_bot.jpg" height="19">
    		<div class="txtwhite" align="center"> Yourcompanyname. 2004. <a href="#" class="txtwhite1">Privacy policy</a> | <a href="#" class="txtwhite1">Terms of use</a></div>
    
    		</td>
          </tr>
        </table></td>
        <td width="32" background="images/027-corr_right-bg.gif"></td>
      </tr>
    </table>
    
    </body>
    </center>
    </html>
    Thanks,
    Kevin

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    I viewed your site in FF 1.5 and I never noticed any problems..

    Can you tell us which area of your design you are having problems with?

  4. #3
    Junior Member
    Join Date
    Dec 2005
    Posts
    3
    Member #
    12226
    I've outlined the problem spots in read (at least the spots that I can see) Also, the flash element is on top of the image (like, if you delete it in Dreamweaver, the image version of the menu is still there.
    Attached Images Attached Images

  5. #4
    Junior Member
    Join Date
    Dec 2005
    Posts
    3
    Member #
    12226
    Hi guys,

    I've fixed my problems. I forgot about the Dreamweaver code validator :P It seemed to be a broblem with <td> heights.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:25 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com