help with anchor links (i need sombody who is realy good with HTML)

  • 1
  • Question
  • Updated 8 years ago
  • Answered
i want the letters to be nect to eachother not ontop of eachother,

it all works

<!--
<a href = '#a1'>
<P align=center><FONT color=#1f1f1f size=3>A</FONT></P>
</a>
<a href = '#a2'>
<P align=center><FONT color=#1f1f1f size=3>B</FONT></P>
</a>
<a href = '#a3'>
<P align=center><FONT color=#1f1f1f size=3>C</FONT></P>
</a>
<a href = '#a4'>
<P align=center><FONT color=#1f1f1f size=3>D</FONT></P>
</a>
<a href = '#a5'>
<P align=center><FONT color=#1f1f1f size=3>E</FONT></P>
</a>
<a href = '#a6'>
<P align=center><FONT color=#1f1f1f size=3>F</FONT></P>
</a>
<a href = '#a7'>
<P align=center><FONT color=#1f1f1f size=3>G</FONT></P>
</a>
<a href = '#a8'>
<P align=center><FONT color=#1f1f1f size=3>H</FONT></P>
</a>
<a href = '#a9'>
<P align=center><FONT color=#1f1f1f size=3>I</FONT></P>
</a>
<a href = '#a10'>
<P align=center><FONT color=#1f1f1f size=3>J</FONT></P>
</a>
<a href = '#a11'>
<P align=center><FONT color=#1f1f1f size=3>K</FONT></P>
</a>
<a href = '#a12'>
<P align=center><FONT color=#1f1f1f size=3>L</FONT></P>
</a>
<a href = '#a13'>
<P align=center><FONT color=#1f1f1f size=3>M</FONT></P>
</a>
<a href = '#a14'>
<P align=center><FONT color=#1f1f1f size=3>N</FONT></P>
</a>
<a href = '#a15'>
<P align=center><FONT color=#1f1f1f size=3>O</FONT></P>
</a>
<a href = '#a16'>
<P align=center><FONT color=#1f1f1f size=3>P</FONT></P>
</a>
<a href = '#a17'>
<P align=center><FONT color=#1f1f1f size=3>Q</FONT></P>
</a>
<a href = '#a18'>
<P align=center><FONT color=#1f1f1f size=3>R</FONT></P>
</a>
<a href = '#a19'>
<P align=center><FONT color=#1f1f1f size=3>S</FONT></P>
</a>
<a href = '#a20'>
<P align=center><FONT color=#1f1f1f size=3>T</FONT></P>
</a>
<a href = '#a21'>
<P align=center><FONT color=#1f1f1f size=3>U</FONT></P>
</a>
<a href = '#a22'>
<P align=center><FONT color=#1f1f1f size=3>V</FONT></P>
</a>
<a href = '#a23'>
<P align=center><FONT color=#1f1f1f size=3>W</FONT></P>
</a>
<a href = '#a24'>
<P align=center><FONT color=#1f1f1f size=3>X</FONT></P>
</a>
<a href = '#a25'>
<P align=center><FONT color=#1f1f1f size=3>Y</FONT></P>
</a>
<a href = '#a26'>
<P align=center><FONT color=#1f1f1f size=3>Z</FONT></P>
</a>
-->

its for a page search, please help!

alex

http://tellyads.yolasite.com
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
  • happy

Posted 8 years ago

  • 1
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Hey Alex,
Welcome back.
Give me a few minutes and I'll see what i can come up with :)

John McCarthy
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Im back and I think I've cracked it.
Try adding this code to the beginning of your code.
<!--
<style type="text/css">
p {display:inline}
</style>
-->

Hope this works for you.

John McCarthy.
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Alex try Donalds idea. We both found the error in my way :L
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
should override display:inline!

If you have

ending tag, I believe it will still wrap to a new line.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
rule of thumb...

a paragraph (p) is a PARAGRAPH... enters a new line when you do that. In this particular code, the paragraph line only needs to be at the FIRST and ending tag at the LAST. If all formatting is the same! If you need a letter a different color, use the span tag in the middle for that letter.

This will fix your problem.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
Here... I wrote the code for you...

http://pastesite.com/17824

remember, the font tag is deprecated and eventually won't work like you want it to. The paragraph ending tag will ALWAYS start a new line.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
the n b s p ; at the end of each line is to add TWO spaces between each letter, you can add more if you want or delete the spaces.

I forgot to include center, replace this with the first line...

<!--
<span style="color:#1f1f1f; text-size:3; text-align:center;">
-->
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
also remember, nearly all attributes have been deprecated (font, color, background-color, text-size, etc)... instead, into it as a value (after the equal sign) such as mine above!
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Thanks donald!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, I've learned a lot about html. Although I still use Yola and think they are easy to use, some of my sites are a different host and created 100% into the html.

I can create some very nice sites without a sitebuilder, but Yola's still my choice for the encyclopedia :)
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
I at one point thought of using a host,but the thought of having to transfer everything was daunting.In the end i deleted my sites from that host and rebuilt them on Yola :)
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, Yola's easier to an extent but too restrictive and takes a lifetime to edit page's formatting.

I can edit any number of page formatting in just a few minutes and I can offer user logins too if I want.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
i forgot to mention,

thanks donald, your solution worked brilliant!,

the website is back online soon.

alex

http://tellyads.yolasite.com/
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I do have another suggestion.

You see your copyright symbol ©? I noticed you copied the symbol into the html or on the page directly, that is not recommended by the W3C... instead, replace it in the html with...

& c o p y ;

but with no spaces.

It appears that even in a comment <!-- --> the code still shows up as...

©