[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