Announcement Announcement Module
Collapse
No announcement yet.
Linking to a certain section of another page...bug? Page Title Module
Move Remove Collapse
Search Search Module
Collapse

Advertisement Advertisement Module
Collapse

Latest Topics Latest Topics Module
Collapse

  • cool_nation
    Reply to Web Design Company owner and completely lost...
    cool_nation
    My partner codes, but primarily uses WP. For site security, we offer a monthly cost and purchase 3rd party software and install for clients. We don't charge monthly maintenance cost because we train our...
    Today, 03:43 PM
  • HotButton
    Reply to printing vector graphics enlarged - resolution
    HotButton
    Meaningless, certainly. It's another case of the Adobe engineers creating an illusion, just as they did when they alleged vector drawing in Photoshop by adding the shape layers feature.

    As...
    Today, 03:22 PM
  • frutiger
    Freelance. A negative?
    frutiger
    This question is aimed at those who are in a position to hire:

    Do you hesitate to hire a designer if he/she freelances part-time from home? I know some do because it might take time away...
    Today, 03:19 PM
  • B
    Reply to printing vector graphics enlarged - resolution
    B
    I've never understood why Illustrator has the option of measuring things in pixels. A pixel is just the smallest element of an image in a resolution-dependent environment. Since resolution plays no part...
    Today, 03:05 PM
  • StudioMonkey
    Reply to Fonts for Conference Signage
    StudioMonkey
    Basic rule for signs is a font with a big x-height so lowercase letters are almost as tall as capitals - this aids readability from a distance. Also better keep to sans font and open the tracking sl...
    Today, 02:51 PM

Powered by mediabistro.com
Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • Linking to a certain section of another page...bug?

    I know how this is accomplished...

    <a href="http://blah.com/page2.html#section2"><a>

    on page2.html...

    <h2 id="section2"></h2>

    It works fine when I put the id on a header element, but if I try to put it on a div it doesn't work. Is this normal? I noticed it works in IE7, but not Firefox or Safari.

  • #2
    You should be targeting a named anchor, not an id:

    <a href="http://blah.com/page2.html#section2"><a>

    on page2.html...

    <a name="section2"><a><h2 id="section2"></h2>


    Digi
    The world is divided into people who think they are right.
    —Anonymous

    Comment


    • #3
      Originally posted by digizan View Post
      You should be targeting a named anchor, not an id:

      <a href="http://blah.com/page2.html#section2"><a>

      on page2.html...

      <a name="section2"><a><h2 id="section2"></h2>


      Digi

      seems a little weird to put a blank anchor tag doesn't it?

      Comment


      • #4
        Originally posted by MikeTheVike View Post
        seems a little weird to put a blank anchor tag doesn't it?
        Not to me it doesn't. ;-)

        You could wrap your anchor around the text of your heading:

        <h2 id="section2"><a name="section2">Foo<a></h2>

        But then you're probably going to have to add more CSS to stop the heading from looking like a link.

        Digi
        The world is divided into people who think they are right.
        —Anonymous

        Comment


        • #5
          Okay, I've been up all night finishing a web site and my brain is toast right now.

          This should work:

          <h2 id="section2" name="section2">Foo</h2>

          Digi
          The world is divided into people who think they are right.
          —Anonymous

          Comment


          • #6
            Originally posted by digizan View Post
            Okay, I've been up all night finishing a web site and my brain is toast right now.

            This should work:

            <h2 id="section2" name="section2">Foo</h2>

            Digi

            yea, it actually works with just the "id", the "name" isn't necessary. I was just wondering why it wasn't working on a div because it would make my heading a little more visible if the page jumped to the top of my div instead of the heading.

            Comment


            • #7
              Originally posted by MikeTheVike View Post
              yea, it actually works with just the "id", the "name" isn't necessary. I was just wondering why it wasn't working on a div because it would make my heading a little more visible if the page jumped to the top of my div instead of the heading.
              Yeah, now that I've gotten a couple of hours of sleep it's clear what you were asking. I should know better than to post on the forums when I'm dead tired like that.

              Anyway, I created a test page and have no problem jumping to a div using an id in either FF or Safari. Maybe you're overlooking something?

              Digi
              The world is divided into people who think they are right.
              —Anonymous

              Comment

              Mediabistro A division of Prometheus Global Media home | site map | advertising/sponsorships | careers | contact us | help courses | browse jobs | freelancers | content | member benefits | reprints & permissions terms of use | privacy policy Copyright © 2015 Mediabistro Inc.
              Working...
              X