Left nav bar pushed too far down - FP 2002 (Full Version)

All Forums >> [Web Development] >> Microsoft FrontPage Help



Message


quandary -> Left nav bar pushed too far down - FP 2002 (7/5/2004 3:32:55)

I'm working on my new site in FP 2002 and the left navigation bar keeps getting pushed further and further down as I add text to my page.

I don't want to upload my site until it looks normal, so the following test pages contain text but no images.

Please see where "Anklets" is on both of these pages.

The way I want all the pages to be:
http://www.adoredjewelry.com/testpages/contact.html

Problem page:
http://www.adoredjewelry.com/testpages/adored_jewelry_help.html

Thank you,
Stephanie




d a v e -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 3:43:22)

use
{vertical-align:top;}
for either all td's

e.g.
td {vertical-align:top;}

or for make a class/id and assign it to the cells you want

e.g. .textTop {vertical-align:top;}

or add
vertical-align:top;
to the style for the cell/div you have




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 3:46:24)

Thank you for the advice, Dave.

I will try these, to the best of my ability. If I can't get right, I'll ask for further details.

Sincerely,
Stephanie




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 3:59:02)

I had a feeling this was too advanced for me. I cannot figure out where in the html your suggested code goes. I put it in various, logical places but it didn't affect the change.

Should I post a section of my html in here or are the links to the referred pages enough information?

Also, why does the FrontPage "Normal" view look perfect and the "Preview" is incorrect?

Thank you,
Stephanie




d a v e -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 4:17:48)

try it in here
<HTML>
<HEAD>
<TITLE>Adored Jewelry</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">
<!--
td {
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
        vertical-align:top;
}


and see if that works.

fp preview is an approximation of how it will look in a browser (i.e. Internet Explorer) but you should never trust this preview for layout, always check in a browser.




d a v e -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 4:20:31)

hang on a minute or you'll end up with your main menu top aligned as well (Bracelets Necklaces Pendants , etc).....




d a v e -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 4:38:14)

well it's somewhere around here... you need to find the table cell that holds the cell/table that the left nav is in, but you have lots of nested table elements - tables within table cells within... i would be tempted to clean it all up and streamline the table structure

<TABLE WIDTH=727 BORDER=0 CELLPADDING=0 CELLSPACING=0>

          <TR>
            <TD height="100%" align="left" valign="top"> <TABLE WIDTH=180 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
              <TR>
                <TD align="left" valign="top"> 
                <IMG SRC="images/2.jpg" ALT="" width="180" height="29"></TD>
              </TR>
              <TR>
                <TD background="images/bak1.jpg" width=180 height=100% alt="">				<div style="padding-top:10px;padding-left:25px ">

                  <input type="text" style="width:110px; height:20px; font-family:Tahoma; font-size:11px " size="20"> 
                  <a href="#">
                  <img src="images/go.jpg" border="0" align="absmiddle" width="35" height="22"></a>
				 <strong> <div style="padding-top:10px ">
				   <a href="#" class="1">Anklets</a><p>
<a href="#" class="1">Bracelets</a><br>
    <br>
    <a href="#" class="1">Charm Bracelets</a></p>

<p>




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:05:41)

Hi, Dave,

My site is based on a template I bought on Outfront and I had template tuning do a few things to it.

It's beyond the scope of my ability to clean up the code.

I'm reading what you gave me, so far, right now!

Steph




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:10:17)

Steph

Replace the coding on your problem page with this:

