Anchor problems! Help please..

**naqsha** · Jun 10, 2006, 17:14

Hi...

I'm having a problem with my anchors not going to the right place. I have my anchors positioned at the begining of a section in my document. But rather than the content from the top of the section being displayed it shows a bit of the section above as well.

I'm quite new to all this so hope I'm making sense and that its not simply a problem with my coding.

I hope someone can help me out with this.

Thanks for your time.

Ayesha

http://ayesha.webeyedea.info/naqsha

**Mittineague** · Jun 10, 2006, 18:16

Hi naqsha, welcome to the forums,
Years back, the only thing that could have target anchors were anchor tags. Now anything can be targetted. So, in your code eg.

HTML Code:

<a name="graphic"></a>
	
	<!--nav menu for ie-->
	<div id="nav2">
	    <ul>
	
			
			<li> <a href="#portfolio" target="_self"> Portfolio </a> </li>

			<li> <a href="#about" target="_self"> About </a> </li>
			<li> <a href="#top" target="_self"> <img src="images/home.gif" alt="home" title="home" height="18" width="18" /> </a> </li>
			<li> <a href="#contact" target="_self"> Contact </a> </li>

			<li> <a href="#links" target="_self"> Links </a> </li>
	
    </div>
	
	<img src="images/graphic.gif" alt="graphic design portfolio" title="graphic design portfolio" height="121" width="600" />
				
	<div id="graphic">

you intend the link to go to

HTML Code:

<a name="graphic"></a>

but the browser is going to the last instance of that name which is

HTML Code:

<div id="graphic">

If you rename one or the other you should be fine.

**naqsha** · Jun 11, 2006, 04:12

Hi Mitteneague...

Thanks a lot for the reply...

I just tried making the tag names different to those of the divs but I'm still having the problem I had before.

I have a back to top button in a div just before the anchor tag, with the section content following the anchor. When I click the link to the anchor it shows me the page from the back to top div and not from the anchor downwards. As in, the back to top button is right on top of the screen when what I want is the header image to be at the top.

One of the reasons I wanted to fix this is because I have a fixed nav bar (for browsers other thn IE

) and I didnt want the back to top button stuck up there!

Any suggestions for this would be much appreaciated.

Thanks
Ayesha.

**belledumonde** · Jun 11, 2006, 04:38

try puttin the anchor/id="name" within the <h1> tag. see how that goes.

**naqsha** · Jun 11, 2006, 05:29

thanks for ur suggestion belledumonde

<h1> <a name="contact"></a> </h1>

is that what u meant...(sorry if i seem ignorant)

coz i tried that and it doesnt work...

**belledumonde** · Jun 11, 2006, 07:03

you can also ad the id to the h1 tag <h1 id="whatever"></h1> (i think....

)

hm... maybe its got to do with the browser? coz sometimes when i use anchors, in firefox, there really is some space above it, and in IE, there isnt any.

what about placing the anchor lower in the design? like in the text or something? then the extra space will show the title instead of whats above the title??

**naqsha** · Jun 11, 2006, 08:02

Thanks for your help belledumonde...

I'll try moving the anchor around to get it to work right.

I thought there might be something wrong with my coding which was making it act funny!

**fisherboy** · Jun 11, 2006, 18:15

Hi naqsha.

Can't get your page to open?

**belledumonde** · Jun 11, 2006, 18:41

hey naqsha! been looking at some of your other sites, id just like to say, i really like your designs. everything is clean and easy. how do you do it? hehe!

**naqsha** · Jun 12, 2006, 01:10

Hi fisherboy...The prob was that the link to the anchor isnt skipping to where I want it to on the page but showing extra content on top. The link to the first section is fine but the other links show the back to top button of the previous section as well. *sigh*

Glad you liked my sites belledumonde.... I'm just starting out with web design. Hopefully other people will like them enough to give me some work.

**belledumonde** · Jun 12, 2006, 03:10

you might just be starting out with web development and design, but your design skills translate really well on screen.

have you been able to fix the anchor problem yet? tried moving the anchor a little further down the page?

**Mittineague** · Jun 12, 2006, 08:24

The problem may have something to do with using id instead of class.
Id is for a uniquely named element. Class can be used for more than one.
You have more than one <div id="back_top">, <div id="nav2">, and<div id="thn">.

**naqsha** · Jun 12, 2006, 16:30

Belledumonde - I did try moving the anchor around. I originally had it above the section header. When I put it below the header, it decides to work right and shows me content just below the anchor point!!

Mitteneaque - I havent tried making the divs used more than once into classes yet. Will give that a try. Thanks for the suggestion.

**belledumonde** · Jun 12, 2006, 23:36

hello again! i just noticed something, it doesnt work in IE. i mean, not the way i think you want it to work -- which is the way it works in FF. the menu isnt fixed at the top. but then you might have changed this aspect, in which case just ignore this message.

**naqsha** · Jun 13, 2006, 03:16

hehehe.... position: fixed; doesnt work in IE thats why I have the menu repeating at the top of every section and I've hidden it in all other 'good' browsers.

**belledumonde** · Jun 13, 2006, 03:52

reeeeeeeally? had no idea! IE sucks, had no idea how much till the person who reprogrammed by computer included FF.

User Tag List

Thread: Anchor problems! Help please..

Thread Tools

Display

Anchor problems! Help please..

tags

ids

Bookmarks

Bookmarks

Posting Permissions