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

Featured Images Featured Images Module
Collapse

Mediabistro Creative Sites Mediabistro Creative Sites Module
Collapse
Latest Topics Latest Topics Module
Collapse

  • extraordenary
    Comment on First Poster Design
    extraordenary
    Thank you a lot for the constructive criticism. The logos were actually given me to begin with and they were made on Illustrator, so I couldn't really do anything about that. I have learned a lot in terms...
    Today, 09:07 AM
  • Salt
    Comment on Happy Turkey Day!!
    Salt
    hehe
    because you ate stuffed turkey.
    Today, 08:05 AM
  • MaNL
    Reply to Sand Queen
    MaNL
    Hey, my fellow countryman! Great illustrations, especially knowing you picked up illustrator just 6 moths ago. Just wanted to know if all of the illustrations are drawn by yourself? If yes thats a big...
    Today, 07:18 AM
  • murofwoh
    Reply to Constructive Criticism?
    murofwoh
    agree lose the slogan ---ha, pretty brash..........................other than that, since you are a youngin', you have a nice start. continue to push the envelope and learn learn learn learn and observe...
    Today, 05:40 AM
  • murofwoh
    so, i have decided to start up a bit of freelancing
    murofwoh
    to help pay the bills. three kids, one a high school junior, plus some big bills coming due have forced my hand. one cool thing is I made this decision after someone asked me to help them out with some...
    Today, 01:23 AM
Advertisement Advertisement Module
Collapse

Sponsors Sponsors 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 © 2014 Mediabistro Inc.
              Working...
              X