<HTML>
<HEAD>
<TITLE>Adored Jewelry</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">
<!--
td {
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
a.m {
	text-decoration: none;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color:#645B30;
}
a.1 {
	text-decoration: underline;
	color:#885A00;
}
a.2 {
	text-decoration: none;
	font-weight:bold;
	color:#2B6761;
	
}
a.3 {
	text-decoration: none;
	color:#000000;
	
}

.t10 {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
}
a.m:visited {
	text-decoration: none;
	color: #645B30;
}
a.m:hover {
	text-decoration: none;
	color: #FF0000;
}
a.m:active {
	text-decoration: none;
	color: #645B30;
}
.style1 {color: #414955}

a {
	text-decoration: none;
}
-->
</style>

</HEAD>
<BODY BGCOLOR=#FFFFff LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 rightmargin="0" bottommargin="0">
<center>
<TABLE WIDTH=727 height="100%"  BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD  WIDTH=727 HEIGHT=186 ALT=""><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="728" height="186">
          <param name="movie" value="FLASH/flash.swf">
          <param name="quality" value="high">
          <embed src="FLASH/flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="186"></embed></object></TD>
	</TR>
	<TR>
      <TD align="left" valign="top"> <IMG SRC="images/1.jpg" WIDTH=727 HEIGHT=5 ALT=""></TD>
    </TR>
	<TR>
	  <TD background="images/s2.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center" valign="middle"><a href="#" class="m">Bracelets</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Necklaces</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Pendants</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Earrings</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Charms</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Rings</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Special Collections</a></td>
          </tr>
      </table></TD>
    </TR>
	<TR>
		<TD align="left" valign="top">
			<IMG SRC="images/1.jpg" WIDTH=727 HEIGHT=5 ALT=""></TD>
	</TR>
	<TR>
		<TD align="left" valign="top">			<TABLE WIDTH=727 BORDER=0 CELLPADDING=0 CELLSPACING=0>
          <TR>
            <TD height="100%" align="left" valign="top"> <TABLE WIDTH=180 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
              <TR>
                <TD align="left" valign="top"> 
                <IMG SRC="images/2.jpg" ALT="" width="180" height="29"></TD>
              </TR>
              <TR>
                <TD background="images/bak1.jpg" width=180 height=100% alt="" valign="top">				<div style="padding-top:10px;padding-left:25px ">
                  <input type="text" style="width:110px; height:20px; font-family:Tahoma; font-size:11px " size="20"> 
                  <a href="#">
                  <img src="images/go.jpg" border="0" align="absmiddle" width="35" height="22"></a>
				 <strong> <div style="padding-top:10px ">
				   <a href="#" class="1">Anklets</a><p>
<a href="#" class="1">Bracelets</a><br>
    <br>
    <a href="#" class="1">Charm Bracelets</a></p>
<p>
    <a href="#" class="1">Charms and Holders</a><br>
<br>
    <a href="#" class="1">Earrings</a><br>
<br>
    <a href="#" class="1">Necklaces</a><br>
    <br>
      <a href="#" class="1">Pendants</a><br>
    <br>
      <a href="#" class="1">Pins and Brooches</a></p>
<p>
      <a href="#" class="1">Rings</a><br>
      <br>
      <a href="#" class="1">Toe Rings</a><br>
      <br>
      <a href="#" class="1">Gift Suggestions</a><br>
   <br>
      <font size="2">Special Collections</font></p>
<p>
      <a href="#" class="1">African American</a><br>
        
      <br>
      <a href="#" class="1">Celtic Treasures</a><br>
      <br>
      <a href="#" class="1">Rainforest Wood</a></p>
				  </div>
				  </strong>
				  </div>
				
				
				</TD>
              </TR>
              <TR>
                <TD align="left" valign="top"> 
                <IMG SRC="images/3.jpg" ALT="" width="180" height="5"></TD>
              </TR>
            </TABLE></TD>
            <TD bgcolor="#FFFFFF" WIDTH=13 HEIGHT=372 ALT=""><img src="images/spacer.gif"  height="372" WIDTH=13></TD>
            <TD height="100%" valign="top"> <TABLE WIDTH=534 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%"> 
	<tr>
		<TD align="left" valign="top" height="29">
			<img border="0" src="images/1t1.jpg" width="534" height="29"></TD>
	</tr>
	<TR>
		<TD background="images/bak2.jpg" WIDTH=534 HEIGHT=75 ALT="">
		<div style="padding-top:px;padding-left:15px ">
<p align="left"><b><font size="2">A diverse range of jewelry 
types, styles, materials and prices for everyone.</font></b></p>
<div style="padding-top:5px "><a href="#">
  <img src="images/pic1.jpg" border="0" width="90" height="57"></a><span style="padding-left:14px "><a href="#"><img src="images/pic2.jpg" border="0" width="98" height="57"></a></span><span style="padding-left:18px "><a href="#"><img src="images/pic3.jpg" border="0" width="63" height="57"></a></span><span style="padding-left:32px "><a href="#"><img src="images/pic4.jpg" border="0" width="63" height="52"></a></span><span style="padding-left:30px "><a href="#"><img src="images/pic5.jpg" border="0" width="83" height="57"></a></span></div>
		</div>
		</TD>
	</TR>
	<TR>
		<TD align="left" valign="top">
			<IMG SRC="images/5.jpg" ALT="" width="534" height="4"></TD>
	</TR>
	<TR>
		<TD  bgcolor="#FFFFFF" WIDTH=534 HEIGHT=13 ALT=""></TD>
	</TR>
	<TR>
		<TD height="100%">			<TABLE WIDTH=534 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
          <TR>
            <TD bgcolor="#FFFFFF" WIDTH=14 HEIGHT=100% ALT=""></TD>
            <TD height="100%"> 
    <ul>

    <li><font size="2">1.
    <a style="text-decoration: underline" href="#payment">
    <font color="#000000">Why we use Paypal Secure Online 
    Payments</font></a></font></li>

    <li><font size="2">2.
    <a style="text-decoration: underline" href="#Order">
    <font color="#000000">How To Place An Order</font></a></font></li>

    <li><font size="2">3.
    <a style="text-decoration: underline" href="#1st Paypal">
    <font color="#000000">First time using PayPal</font></a></font></li>

    <li><font size="2">4.
    <a style="text-decoration: underline" href="#Paypal Error">
    <font color="#000000">PayPal Error Resolution</font></a></font></li>

    <li><font size="2">5.
    <a style="text-decoration: underline" href="#how to order">
    <font color="#000000">How and when orders are shipped</font></a></font></li>
 
    <li><font size="2">6.
    <a style="text-decoration: underline" href="#Shipping Locations">
    <font color="#000000">Shipping Locations</font></a></font></li>

    <li><font size="2">7.
    <a style="text-decoration: underline; " href="#Shipping Charges">
    <font color="#000000">Shipping Charges</font></a></font></li>
 
    <li><font size="2">8.
    <a style="text-decoration: underline" href="#APO/FPO">
    <font color="#000000">APO/FPO Addresses</font></a></font></li>

    <li>
    <p align="left"><font size="2">9.
    <a style="text-decoration: underline" href="#Return Policies">
    <font color="#000000">Return Policies</font></a></font><br>
    <br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
                          <font face="Verdana" size="2"><b>
    1. Why we use Paypal Secure Online Payments<br>
    </b><br>
                          With PayPal payments no one sees your financial 
                          information. You can use any bank account or credit 
                          card to set up your PayPal account. You can <b>complete your payment first and then decide whether to save your information</b> for future PayPal transactions.</b>  Once your PayPal          account is set up, you only enter your email address 
                          and password after clicking on the checkout button and 
                          being brought to the PayPal Secure Payments website. 
                          We value your security and privacy and never share any 
                          information with anyone.<br>
    <br>
                          If you prefer not to use Paypal, we will accept Mail 
                          Orders with payment by a Money Order or bank Certified 
                          Check. Please, no personal checks. Please refer to our 
                          Contact page for specific mail order instructions.<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">2</font></b><font size="2" face="Verdana"><b>. How To Place An 
                          Order</b><a name="Order"></a><br>
                          <br>
                          Please click on the “Add to Cart” button located near 
                          the product image that you want to purchase. A new 
                          page will open that lists and automatically updates 
                          your selections as you shop. If an incorrect button is 
                          pressed, it is easy to correct our order because our 
                          order form is user friendly and easy to update. When 
                          you click on the “Continue Shopping” button in PayPal, 
                          you will return to the last page you viewed on our 
                          website. <br>
                          <br>
                          When you're ready to complete your order, please click 
                          on the “Checkout” button on your order form. The order 
                          form page opens as a second window (page) in your 
                          browser (Netscape, Internet Explorer and more). <br>
                          <br>
                          If you happen to close the order form page, just click 
                          on the “VIEW CART” link.<br>
    <br>
                          We accept all major credit cards and electronic checks 
                          via PayPal. It’s easy to set up an account. Detailed 
                          instructions are located on the PayPal Sign-up and 
                          Log-in page. <br>
                          <br>
                          Please note: When ordering by Credit Card, your 
                          receipt will show our charge as being from "GIFTS 
                          PLUS".<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">3</font></b><font size="2" face="Verdana"><b>. First time using 
                          PayPal</b><a name="1st Paypal"></a><br>
                          <br>
                          When ordering, you MUST be able to accept "cookies" 
                          and you must have JavaScript enabled on your 
                          Browser. If you are signing up a credit card and the 
                          Credit Card Verification Code window does not appear 
                          where you insert your "credit card verification 
                          number", JavaScript has been disabled or is not 
                          working on your computer. <br>
                          <br>
                          In this case you must click the "refresh" or "reload" 
                          button to make the entry box appear. If this doesn't 
                          work and you still have problems, please let us know, 
                          and we'll do our best to help you correct the problem.<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">4</font></b><font size="2" face="Verdana"><b>. 
          PayPal Error Resolution</b><a name="Paypal Error"></a><br>
          <br>
          Occasionally, if the browser loads too slowly due to heavy internet 
          traffic, you may get an error with PayPal when clicking on an Add to 
          Cart button. Try again in a few minutes or bookmark the page and try again.<br>
          <br>
          When ordering, you MUST be able to accept the PayPal cookie, and you 
          must have JavaScript enabled on your Browser.<br>
          <br>
          If you receive a message to enable cookies and you use Internet 
          Explorer 6.0, ensure that your Security level is set to Medium. Please 
          follow these directions:<br>
          <br>
          1. Open your Internet Explorer browser <br>
          2. Click 'Tools' located at the top of the browser and select 
          'Internet Options' <br>
          3. Click 'Security' at the top <br>
          4. Click 'Default Level' at the bottom <br>
          5. Click 'OK' to exit all screens and log in to your PayPal Account
          <br>
          <br>
          If you continue to receive the message that your browser is unable to 
          accept cookies, please include the PayPal cookie in your Privacy 
          settings to allow access to the PayPal website, as follows:<br>
    <br>
          1. Open your Internet Explorer browser <br>
          2. Click 'Tools' located at the top of the browser and select 
          'Internet Options' <br>
          3. Click 'Privacy' located at the top of the window <br>
          4. Click 'Edit' located near the bottom of the window <br>
          5. In the 'Address of Web site' box, type www.paypal.com and click 
          'Allow' <br>
          6. Click 'OK' to exit all screens and log in to your PayPal Account
          <br>
          <br>
          Please note: If your 'Edit' button is grayed out, move the slider bar 
          down until the edit button appears. <br>
          <br>
          If problems persist after you have tried the above error resolutions, 
          please contact us and let us know specifically what is happening and 
          we will do our best to correct the problem.<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">5</font></b><font size="2" face="Verdana"><b>. 
    How and when orders are shipped</b><a name="how to order"></a><br>
      <br>
      Most orders are shipped within two to three (2 – 3) business days, 
      dependent upon order size and product quantities in stock. Infrequently, 
      an order may take up to two weeks if an item is placed on back order. We 
      will notify you of any items placed on back order.</font><br>
    <br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">6</font></b><font size="2" face="Verdana"><b>. Shipping 
      Locations</b><a name="Shipping Locations"></a><br>
      <br>
      We ship to the 48 contiguous United States. We usually do not ship to Alaska, 
      Hawaii or Internationally. Please email us, <b>before 
    placing an order</b>, with your shipping address and we 
    will check the postage rates for you to see if it is 
    feasible to ship to your location. Extra postage may 
    apply.</font><br>
    <br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">7</font></b><font size="2" face="Verdana"><b>. Shipping 
      Charges</b><a name="Shipping Charges"></a><br>
      <br>
      $0.01 - 13.99 = 5.95<br>
      $14.00 - 29.99 = 6.95<br>
      $30.00 - 49.99 = 8.95<br>
      $50.00 - 99.99 = 11.95 <br>
      $100.00 and over = 13.95<br>
      <br>
      <b>ORDERS OVER $150.00:</b><br>
      <b>Please contact us </b>with your order and shipping address before completing 
      the checkout process, so that we may give you the CORRECT shipping total.<br>
    </font><br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">8</font></b><font size="2" face="Verdana"><b>. APO/FPO 
      Addresses</b><a name="APO/FPO"></a><br>
      <br>
      We ship to APO and FPO addresses via Air Parcel Service using Global Air 
      Parcel, which may take up to about 10-15 business days. At this point in 
      time we cannot track Air Parcel shipments. The delivery time to APO/FPO 
      addresses vary and it is out of our control. Sometimes it takes a very 
      long time depending on where the service member is.<br>
    </font><br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">9</font></b><font size="2" face="Verdana"><b>. Return 
      Policies</b><a name="Return Policies"></a><br>
      <br>
      We are confident that you will be satisfied with our products. If there is 
      an error on our part, we will exchange the product or give a credit toward your next purchase, as soon as we receive the return. This is provided that the product is 
      returned the same way it was shipped, including packing materials and that 
      the item is not damaged in any way. In addition, please follow the below instructions:<br>
      <br>
      Send e-mail with your order reference number which is your PayPal 
      Transaction number, found in the email you received confirming your order. 
      If you no longer have that email, please log into your PayPal account and 
      copy and paste the number from our transaction. No returns without prior 
      authorization. Return instructions must be followed as directed. 
      Unauthorized returns are subject to a 15% processing fee and a $10.00 
      administrative charge. No exceptions. <br>
      <br>
      <b>For Post Office Returns:</b><br>
      Should a package sent via the Post Office arrive damaged, please show it 
      to the driver, letter carrier or your local post office 
      immediately and fill out a claim form. You must bring the package in its 
      entirety to the post office. That includes the product, the box and the 
      packing materials. The post office requires that the recipient initiate 
      the claim. As soon as we receive the Filled Out Claim Form, we will 
      complete our section of the Claim Form and send you a replacement. No 
      additional shipping and handling charges will be assessed for damaged 
      exchanges. No replacements without proof of damage via a Postal Claim 
      Form. <br>
      <br>
      <b>For UPS and FEDEX Returns:</b><br>
      When a delivery attempt is being made, if your package is in any way 
      visibly damaged (bent, torn, crushed), please refuse the 
      package immediately and note the type of damage on the delivery bill. Have 
      the UPS or FEDEX driver sign it, acknowledging the damage and keep your receipt. Email us immediately to let us know your package was damaged in transit. A claim will be filed on your behalf and your merchandise will be replaced. Damaged shipments should be reported within 5 days of receipt. No replacements without proof of damage.
    <br>
    </font><br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font size="3"><a href="adored_jewelry_help.html">
    <font color="#2B6761">Back to the top</font></a></font></b></li>





                          </ul>
    <p align="left"> <p align="left"> <p align="left"> <p align="left"> <TABLE WIDTH=521 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
              <TR>
                <TD>
				<div style="padding-top:10px;padding-left:20px;padding-right:30px ; width:538; height:67">
				 </div>
				
				</TD>
              </TR>
              <TR>
                <TD align="left" valign="top" width="521">  </TD>
              </TR>
              </BODY>
</HTML>


Should work

Dan




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:10:45)

How would I clean up the code? I have two other pages that I will be using as templates for my products and product details.

I'd like to get the code streamlined before I go through this every time I add a new product.

Should I post the URL's for the other two pages?




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:15:54)

