I’m trying to add CSS styling [i.e text-decoration:none etc.] to some links in a table called ‘eventstable’. I’ve created a style [eventstable] for the text in the whole of the table and applied it. Works fine. But what I can’t acheive at the moment is the styling for just the links. I created two TAGS [eventstable a and eventstable a:hover] but these have no effect. The knowledge base has nothing specific but one article did seem to indicate that I needed to target individual cells [those with links] but how to do this eludes me. I’m guessing it might be to do with the names of the two TAGS I’ve created?
The CSS you want to end up with would look like this, in the head of
the page:
#eventstable a { ... }
#eventstable a:hover { ... }
To do this in Freeway’s Style dialog, do this:
Control-click on the first style you want to edit, and select Edit
style… from the contextual menu.
In the Tag field, enter #eventstable a.
If there is anything present in the Name field, delete it, and
then tab out of that field (very important).
Set your styles the way you want them to be and save the changes.
Note that you may need to republish everything before the style will
“take”. Hold down the Control key and then click on the File menu.
Note that the Publish command is now called Publish Everything. Do that.
Walter
On Feb 28, 2008, at 10:33 AM, WildCottage wrote:
I’m trying to add CSS styling [i.e text-decoration:none etc.] to
some links in a table called ‘eventstable’. I’ve created a style
[eventstable] for the text in the whole of the table and applied
it. Works fine. But what I can’t acheive at the moment is the
styling for just the links. I created two TAGS [eventstable a and
eventstable a:hover] but these have no effect. The knowledge base
has nothing specific but one article did seem to indicate that I
needed to target individual cells [those with links] but how to do
this eludes me. I’m guessing it might be to do with the names of
the two TAGS I’ve created?
Hi Walter
Thanks for that; I’m getting the source code as you suggested but the links in the browser are no different. The table is inside an item called ‘maintext’, I forgot to mention [sorry]. I’m guessing this will probably make all the difference?
I republished everything as you suggested and also tried selecting the whole table, changing the style to ‘no style’ and then re-applied the ‘eventstable’ style again. I’m left with the conclusion above.
Could you post a link? I think we may have some things confused here.
I am not describing a style you would need to apply to anything. Just
name the table eventstable in the Freeway inspector, create that
style, and publish. It should Just Work™.
Walter
On Feb 28, 2008, at 11:21 AM, WildCottage wrote:
Hi Walter
Thanks for that; I’m getting the source code as you suggested but
the links in the browser are no different. The table is inside an
item called ‘maintext’, I forgot to mention [sorry]. I’m guessing
this will probably make all the difference?
I republished everything as you suggested and also tried selecting
the whole table, changing the style to ‘no style’ and then re-
applied the ‘eventstable’ style again. I’m left with the conclusion
above.
Hi Walter
Confusingly the style I’m applying to ALL text in the table is called ‘eventstable’. I’ve found that sometimes, in order to get the style, to take it needs to be re-applied.
td.eventstable a { ... }
td.eventstable a:hover { ... }
That will get you very precisely to these links.
Walter
On Feb 28, 2008, at 12:26 PM, WildCottage wrote:
Hi Walter
Confusingly the style I’m applying to ALL text in the table is
called ‘eventstable’. I’ve found that sometimes, in order to get
the style, to take it needs to be re-applied.
The table cell it is located within does not have the same style
applied to it as the first one. Now that I look at it, that would
appear to be a fluke in the first instance. Try this style selector
instead:
table.eventstable td a { ... }
Walter
On Feb 28, 2008, at 12:45 PM, WildCottage wrote:
Walter
This is weird, it gets the first link in the table but not the others!
On another page I’ve got an Action item called ‘popup’ [spawn new window] which refuses to have its link style controlled by me. I have a style called ‘popup’ aimed at it to style the text and two TAGS ‘#popup a’ and ‘#popup a:hover’ to control the link but with no effect.
You don’t have the popup id used anywhere in your page, just defined
in the head. #popup means "apply this rule to the element that has
the ID ‘popup’. If you were somehow able to add an ID to a paragraph
in Freeway (which you aren’t, so it’s not going to work as it is)
then you could get this rule to work by adding the ID popup to the
paragraph that contains your SNW call.
Try changing the style definition from #popup a to .bodytext a.
Since the link is inside a P tag with the class bodytext, this should
do the trick.
Walter
On Feb 28, 2008, at 1:35 PM, WildCottage wrote:
Thanks Walter, that did the trick!
On another page I’ve got an Action item called ‘popup’ [spawn new
window] which refuses to have its link style controlled by me. I
have a style called ‘popup’ aimed at it to style the text and two
TAGS ‘#popup a’ and ‘#popup a:hover’ to control the link but with
no effect.