Need help aligning HTML source...

Discussion in 'Web Design & Programming' started by blade, May 11, 2007.

  1. blade

    blade GEEK 2.0

    Likes Received:
    0
    Trophy Points:
    0
    I need help aligning my "Join Our Email List" box to the right aligned on the same level with the welcome and introductory text on my Home Page... Shoppers Circuit Home Page

    Code:
    <table width="100%" border="0" cellpadding="0" cellspacing="5">
    <tr valign="top">
    	<td width="100%">
    		<ss:font source="$font.heading"><b>Welcome <ss:value source="$customer.firstName"/> to <ss:value source="$store.name"/></b></ss:font><br>
    		<ss:font source="$font.paragraph">
    			<ss:value source="$storeVersion.customText['welcome']"/>
    		</ss:font>
    		
    		<ss:if test="$emailMarketing.isFeatureEnabled('SiteVisitorSignup', $storeVersion)">
    	<p align="right"><ss:font source="$font.paragraph">
    		<ss:value source="$emailMarketing.getMarkup('SiteVisitorSignup')"/>
    	</ss:font></p>
    </ss:if>
     
  2. thoonie

    thoonie hmmm....

    Likes Received:
    0
    Trophy Points:
    16
    Can you post the main module for the form "Join Our Email List".
     
  3. blade

    blade GEEK 2.0

    Likes Received:
    0
    Trophy Points:
    0
    im not sure what you mean by main module of that form, but this is it...
    Code:
    <ss:if test="$emailMarketing.isFeatureEnabled('SiteVisitorSignup', $storeVersion)">
    	<p align="right"><ss:font source="$font.paragraph">
    		<ss:value source="$emailMarketing.getMarkup('SiteVisitorSignup')"/>
    	</ss:font></p>
    </ss:if>
    heres the whole home page code...

    Code:
    <!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html><!-- InstanceBegin template="/Templates/1.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    	<title>$page.title</title>
    
    <link rel="icon" href="$store.images['favicon.ico']" type="image/x-icon">
    <link rel="shortcut icon" href="$store.images['favicon.ico']" type="image/x-icon">
    
    
    	<meta NAME="description" CONTENT="$page.meta.description">
    <meta NAME="keywords" CONTENT="$page.meta.keywords">
    <style type="text/css">
    <!--
    /* Style Sheet */
    body {
    	margin : 0px 0px 0px 0px;
    	background-color:black;
    	align : center;
    }
    #categories{
    	background-color:#666666;
    	color:#FFFFFF;
    	width:150px;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	padding : 5px 5px 1px 0px;
    	margin : 3px 0px 3px 10px;
    	font-weight :bold;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    #cat1{
    	color:#FFFFFF;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	font-weight :normal;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    #cat1 a{
    	color:#FFFFFF;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	font-weight :normal;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    #cat1 a:hover{
    	background-color:#66CCCC;
    	color:#000000;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	font-weight :normal;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    #cat2{
    	color:#FFFFFF;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	margin-left : 5px;
    	font-weight :normal;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    #cat2 a{
    	color:#FFFFFF;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	margin-left : 5px;
    	font-weight :normal;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    #cat2 a:hover{
    	background-color:#66CCCC;
    	color:#000000;
    	text-decoration:none;
    	text-align : left;
    	display: block;
    	font-weight :normal;
    	margin-left : 5px;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    
    .topnav {
    	background-color:#336666;
    	color:#ffffff;
    	text-decoration:none;
    	font-weight :bold;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    .topnav A:link {
    	background-color:#336666;
    	border : 1px solid #33CCFF;
    	color:#CCFFFF;
    	text-decoration:none;
    	text-align : center;
    	width:117px;
    	font-weight :bold;
    	display: block;
    	}
    .topnav A:visited {
    	background-color:#336666;
    	border : 1px solid #33CCFF;
    	color:#CCFFFF;
    	text-decoration:none;
    	text-align : center;
    	width:117px;
    	font-weight :bold;
    	display: block;
    	}
    .topnav A:hover {
    	background-color:#000000;
    	border : 1px solid #FFFFFF;
    	color:#CCFFFF;
    	text-decoration:none;
    	text-align : center;
    	width:117px;
    	font-weight :bold;
    	display: block;
    	}
    .topnav A:active {
    	background-color:#336666;
    	border : 1px solid #33CCFF;
    	color:#CCFFFF;
    	text-decoration:none;
    	text-align : center;
    	width:117px;
    	font-weight :bold;
    	display: block;
    	}
    .leftnav {
    	background-color:#666666;
    	color:#FFFFFF;
    	text-decoration:none;
    	font-weight :bold;
    	font-size:9pt;
    	font-family:"Trebuchet MS", Arial, Helvetica;
    	}
    .leftnav A:link {
    	background-color:#666666;
    	border-top : 1px solid #999999;
    	color:#000000;
    	text-decoration:none;
    	font-weight :bold;
    	display: block;
    	}
    .leftnav A:visited {
    	background-color:#666666;
    	border-top : 1px solid #999999;
    	color:#000000;
    	text-decoration:none;
    	font-weight :bold;
    	display: block;
    	}
    .leftnav A:hover {
    	background-color:#66CCCC;
    	border-top : 1px solid #999999;
    	color:#000000;
    	text-decoration:none;
    	font-weight :bold;
    	display: block;
    	}
    .leftnav A:active {
    	background-color:#666666;
    	border-top : 1px solid #999999;
    	color:#000000;
    	text-decoration:none;
    	font-weight :bold;
    	display: block;
    	}
    
    A:link {text-decoration:underline;color:black;}
    A:visited {text-decoration:underline;color:black;}
    A:hover {text-decoration:none;color:black;}
    A:active {text-decoration:underline;color:black;}
    
    .content {padding-top:10px;padding-left:20px;padding-right:20px;font-size:10pt;color:black;font-family:"Trebuchet MS", Arial, Helvetica;}
    
    .title {margin-left:8px;font-size:10pt;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica
    ;color:#000000;}
    
    .footer {font-size:9pt;color:black;font-family:"Trebuchet MS", Arial, Helvetica;}
    
    -->
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <meta name="keywords" content="pc, pc software, pc games, video games, mp3, mp4, electronics, xbox 360, psp, video player, ps2, consumer electronics, memory, accessories, ipod, dropshipping, dropship, wholesale, wholesale lot">
    <!-- InstanceEndEditable -->
    </head>
    
    <body>
    <center>
    <table width="780" border="0" cellspacing="0" cellpadding="0">
    <!-- banner image -->
    	<tr valign="top"><td><ss:image source="$storeVersion.images['music.jpg']" alt="image" border="0"/></td></tr>
    </table>
    <table width="780" border="0" cellspacing="0" cellpadding="2" bgcolor="#66CCCC">
    	<tr valign="top">
    <!-- left nav -->
    		<td class="topnav" nowrap>
    		<!-- view cart -->
    				<ss:link source="$storeVersion.cart">Shopping Cart</ss:link>
    		</td>
    		<td class="topnav">
    		<!-- checkout -->
    			<ss:link source="$storeVersion.checkout">Checkout</ss:link>
    		</td>
    		<!-- customer service -->
    		<ss:if test="$storeVersion.templateExists('Customer Service')">
    		<td class="topnav" nowrap>
    			<ss:link source="$storeVersion.customerService">Customer Service</ss:link>
    		</td>
    		</ss:if>
    		<!-- policies -->
    		<ss:if test="$storeVersion.templateExists('Store Policy')">
    		<td class="topnav">
    			<ss:link source="$storeVersion.storePolicies">Policies</ss:link>
    		</td>
    		</ss:if>
    		<!-- about us -->
    		<ss:if test="$storeVersion.templateExists('About Us')">
    		<td class="topnav" nowrap>
    			<ss:link source="$storeVersion.aboutUs">About Us</ss:link>
    		</td>
    		</ss:if>
    		<!-- home -->
    		<ss:if test="$storeVersion.templateExists('Home Page')">
    		<td class="topnav">
    			<ss:link source="$storeVersion.homePage">Home</ss:link>
    		</td>
    		</ss:if>
    	</tr>
    </table>
    <table width="780" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
    	<tr valign="top">
    	<!-- content -->
    		<td bgcolor="#666666">
    		<!-- store logo -->
    			<div class="title">
    				<ss:if test="$storeVersion.storeLogoName">
    		 			<br>
    		 			<a href="http://www.shopperscircuit.com/"><ss:image source="$storeVersion.storeLogo" width="125" height="40" border="0" alt="Shoppers Circuit Home Page"/></a><br>
    				<ss:else/>
    					<br><font class="title"><ss:value source="$store.name"/></font><br>
    				</ss:if>
    		  </div>
    			<div class="leftnav">
    				<div style="margin-left:8px;">
    				<form method=post action="$storeVersion.searchResults">
    					<input type="text" name="keyword" size="15">
    					&nbsp;<ss:button source="$storeVersion.images['go.gif']" alt="GO" border="0"/>
    				</form>
    				</div>
    				<!-- categories -->
    				<div id="categories">
    					<div style="padding : 2px 0px 2px 0px;">CATEGORIES</div>
    					<ss:foreach item="category" within="$catalog.categoryList()">
    						<ss:sortby item="categorypriority" direction="asc"/>
    						<ss:if test="$category.treeLevel == '1'">
    							<div id="cat1"><ss:link source="$category"/></div>
    						<ss:else/>
    							<div id="cat2"><ss:link source="$category"/></div>
    						</ss:if>
    					</ss:foreach>
    				</div>
    			</div>
    		</td>
    		<td><ss:image source="$storeVersion.images['pixel.gif']" height="400" width="1" alt="image" border="0"/></td>
    	  <td class="content" width="600"><br><!-- InstanceBeginEditable name="ProStores_Template" --><!-- begin storefront horizontal featured products with welcome text. -->
     
    <table width="100%" border="0" cellpadding="0" cellspacing="5">
    <tr valign="top">
    	<td width="100%">
    		<ss:font source="$font.heading"><b>Welcome <ss:value source="$customer.firstName"/> to <ss:value source="$store.name"/></b></ss:font><br>
    		<ss:font source="$font.paragraph">
    			<ss:value source="$storeVersion.customText['welcome']"/>
    		</ss:font>
    		
    		<ss:if test="$emailMarketing.isFeatureEnabled('SiteVisitorSignup', $storeVersion)">
    	<p align="right"><ss:font source="$font.paragraph">
    		<ss:value source="$emailMarketing.getMarkup('SiteVisitorSignup')"/>
    	</ss:font></p>
    </ss:if>
    
    		<ss:set name="featuredProducts" value="$store.products.getFeaturedProducts()"/>
    		<ss:if test="$featuredProducts">
    
    			<div style="border-left:1px solid #cccccc;border-top:1px solid #cccccc;border-right:1px solid #cccccc;background-color:#F5F5F5;padding-left:3px;margin-top:20px;">
    				<ss:font source="$font.paragraph"><b>Featured Products</b></ss:font>
    			</div>
    				<table cellpadding="2" cellspacing="10" style="border:1px #cccccc solid;">
    					<tr valign="top">
    						<ss:foreach item="product" within="$featuredProducts">
    							<td>
    								<ss:font source="$font.paragraph">
    									<ss:if test="$product.thumbnailImage">
    										<ss:link source="$product">
    										<ss:image source="$product.thumbnailImage" alt="$product.name" border="0" hspace="3"/></ss:link><br>
    									</ss:if>
    									<ss:link source="$product"><ss:value source="$product.name"/></ss:link>
    									<br>
    									<ss:value source="$product.brief"/>
    								</ss:font>
    							</td>
    						</ss:foreach>
    					</tr>
    				</table>
    		</ss:if>
    
    		<ss:if test="$store.isFeatureEnabled('ShowEmailAFriendLink')">
    			<p><ss:font source="$font.paragraph">
    			<ss:link source="$storeVersion.emailAFriend">E-mail a friend</ss:link>
    				about <ss:value source="$store.name"/>.</ss:font></p>
    		</ss:if>
    
    		<ss:if test="$emailMarketing.isFeatureEnabled('SendPageToFriend', $storeVersion)">
    			<p><ss:font source="$font.paragraph">
    				<ss:value source="$emailMarketing.getMarkup('SendPageToFriend')"/>
    			</ss:font></p>
    		</ss:if>
    
    		<ss:if test="$emailMarketing.isFeatureEnabled('GiftReminder', $storeVersion)">
    			<p><ss:font source="$font.paragraph">
    				<ss:value source="$emailMarketing.getMarkup('GiftReminder')"/>
    			</ss:font></p>
    		</ss:if>
    	</td>
    
    	<ss:if test="$store.isFeatureEnabled('ShowLiveAuctions')">
    		<ss:if test="$store.products.liveAuctions">
    			<td><ss:image source="$storeVersion.images['pixel.gif']" border="0" width="10"/></td>
    			<td><ss:font source="$font.paragraph">
                		<p><ss:image source="$storeVersion.images['ebay_cert.gif']" border="0" alt="eBay"/></p>
    					Items selling at eBay<br><br>
    					<ss:foreach item="auctionItem" within="$store.products.liveAuctions">
    						<ss:if test="$auctionItem.isStoreInventoryFormat()">
    							<ss:link source="$auctionItem" target="_blank">
    								<ss:param name="refid" value="store"/>
    								<ss:value source="$auctionItem.title"/>
    							</ss:link>
    						<ss:else/>
    							<ss:link source="$auctionItem" target="_blank">
    								<ss:value source="$auctionItem.title"/>
    							</ss:link>
    						</ss:if>
    						<br><b>Listing Expires:</b><br> <ss:value source="$auctionItem.endTime" format="MM/dd/yy hh:mm a"/>
    						<ss:if test="$auctionItem.color != ''">
    							<br><b><ss:value source="$auctionItem.product.attribute1Label"/>:</b> <ss:value source="$auctionItem.color"/>
    						</ss:if>
    						<ss:if test="$auctionItem.size != ''">
    							<br><b><ss:value source="$auctionItem.product.attribute2Label"/>:</b> <ss:value source="$auctionItem.size"/>
    						</ss:if>
    						<br><br>
    			       	</ss:foreach>
    					<ss:image source="$storeVersion.images['pixel.gif']" border="0" width="130"/>
    				</ss:font>
    			</td>
    		</ss:if>
    	</ss:if>
    </tr>
    </table>
    
    <div align="center">Our prices won't be beat! <a href="http://www.shopperscircuit.com/servlet/the-template/policy/Page#lowest">Lowest Price Guarantee!<br>
      </a>Check out our Free Drop Ship Program!
      
    </div>
    <!-- end storefront horizontal featured products with welcome text. --><!-- InstanceEndEditable --><!-- footer begins -->
    		</td>
    	</tr>
    	<tr valign="top">
    		<td class="leftnav">&nbsp;</td>
    		<td class="footer" colspan="2">
    			<br><br>
    			<center>
    				<ss:link source="$storeVersion.catalog">Search</ss:link>&nbsp;:&nbsp;<ss:link source="$storeVersion.cart">Shopping Cart</ss:link>&nbsp;:&nbsp;<ss:link source="$storeVersion.checkout">Checkout</ss:link>
    				<ss:if test="$storeVersion.templateExists('Customer Service')">&nbsp;:&nbsp;<ss:link source="$storeVersion.customerService">Customer Service</ss:link></ss:if>
    				<ss:if test="$storeVersion.templateExists('Store Policy')">&nbsp;:&nbsp;<ss:link source="$storeVersion.storePolicies">Policies</ss:link></ss:if>
    				<ss:if test="$storeVersion.templateExists('About Us')">&nbsp;:&nbsp;<ss:link source="$storeVersion.aboutUs">About Us</ss:link></ss:if>
    				<ss:if test="$storeVersion.templateExists('Home Page')">&nbsp;:&nbsp;<ss:link source="$storeVersion.homePage">Home</ss:link></ss:if>
    				<br>
    			<!-- affiliate -->
    				<ss:if test="$store.isFeatureEnabled('ShowAffiliateLink')"><ss:link source="$storeVersion.affiliate">Become an Affiliate</ss:link></ss:if>
    			<!-- members only link -->
    				<ss:if test="$store.isFeatureEnabled('ShowMembersOnlyLink')">&nbsp;:&nbsp;<ss:link source="$storeVersion.searchMembersOnly">Members Only Catalog</ss:link></ss:if>
    			<!-- Become a member -->
    				<ss:if test="$store.isFeatureEnabled('ShowStoreSubscriptionLink')">&nbsp;:&nbsp;<ss:link source="$storeVersion.subscribe">Become a Member</ss:link></ss:if>
    			</center>
    			<center>
    			<p><i>Are You Ready? Just <b><ss:value source="$system.daysTill('Christmas')"/></b> days 'til Christmas!</i></p>
    
    			<p><font size="-2"><i>Copyright &copy; <ss:value source="$system.currentDate" format="yyyy"/> <ss:value source="$store.name"/>. All Rights Reserved.</i></font></p>
    
    			<p><ss:link shortcut="poweredBy"/></p>
    
    			<p><font color="red" size="-1"><b><ss:value source="$store.statusMessage()"/></b></font></p>
    			</center>
    		</td>
    	</tr>
    </table>
    </center>
    </body>
    <!-- InstanceEnd --></html>
     

Share This Page