Hi, Dan,

I'll try this right now.

Thanks!
Steph




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:23:07)

You are a lifesaver! This worked!

Here it is:

http://www.adoredjewelry.com/testpages/adored_jewelry_help2.html

Thank you so much!
Steph




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:28:10)

No problems Steph, it's what we are here for[;)]

Any more problems, don't be afraid to ask[;)]

Dan




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:33:42)

It's such a relief to know that you people are here to help. I've been struggling with this over and over again.

I'm going to see if I can copy and paste your code into my product pages and see if the menu will stay where it belongs. I hope those two pages are very similar, structurally, to my help page.

Thanks again! [:)]
Steph




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:35:12)

You will have to alter the content section, but that's a small details[8|][;)]




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:37:19)

This, I'm pretty sure, I can handle! [&:]

Otherwise, I'll be right back here.

Steph




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:38:52)

It can be done through FrontPage so don't worry[:D][;)]

Edit: Typos - I can't even spell though lol




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:43:28)

I'm using FrontPage for everything.

As long as you can do html, I'm happy. I'm a world-champeen speller! [:D]

Steph




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:46:05)

If you have problems, you know what to do, or you can contact me directly[:D][;)]

Dan




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 8:48:22)

Thank you! [;)] [:D] [:)]

Steph




d a v e -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 10:07:57)

