[thelist] Anchor tags in FF not working

ben morrison morrison.ben at gmail.com
Wed Oct 25 10:52:40 CDT 2006


On 25/10/06, Peter Wakeford <pwakeford at gmail.com> wrote:
> Hi Ben,
>
> Yes the problem is with the location anchors under the map.  When you click
> on say "Michigan" the browser scrolls to Alabama instead of Michigan in the
> contact information below the state lists.  This is happening for all the
> links I click on. Strange thing is I'm also using FF 1.5.0.7 XP.
>

Me BAD, sorry, yes they only goto Alabama. OK As others have mentioned
the code could do with some tidying, 'classItus' springs to mind:

<a name="1">
						<p class="locationHeader">Alabama</p></a>

						<p class="locationText">
						<b>QUIKRETE(r) - Birmingham</b><br>301 Citation Court West ::
Birmingham, AL 35211<br>
						(205) 945-8404
						</p>

Could be a neat ordered list (the top section should be as well really)

<p><a href="#loc1">Arkansas</a></p>
<p><a href="#loc2">Another</a></p>
<ol class="locations">
	<li id="loc1">Arkansas<ol>
		<li><Strong>Precision Packaging, Inc.</Strong> <em>(Licensed
Manufacturers)</em><br>
		P.O. Box 17209 :: N. Little Rock, AR 72117 :: (Ship: 315 Phillips Road)<br>
		(501) 945-2336</li>
		<li><Strong>Precision Packaging, Inc.</Strong> <em>(Licensed
Manufacturers)</em><br>P.O. Box 4167 :: Fort Smith, AR 72914 :: (Ship:
4907 Clayton Expressway)<br>
						 (501) 783-5739
			</li>
	</ol></li>
		<li id="loc2">Another<ol>
		<li><Strong>Precision Packaging, Inc.</Strong> <em>(Licensed
Manufacturers)</em><br>
		P.O. Box 17209 :: N. Little Rock, AR 72117 :: (Ship: 315 Phillips Road)<br>
		(501) 945-2336</li>
		<li><Strong>Precision Packaging, Inc.</Strong> <em>(Licensed
Manufacturers)</em><br>P.O. Box 4167 :: Fort Smith, AR 72914 :: (Ship:
4907 Clayton Expressway)<br>
						 (501) 783-5739
			</li>
	</ol></li>
</ol>

	<style type="text/css">
		ol.locations {
			margin:0;
			padding:0;
			list-style:none;
		}
		ol.locations li {
			color: #AE7360;
			font-size: 1em;
			font-weight: bold;
		}
		ol.locations ol {
			display:block;
			margin:0;
			padding:0;
			list-style:none;
		}
			ol.locations ol li {
				margin:10px 0;
				color: #52534E;
			background: #EAEDEF;
			padding: 5px;
			}
	</style>

Ben.



More information about the thelist mailing list