Jump to content

Page Anchor HTML HELP!

Whether you're a seasoned veteran or a struggling beginner, Web Radiance is the web development and web design forum for you. You'll find answers to all your HTML, CSS, SEO, and Programming needs. Pull up a chair and stay awhile.

Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

Page Anchor HTML HELP! Rate Topic: -----

#1 User is offline   sowhatkimberly 

  • W.R. Private
  • Group: Members
  • Posts: 15
  • Joined: 13-May 08
  • Gender:Female
  • Location:Nashville, TN

Posted 14 May 2008 - 06:52 PM

Ok. I am going to try to explain this-- I have my personal site, http://www.freewebs.com/llucky7 and I have the navigation up top with buttons that are "anchored" with <a href="#codeword">link</a> HTML CODES .... and I have them linked to a heading down below in the page.... THEY WORK FINE. If you go to my page they are the green square buttons that have C, N, A, P & R... click them and they scroll down automatically to the right section of my page.


NOW for the problem,
If you see up the "Contact" section there is an green arrow graphic... I have tried the SAME exact code for the arrow to SCROLL BACK UP to the top of the page to the header graphic.... If you can see the code, you can tell it SEEMS right, but something is not right it wont work. And I'm frusterated.

Thanks for all the help. I much appreciate it!
<---Show--->
<CENTER>
[color="#FF0000"]<A href="#top"><img src="http://www.freewebs.com/llucky7/vibranthead.gif" border="0"></img></A>[/color]

<TABLE align="center" WIDTH="44%" cellspacing="0" Cellpadding="3" border="0" bordercolor="#000000">
<td><tr>
<center>
<font face="Century Gothic" color="#8CBC5E" size=3>
good morning, good afternoon, & good evening from vibrant.<BR>
</font>
<font face="Century Gothic" color="#38c3cE" size=2>
we'd love to help you with <b>web design, logo design, & print design.</b></center><br>
</td></tr>
<TD><TR>
<font face="Century Gothic" color="#000000" size=2>
<center>

<a href="#one"
  onmouseover="buttondown('contactbutton')"
  onmouseout="buttonup('contactbutton')"><img src="http://www.freewebs.com/llucky7/pixels/m1.gif" name="contactbutton" border="0"></a>&nbsp;&nbsp;<a href="#two"
  onmouseover="buttondown('newsbutton')"
  onmouseout="buttonup('newsbutton')"><img src="http://www.freewebs.com/llucky7/pixels/m2.gif" name="newsbutton" border="0"></a>&nbsp;&nbsp;<a href="#three"
  onmouseover="buttondown('aboutbutton')"
  onmouseout="buttonup('aboutbutton')"><img src="http://www.freewebs.com/llucky7/pixels/m3.gif" name="aboutbutton" border="0"></a>&nbsp;&nbsp;<a href="#four"
  onmouseover="buttondown('pbutton')"
  onmouseout="buttonup('pbutton')"><img src="http://www.freewebs.com/llucky7/pixels/m4.gif" name="pbutton" border="0"></a>&nbsp;&nbsp;<a href="#five"
  onmouseover="buttondown('rbutton')"
  onmouseout="buttonup('rbutton')"><img src="http://www.freewebs.com/llucky7/pixels/m5.gif" name="rbutton" border="0"></a></center>
<br><br>
</td></tr>
<tr><td background="http://www.freewebs.com/llucky7/Picture%201.png">
<BR><BR><BR>
</TD></TR>
<tr><td>
<BR>
<font face="Century Gothic" color="#8CBC5E" size=4>
<A name="one">contact</a><BR>
<img src="http://www.freewebs.com/llucky7/div.gif"></img>
<BR><BR><font face="Century Gothic" color="#8CBC5E" size=2>
</center>
kimberly ann p.<BR>
goodlettsville, tn  37072<BR>
<BR>
(615) 672-8125 w<BR>
(615) 513-5017 c<BR>
sowhatkimberly@hotmail.com
<BR><BR>[color="#FF0000"]<A name="top"><img src="http://www.freewebs.com/llucky7/pixels/arrow.gif" border="0"></img></A>&nbsp;top</font>[/color]

0

#2 User is offline   sypher 

  • the owner3r
  • Group: Administrators
  • Posts: 1,578
  • Joined: 04-April 06
  • Location:North Wales, UK
  • Interests:Art, Boxing, MMA, Graphic Design, Web Design etc. ;)

Posted 14 May 2008 - 07:41 PM

As far as i can see you need to make the link / graphic or whatever the link to #top

So the anchor should be before all your code (so when you click the link at the bottom of the site it goes to the top)
sypher design - North Wales Web Design | Latest Work: - Scala Cinema

CSS - Can't See Sh*t
0

#3 User is offline   sowhatkimberly 

  • W.R. Private
  • Group: Members
  • Posts: 15
  • Joined: 13-May 08
  • Gender:Female
  • Location:Nashville, TN

Posted 14 May 2008 - 10:03 PM

View Postsypher, on May 14 2008, 07:41 PM, said:

As far as i can see you need to make the link / graphic or whatever the link to #top

So the anchor should be before all your code (so when you click the link at the bottom of the site it goes to the top)


The last line of the HTML that I copied shows where I linked the arrow to #top code ... the RED font code is just to help show where the incorrect links are
0

#4 User is offline   sowhatkimberly 

  • W.R. Private
  • Group: Members
  • Posts: 15
  • Joined: 13-May 08
  • Gender:Female
  • Location:Nashville, TN

Posted 14 May 2008 - 10:12 PM

View Postsowhatkimberly, on May 14 2008, 10:03 PM, said:

The last line of the HTML that I copied shows where I linked the arrow to #top code ... the RED font code is just to help show where the incorrect links are



I FIGURED IT OUT!!!!!!!! I HAD THE CODES SWITCHED. THANKS SYPHER!!
0

#5 User is offline   sypher 

  • the owner3r
  • Group: Administrators
  • Posts: 1,578
  • Joined: 04-April 06
  • Location:North Wales, UK
  • Interests:Art, Boxing, MMA, Graphic Design, Web Design etc. ;)

Posted 14 May 2008 - 11:39 PM

No problem :)
sypher design - North Wales Web Design | Latest Work: - Scala Cinema

CSS - Can't See Sh*t
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • This topic is locked

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users