Even spacing between hyperlinks - question

B

Brenda

I have created hyperlinks (rather than buttons) across the top of my page:

http://www.brickwallbuster.com/new/

I am now trying to figure out how to make sure the hyperlinks (HOME -
CONTACT US - ABOUT US - SERVICES - PRICING - CATTARAUGUS SURROGATE INDEX -
OBITUARY INDEX) appear to be spaced correctly (the same amount of space
between each hyperlink.)

I am also noticing that depending upon how I have my screen set, the
hyperlinks that are multiple words (CATTARAUGUS SURROGATE INDEX and
OBITUARY INDEX) may or may not word wrap.

Right now, I have a little table set up in that area, with each hyperlink in
its own cell. Perhaps that is not the best way to be doing this...??

Should I create buttons instead? I was avoiding that, and hoping the simple
table/cell would work, but buttons would at least stop the word wrap.

Even with buttons across the top, how do I make certain the buttons are
spaced evenly?

Thank you,
Brenda
 
R

Ronx

If using a table, something like:

<div align="center">
<table style="border-collapse: collapse;background:">
<tr>
<td style="padding: 3px 15px;
whitespace:nowrap;font-family:Tahoma,sans-serif; font-size: 13px;
text-align: center;"><a href="page.htm">Here is a Page</td>
<!--Repeat for all other links-->
</tr>
</table>
</div>

The CSS should be moved into a stylesheet, rather than repeating in
every link. The above works in conjunction with the existing styles on
the page for links.
 
B

Brenda

Ron,

I'm closer to where I want to be - here is the test page now:
http://www.brickwallbuster.com/new/indextest2

NOW, my problem is that I want even spacing between the words:
HOME - CONTACT US - SERVICES - PRICING - CATTARAUGUS SURROGATE INDEX -
OBITUARY INDEX

I can't figure out how to get even spacing between the words.

Thank you,
Brenda
 
B

Brenda

Ron,

Could you please point me to something that would teach me how to move CSS
into a stylesheet? I need something that is EASY to understand. As I
started setting this website up, I thought about attempting to create an
external stylesheet, but decided I needed to understand it before attempting
that.

Thank you again,
Brenda
 
T

Trevor Lawrence

Brenda said:
Ron,

Could you please point me to something that would teach me how to move CSS
into a stylesheet? I need something that is EASY to understand. As I
started setting this website up, I thought about attempting to create an
external stylesheet, but decided I needed to understand it before
attempting that.
Click to expand...

This is what goes in every page
<link rel="stylesheet" type="text/css" href="style.css" />

The CSS goes into "style.css" in the same folder.
Do NOT add the tags <style> and </style> into this file
 
B

Brenda

Trevor,

Thank you. I'm still trying to get the hyperlinks evenly spaced
(automatically evenly spaced) -
HOME - CONTACT US - SERVICES - PRICING - CATTARAUGUS SURROGATE INDEX -
OBITUARY INDEX

I'm lost as to how to get these to space evenly across the dark green
area...

Brenda
 
R

Ronx

I have reworked your original page. It is located at
http://www.rxs-enterprises.org/tests/pages.brick_wall_buster.htm

The CSS has been moved into the <head> section of the page, and Trevor
has given directions for moving from there into an external sheet. I
suggest you use this page as the basis for your DWT.

The white borders between the links can be removed - look for #topnav td
and the border-left and border-right attributes. The links are evenly
spaced.
--
Ron Symonds - Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

http://www.rxs-enterprises.org/fp
 
B

Brenda

Ron,

Could you please put the page back up? I'm not finding it there. Thank you
for everything.

Brenda
 
B

Brenda

Ron,

I thank you *very* much. I was afraid the page had been taken down, and I
had missed it. I will work with it and use it as my DWT.

Again, I thank you. I will also try to use an external CSS.

Brenda
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Change button colors - HELP 3
Mouseovers not working now - not sure why 6
Hyperlinks in FrontPage 2
Hide or show hyperlinks 4
Hyperlinks don't work 1
Question about hyperlinks 7
Hyperlinks Disappear 6
editing hyperlinks very slowwwww 6

Top