Creating a <div> within a cell to centre links

Christom · February 21st, 2010, 01:04 AM

GDay any p2p's

I'm not sure about the code I need to do the following:

Create a <div> within the content cell of your layout table with centred links and a font-size of 10pt.

Another question

How do I make the link on the navigation page be plain text (i.e. no hyperlink)?

Thanks to any helpers

Christom

ciderpunx · March 6th, 2010, 07:09 AM

Quote:

Originally Posted by Christom

GDay any p2p's

I'm not sure about the code I need to do the following:

Create a <div> within the content cell of your layout table with centred links and a font-size of 10pt.

You mean something like this?

Code:

<div style="text-align:center;font-size:10pt">

Quote:

Originally Posted by Christom

Another question

How do I make the link on the navigation page be plain text (i.e. no hyperlink)?

Wouldn't that defeat the purpose of it being navigation?

alliancejhall · March 6th, 2010, 12:19 PM

Couldn't you also just do something like this?

<td align="center" style="valign: middle;">
</td>

also for plain text you could just make some kind of tag around the text and just use the onclick event with some javascript to navigate

<font onclick="window.location.href='http://www.google.com';">Click here</font>

PeterPeiGuo · March 6th, 2010, 01:12 PM

If you go with the font tag as suggested above, add style="text-decoration : underline;" or something similar, so that the link portion is visual.

alliancejhall · March 6th, 2010, 06:52 PM

I didn't put the underline in there because they said it should be plain text but yes if you want the links to be visually different definitely put some styling in there.

chroniclemaster1 · March 27th, 2010, 06:42 PM

Quote:

Originally Posted by Christom

How do I make the link on the navigation page be plain text (i.e. no hyperlink)?

Certainly, although this would typically be done server side. Navigation is a primary application requirement so you usually don't want to execute it in Javascript which ...maybe... will work. So my first recommendation would be to code this in your server side language like C#. This way you can do things like define each link in the navigation to be wrapped in a <strong></strong> tag or an <a href="..."></a> and define that if the link matches the current page wrap the text in strong elements and if not wrap it in a live link.

That said, you can execute the same thing in Javascript, I would code the navigation in XHTML as links, then use Javascript to trace the DOM evaluate each link on the page and if the target page is the current page, then change the <a></a> tags to <strong></strong> tags.