Links without decoration - Post ID...

User 364143 Photo


Guest
5,410 posts

Just use inline styles to adjust the table links.
CoffeeCup... Yeah, they are the best!
User 1964159 Photo


Registered User
156 posts

I'm impressed with all the assistance on this, thank you all. I think I favour the CSS route and am happy to create a CSS for this "unique" page, as I certainly do not want to disrupt links elsewhere on this 140-page site......you are so right Cary! So if I keep my table in its own <div>, linked to a unique CSS file and insert the CSS code utlined above (subject to colour changes), I'm almost there. Then remove all HTML to do with text formatting and insert the <a href="stuff"> I might be in with a chance, it seems.
Accessibilty for various disabilities is important to me, as is the desire in this case to avoid a "wiki"-apearance to the page.
Apart from a banner, a <h1>, a paragraph of instruction, the only other element on the page is the main navigation, which was created in the built-in menu builder and I assume this latter will not be affected.
I'll get on with it and let you all know.
One more thing, Tom, do I recognise you fro Facebook? if not you've got a double somewhere!
Tony, with many thanks:cool:
User 122279 Photo


Senior Advisor
14,624 posts

*giggle* I don't think Tom looks like his avatar at all.

And BTW: I think Cary's advice is the one I would go for. If you use css in the head section of the page, or even inline css, remember there are 26 letters in the alphabet, and if they all have their own page...
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 476017 Photo


Ambassador
375 posts

Cary wrote:
Dave Butler wrote:
I considered the same option as yours but this would change all Tone's link settings in his website that is linked to the css file.
I am not sure if Tone wants to do that or if he only wants to modify the link settings in the table he specified in his post.


If that's the case he can just increase the specificity of the table link styles by adding the alphabetlinks id to the selectors. Then the link style selectors would look like this:

#alphabetlinks a:link {...}

#alphabetlinks a:visited {...}

#alphabetlinks a:hover {...}

Hi Cary
Thanks for your input and help with this topic.
Never thought about your suggestion
I have learnt something new today

#alphabetlinks a:active {...}
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 94832 Photo


Registered User
5 posts

Try this and see if it works. This was done using the example shown in the first post with out changing anything

In your CSS file, type this:

td a {color: #FF0000; text-decoration: none;}
td a:hover { color: #FF8080; text-decoration: none;}

This will effect all links in a table. I just used different colors so use the colors you want.

I hope this helps.

Luis
User 1964159 Photo


Registered User
156 posts

Hi Everyone and to all who have made helpful suggestions A HUGE THANK YOU!
HTML for the first cell:
<div id="alphabetlinks">

<div><table width="100%" border=1 cellpadding=2 bordercolor="#340a89" cellspacing=2 bgcolor="#e5e5e5">
<tr valign=top>
<td>
<div>A</div>
<div><a href="academiesoverview_4.html"> Academia Brasileira de Letras</a> </div>
<div><a href="academiesoverview_4.html"> Academia das Ciências de Lisboa</a> </div>
<div><a href="academiesoverview_2.html">Académie Française</a> </div>
<div><a href="academy.html">Academy Board</a> </div>
<div><a href="academiesoverview_3.html">Accademia della Crusca</a></div>
<div><a href="errors_affect.html">Affect (Errors)</a></div>
<div><a href="errors_alternative.html">Alternative (Errors)</a></div>
<div> <a href="american_dictionaries.html">American Dictionaries</a> </div>
<div><a href=" british_americansites.html">American and British differences</a></div>
<div><a href=" britamerican_glossary2.html">American to British glossary</a></div>
<div><a href=" punctuation_guide.html">Apostrophe (Punctuation guide)</a></div>
<div><a href=" roguesgallery_mullaney.html"> Apostrophes in street names</a></div>
<div><a href=" other_english_australian.html">Australian English</a> </div>
<div><a href=" other_english_australian.html ">Australian-British glossary</a> </div>
<div><br /></div>
<div>&nbsp; </div>
<div> </div>
and the page now has a dedicated CSS file:
/* CSS for qes site nav plus 1
*/
body {
margin: 0;
padding: 0;
background-color: #333333;
font: small Helvetica, arial, sans-serif;
}
#wrapper {
width: 1100px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
padding-bottom: 15px;
background-color: #E3DCD8;
}
#banner {
border-bottom: 1px solid #660066;
}
#content {
margin-top: 10px;
margin-left: 220px;
margin-right: 20px;
border: 1px solid #330033;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
}
h1 {
background-color: #660066;
color: white;
text-align: center;
}
#navigation {
float: left;
top: 170px;
margin-left: 20px;
padding: 10px;
width: 200px;
}
#alphabetlinks a:link {
font-family: verdana;
color: #400040;
text-decoration: none;
}
#alphabetlinks a:visited {
font-family: verdana;
color:#FF0000;
text-decoration: none;
}
#alphabetlinks a:hover {
font-family: verdana;
color: #FFFFFF;
background-color: #400040;
text-decoration: none;
}
#alphabetlinks a:active {
font-family: verdana;
color: #0000FF;
text-decoration: none;
}
AND IT IS ALL WORKING BAUTIFULLY!
User 476017 Photo


Ambassador
375 posts

Tonethemoan wrote:
Hi Everyone and to all who have made helpful suggestions A HUGE THANK YOU!

Glad to see you cracked it Tony
Dave Butler
Yorkshire
England

Old Rishworthians Rugby Union Football club http://www.orrufc.co.uk
Tuxedo Junction Yorkshire Function Band http://www.riley-tuxedojunction.co.uk
The Commons Guest House http://www.thecommons-guesthouse.co.uk
all created with Coffee Cup html editor
User 1964159 Photo


Registered User
156 posts

Only with the help of the CC gang, which seems to be full of people like your good self Dave. I hope to launch this site fairly soon and 'will give you a heads-up!
Thanks again.
Tone
User 38401 Photo


Senior Advisor
10,951 posts

glad to hear it Tone, can't wait to see it, you've been at it for a while and I can just imagine how nice it's going to be with all your hard work.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.