I see that cheeky little northener Dan nipped in there while i was busy at work and helped you out! well glad it's ok now :)




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 10:40:48)

[:D] yep, he solved it so we don't have to!

Don't worry, I have other questions, or I will have, so I'll be back!

Steph




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 16:19:09)

Dan,

in a word ... help! or More help!

I've been trying to get my copyright notice and bottom nav bar to be at the bottom of the page, but I just can't get it there.

Obviously, there's a lot more to FrontPage than just copying and pasting something from one page to a similar page in the same spot. [:@]

This is the page we fixed and is one of many that I need to get the bottom boxes on:

http://www.adoredjewelry.com/testpages/adored_jewelry_help2.html

Here are the boxes I'm talking about, on the bottom of this page:

http://www.adoredjewelry.com/testpages/contact.html

Please note that the copyright notice and nav links on the bottom are surrounded by a graphic box that isn't going to show up until I upload everything to my site.

I created a barebones template from the code you gave me earlier and will add the rest of the code to it, when you give it to me, which you will, right? [&:]

Thank you!
Steph




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 17:13:24)

Steph

It's Dan to the Rescue lol Do you want the whole page again, or just the bit to add?

Dan




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 17:27:40)

What the heck lol, here's the whole hog:

<HTML>
<HEAD>
<TITLE>Adored Jewelry</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<style type="text/css">
<!--
td {
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
a.m {
	text-decoration: none;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color:#645B30;
}
a.1 {
	text-decoration: underline;
	color:#885A00;
}
a.2 {
	text-decoration: none;
	font-weight:bold;
	color:#2B6761;
	
}
a.3 {
	text-decoration: none;
	color:#000000;
	
}

.t10 {
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
}
a.m:visited {
	text-decoration: none;
	color: #645B30;
}
a.m:hover {
	text-decoration: none;
	color: #FF0000;
}
a.m:active {
	text-decoration: none;
	color: #645B30;
}
.style1 {color: #414955}

a {
	text-decoration: none;
}
-->
</style>

</HEAD>
<BODY BGCOLOR=#FFFFff LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 rightmargin="0" bottommargin="0">
<center>
<TABLE WIDTH=727 height="100%"  BORDER=0 CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD  WIDTH=727 HEIGHT=186 ALT=""><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="728" height="186">
          <param name="movie" value="FLASH/flash.swf">
          <param name="quality" value="high">
          <embed src="FLASH/flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="728" height="186"></embed></object></TD>
	</TR>
	<TR>
      <TD align="left" valign="top"> <IMG SRC="images/1.jpg" WIDTH=727 HEIGHT=5 ALT=""></TD>
    </TR>
	<TR>
	  <TD background="images/s2.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center" valign="middle"><a href="#" class="m">Bracelets</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Necklaces</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Pendants</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Earrings</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Charms</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Rings</a></td>
          <td width="1"><img src="images/s1.jpg" width="3" height="24"></td>
          <td align="center" valign="middle"><a href="#" class="m">Special Collections</a></td>
          </tr>
      </table></TD>
    </TR>
	<TR>
		<TD align="left" valign="top">
			<IMG SRC="images/1.jpg" WIDTH=727 HEIGHT=5 ALT=""></TD>
	</TR>
	<TR>
		<TD align="left" valign="top">			<TABLE WIDTH=727 BORDER=0 CELLPADDING=0 CELLSPACING=0>
          <TR>
            <TD height="100%" align="left" valign="top"> <TABLE WIDTH=180 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
              <TR>
                <TD align="left" valign="top"> 
                <IMG SRC="images/2.jpg" ALT="" width="180" height="29"></TD>
              </TR>
              <TR>
                <TD background="images/bak1.jpg" width=180 height=100% alt="" valign="top">				<div style="padding-top:10px;padding-left:25px ">
                  <input type="text" style="width:110px; height:20px; font-family:Tahoma; font-size:11px " size="20"> 
                  <a href="#">
                  <img src="images/go.jpg" border="0" align="absmiddle" width="35" height="22"></a>
				 <strong> <div style="padding-top:10px ">
				   <a href="#" class="1">Anklets</a><p>
<a href="#" class="1">Bracelets</a><br>
     <br>
    <a href="#" class="1">Charm Bracelets</a></p>
<p>
    <a href="#" class="1">Charms and Holders</a><br>
<br>
    <a href="#" class="1">Earrings</a><br>
<br>
    <a href="#" class="1">Necklaces</a><br>
    <br>
      <a href="#" class="1">Pendants</a><br>
     <br>
      <a href="#" class="1">Pins and Brooches</a></p>
<p>
      <a href="#" class="1">Rings</a><br>
      <br>
      <a href="#" class="1">Toe Rings</a><br>
      <br>
      <a href="#" class="1">Gift Suggestions</a><br>
    <br>
      <font size="2">Special Collections</font></p>
<p>
      <a href="#" class="1">African American</a><br>
         
      <br>
      <a href="#" class="1">Celtic Treasures</a><br>
      <br>
      <a href="#" class="1">Rainforest Wood</a></p>
				  </div>
				  </strong>
				  </div>
				
				
				</TD>
              </TR>
              <TR>
                <TD align="left" valign="top"> 
                <IMG SRC="images/3.jpg" ALT="" width="180" height="5"></TD>
              </TR>
            </TABLE></TD>
            <TD bgcolor="#FFFFFF" WIDTH=13 HEIGHT=372 ALT=""><img src="images/spacer.gif"  height="372" WIDTH=13></TD>
            <TD height="100%" valign="top"> <TABLE WIDTH=534 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%"> 
	<tr>
		<TD align="left" valign="top" height="29">
			<img border="0" src="images/1t1.jpg" width="534" height="29"></TD>
	</tr>
	<TR>
		<TD background="images/bak2.jpg" WIDTH=534 HEIGHT=75 ALT="">
		<div style="padding-top:px;padding-left:15px ">
<p align="left"><b><font size="2">A diverse range of jewelry 
types, styles, materials and prices for everyone.</font></b></p>
<div style="padding-top:5px "><a href="#">
  <img src="images/pic1.jpg" border="0" width="90" height="57"></a><span style="padding-left:14px "><a href="#"><img src="images/pic2.jpg" border="0" width="98" height="57"></a></span><span style="padding-left:18px "><a href="#"><img src="images/pic3.jpg" border="0" width="63" height="57"></a></span><span style="padding-left:32px "><a href="#"><img src="images/pic4.jpg" border="0" width="63" height="52"></a></span><span style="padding-left:30px "><a href="#"><img src="images/pic5.jpg" border="0" width="83" height="57"></a></span></div>
		</div>
		</TD>
	</TR>
	<TR>
		<TD align="left" valign="top">
			<IMG SRC="images/5.jpg" ALT="" width="534" height="4"></TD>
	</TR>
	<TR>
		<TD  bgcolor="#FFFFFF" WIDTH=534 HEIGHT=13 ALT=""></TD>
	</TR>
	<TR>
		<TD height="100%">			<TABLE WIDTH=534 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
          <TR>
            <TD bgcolor="#FFFFFF" WIDTH=14 HEIGHT=100% ALT=""></TD>
            <TD height="100%"> 
    <ul>

    <li><font size="2">1.
    <a style="text-decoration: underline" href="#payment">
    <font color="#000000">Why we use Paypal Secure Online 
    Payments</font></a></font></li>

    <li><font size="2">2.
    <a style="text-decoration: underline" href="#Order">
    <font color="#000000">How To Place An Order</font></a></font></li>

    <li><font size="2">3.
    <a style="text-decoration: underline" href="#1st Paypal">
    <font color="#000000">First time using PayPal</font></a></font></li>

    <li><font size="2">4.
    <a style="text-decoration: underline" href="#Paypal Error">
    <font color="#000000">PayPal Error Resolution</font></a></font></li>

    <li><font size="2">5.
    <a style="text-decoration: underline" href="#how to order">
    <font color="#000000">How and when orders are shipped</font></a></font></li>
 
    <li><font size="2">6.
    <a style="text-decoration: underline" href="#Shipping Locations">
    <font color="#000000">Shipping Locations</font></a></font></li>

    <li><font size="2">7.
    <a style="text-decoration: underline; " href="#Shipping Charges">
    <font color="#000000">Shipping Charges</font></a></font></li>
 
    <li><font size="2">8.
    <a style="text-decoration: underline" href="#APO/FPO">
    <font color="#000000">APO/FPO Addresses</font></a></font></li>

    <li>
    <p align="left"><font size="2">9.
    <a style="text-decoration: underline" href="#Return Policies">
    <font color="#000000">Return Policies</font></a></font><br>
    <br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
                          <font face="Verdana" size="2"><b>
    1. Why we use Paypal Secure Online Payments<br>
    </b><br>
                          With PayPal payments no one sees your financial 
                          information. You can use any bank account or credit 
                          card to set up your PayPal account. You can <b>complete your payment first and then decide whether to save your information</b> for future PayPal transactions.</b>  Once your PayPal          account is set up, you only enter your email address 
                          and password after clicking on the checkout button and 
                          being brought to the PayPal Secure Payments website. 
                          We value your security and privacy and never share any 
                          information with anyone.<br>
    <br>
                          If you prefer not to use Paypal, we will accept Mail 
                          Orders with payment by a Money Order or bank Certified 
                          Check. Please, no personal checks. Please refer to our 
                          Contact page for specific mail order instructions.<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">2</font></b><font size="2" face="Verdana"><b>. How To Place An 
                          Order</b><a name="Order"></a><br>
                          <br>
                          Please click on the “Add to Cart” button located near 
                          the product image that you want to purchase. A new 
                          page will open that lists and automatically updates 
                          your selections as you shop. If an incorrect button is 
                          pressed, it is easy to correct our order because our 
                          order form is user friendly and easy to update. When 
                          you click on the “Continue Shopping” button in PayPal, 
                          you will return to the last page you viewed on our 
                          website. <br>
                          <br>
                          When you're ready to complete your order, please click 
                          on the “Checkout” button on your order form. The order 
                          form page opens as a second window (page) in your 
                          browser (Netscape, Internet Explorer and more). <br>
                          <br>
                          If you happen to close the order form page, just click 
                          on the “VIEW CART” link.<br>
    <br>
                          We accept all major credit cards and electronic checks 
                          via PayPal. It’s easy to set up an account. Detailed 
                          instructions are located on the PayPal Sign-up and 
                          Log-in page. <br>
                          <br>
                          Please note: When ordering by Credit Card, your 
                          receipt will show our charge as being from "GIFTS 
                          PLUS".<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">3</font></b><font size="2" face="Verdana"><b>. First time using 
                          PayPal</b><a name="1st Paypal"></a><br>
                          <br>
                          When ordering, you MUST be able to accept "cookies" 
                          and you must have JavaScript enabled on your 
                          Browser. If you are signing up a credit card and the 
                          Credit Card Verification Code window does not appear 
                          where you insert your "credit card verification 
                          number", JavaScript has been disabled or is not 
                          working on your computer. <br>
                          <br>
                          In this case you must click the "refresh" or "reload" 
                          button to make the entry box appear. If this doesn't 
                          work and you still have problems, please let us know, 
                          and we'll do our best to help you correct the problem.<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">4</font></b><font size="2" face="Verdana"><b>. 
          PayPal Error Resolution</b><a name="Paypal Error"></a><br>
          <br>
          Occasionally, if the browser loads too slowly due to heavy internet 
          traffic, you may get an error with PayPal when clicking on an Add to 
          Cart button. Try again in a few minutes or bookmark the page and try again.<br>
          <br>
          When ordering, you MUST be able to accept the PayPal cookie, and you 
          must have JavaScript enabled on your Browser.<br>
          <br>
          If you receive a message to enable cookies and you use Internet 
          Explorer 6.0, ensure that your Security level is set to Medium. Please 
          follow these directions:<br>
          <br>
          1. Open your Internet Explorer browser <br>
          2. Click 'Tools' located at the top of the browser and select 
          'Internet Options' <br>
          3. Click 'Security' at the top <br>
          4. Click 'Default Level' at the bottom <br>
          5. Click 'OK' to exit all screens and log in to your PayPal Account
          <br>
          <br>
          If you continue to receive the message that your browser is unable to 
          accept cookies, please include the PayPal cookie in your Privacy 
          settings to allow access to the PayPal website, as follows:<br>
    <br>
          1. Open your Internet Explorer browser <br>
          2. Click 'Tools' located at the top of the browser and select 
          'Internet Options' <br>
          3. Click 'Privacy' located at the top of the window <br>
          4. Click 'Edit' located near the bottom of the window <br>
          5. In the 'Address of Web site' box, type www.paypal.com and click 
          'Allow' <br>
          6. Click 'OK' to exit all screens and log in to your PayPal Account
          <br>
          <br>
          Please note: If your 'Edit' button is grayed out, move the slider bar 
          down until the edit button appears. <br>
          <br>
          If problems persist after you have tried the above error resolutions, 
          please contact us and let us know specifically what is happening and 
          we will do our best to correct the problem.<br>
    <br>
    </font>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">5</font></b><font size="2" face="Verdana"><b>. 
    How and when orders are shipped</b><a name="how to order"></a><br>
      <br>
      Most orders are shipped within two to three (2 – 3) business days, 
      dependent upon order size and product quantities in stock. Infrequently, 
      an order may take up to two weeks if an item is placed on back order. We 
      will notify you of any items placed on back order.</font><br>
    <br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">6</font></b><font size="2" face="Verdana"><b>. Shipping 
      Locations</b><a name="Shipping Locations"></a><br>
      <br>
      We ship to the 48 contiguous United States. We usually do not ship to Alaska, 
      Hawaii or Internationally. Please email us, <b>before 
    placing an order</b>, with your shipping address and we 
    will check the postage rates for you to see if it is 
    feasible to ship to your location. Extra postage may 
    apply.</font><br>
    <br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">7</font></b><font size="2" face="Verdana"><b>. Shipping 
      Charges</b><a name="Shipping Charges"></a><br>
      <br>
      $0.01 - 13.99 = 5.95<br>
      $14.00 - 29.99 = 6.95<br>
      $30.00 - 49.99 = 8.95<br>
      $50.00 - 99.99 = 11.95 <br>
      $100.00 and over = 13.95<br>
      <br>
      <b>ORDERS OVER $150.00:</b><br>
      <b>Please contact us </b>with your order and shipping address before completing 
      the checkout process, so that we may give you the CORRECT shipping total.<br>
    </font><br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">8</font></b><font size="2" face="Verdana"><b>. APO/FPO 
      Addresses</b><a name="APO/FPO"></a><br>
      <br>
      We ship to APO and FPO addresses via Air Parcel Service using Global Air 
      Parcel, which may take up to about 10-15 business days. At this point in 
      time we cannot track Air Parcel shipments. The delivery time to APO/FPO 
      addresses vary and it is out of our control. Sometimes it takes a very 
      long time depending on where the service member is.<br>
    </font><br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font face="Verdana" size="2">9</font></b><font size="2" face="Verdana"><b>. Return 
      Policies</b><a name="Return Policies"></a><br>
      <br>
      We are confident that you will be satisfied with our products. If there is 
      an error on our part, we will exchange the product or give a credit toward your next purchase, as soon as we receive the return. This is provided that the product is 
      returned the same way it was shipped, including packing materials and that 
      the item is not damaged in any way. In addition, please follow the below instructions:<br>
      <br>
      Send e-mail with your order reference number which is your PayPal 
      Transaction number, found in the email you received confirming your order. 
      If you no longer have that email, please log into your PayPal account and 
      copy and paste the number from our transaction. No returns without prior 
      authorization. Return instructions must be followed as directed. 
      Unauthorized returns are subject to a 15% processing fee and a $10.00 
      administrative charge. No exceptions. <br>
      <br>
      <b>For Post Office Returns:</b><br>
      Should a package sent via the Post Office arrive damaged, please show it 
      to the driver, letter carrier or your local post office 
      immediately and fill out a claim form. You must bring the package in its 
      entirety to the post office. That includes the product, the box and the 
      packing materials. The post office requires that the recipient initiate 
      the claim. As soon as we receive the Filled Out Claim Form, we will 
      complete our section of the Claim Form and send you a replacement. No 
      additional shipping and handling charges will be assessed for damaged 
      exchanges. No replacements without proof of damage via a Postal Claim 
      Form. <br>
      <br>
      <b>For UPS and FEDEX Returns:</b><br>
      When a delivery attempt is being made, if your package is in any way 
      visibly damaged (bent, torn, crushed), please refuse the 
      package immediately and note the type of damage on the delivery bill. Have 
      the UPS or FEDEX driver sign it, acknowledging the damage and keep your receipt. Email us immediately to let us know your package was damaged in transit. A claim will be filed on your behalf and your merchandise will be replaced. Damaged shipments should be reported within 5 days of receipt. No replacements without proof of damage.
    <br>
    </font><br>
    <img border="0" src="images/longline.jpg" width="500" height="3"><br>
    <br>
    <b><font size="3"><a href="adored_jewelry_help.html">
    <font color="#2B6761">Back to the top</font></a></font></b></li>





                          </ul>
    <p align="left"> <p align="left"> <p align="left"> <p align="left"> <TABLE WIDTH=521 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
              <TR>
                <TD>
				<div style="padding-top:10px;padding-left:20px;padding-right:30px ; width:538; height:67">
				 </div>
				
				</TD>
              </TR>
              <TR>
                <TD align="left" valign="top" width="521">  </TD>
              </TR>
<TR>
            <TD background="images/9.jpg" WIDTH=180 HEIGHT=46 ALT="">			<div align="center" class="t10" style="padding-top:10px ">
			Copyright © 2004 AdoredJewelry.com</div>

			</TD>
            <TD bgcolor="#FFFFFF" WIDTH=13 HEIGHT=46 ALT=""></TD>
            <TD background="images/10.jpg" WIDTH=534 HEIGHT=46 ALT="">
			<div style="padding-top:15px;padding-left:40px ">
			<a href="index_orig.html" class="2">Home</a>
			      <img src="images/img.jpg" width="10" height="7">       <a href="index-1.html" class="2">
            Help</a>  
			        <img src="images/img.jpg" width="10" height="7">       <a href="index-2.html" class="2">

            Your Cart</a>   <img src="images/img.jpg" width="10" height="7">        <a href="index-3.html" class="2">
            Jewelry</a> 
				        <img src="images/img.jpg" width="10" height="7">      <a href="index-4.html" class="2">
            Links</a> 
		         <img src="images/img.jpg" width="10" height="7">      <a href="index-7.html" class="2">

            Contact</a>			</div>
			</TD>
          </TR>
        </TABLE></TD>
	</TR>
	<TR>
		<TD background="images/bot.jpg" WIDTH=727 HEIGHT=100% ALT=""></TD>
	</TR>

</TABLE>
</center>
              </BODY>
</HTML>


[:D]

Dan




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 17:56:53)

Exactly what I need! Rescuing! LOL!

Well, for both our sakes, it's best to have the whole page again or else I'll have to bother you as to where to put the additional code.

Ok? OK! [:D]

Steph




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 18:16:39)

Thank you!

I'm sorry I couldn't reply sooner but I'm also taking photos of my products. Phew! The whole shebang is making me want to just go and open a retail store! LOL!

Steph




quandary -> RE: Left nav bar pushed too far down - FP 2002 (7/5/2004 18:26:53)

resolved




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/6/2004 0:11:08)

This is driving me nuts lol, I'll look again later, with a fresher head

Dan




Giomanach -> RE: Left nav bar pushed too far down - FP 2002 (7/6/2004 7:16:17)

Steph

The HTML isn't playing nicely. What I recommend you do is:

1. Open a page where everything is as it should be
2. Save it as a different file
3. Copy over the content of the file to replace
4. Delete the Original
5. Rename file to suit

Dan




Page: [1] 2 3 4   next >   >>

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.171875