Loading...
 
Features / Usability

Features / Usability


Re: decoration: none css problem

posts: 179 France

Thank you for your help, Sylvie. In the php template I have copied the article id link of Read more around the Article header display command, and I have renamed the Div articleheaderlink instead of articleheadertext. In that way div articleheadertext layout now applies only to the header in the full article page, where there has to be no link on the header text.

The result is this (the tags didn't appear in tiki Code tag, so I removed them):

Image
Copy to clipboard
a href="tiki-read_article.php?articleId={$listpages[ix].articleId}" div class="articleheadinglink" {$listpages[ix].parsed_heading} /div /a


I am explaining all that again because I have a hunch this tweak should be implemented by default. It is so very convenient to be able to click on the article header in order to read the full article. Maybe the Read more link is not enough.

Now, as far as the behaviour of the new articleheaderlink div is concerned, I wrote that below in the style sheet. The only important part is to have a simple text display, without ugly blue link or underline, and to have some sort of reaction when onmouseover. Here I chose the gray background that I already have on internal links:

Image
Copy to clipboard
.articleheadinglink { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; display: inline; color: black; text-decoration: none; } .articleheadinglink:active { color: black; text-decoration: none; } .articleheadinglink:hover { color: black; text-decoration: none; background-color: #EEEEEE; } .articleheadinglink:visited { color: black; text-decoration: none; }


But in fact only the first paragraph is implemented by the browser. You can see it applie becaust the text-decoration: none; in the paragraph applies. Not bad yet, because it avoids the html link blue display. If I remove the first paragraph, the display turns back to html blue underlined.

However I would like the hover background change to apply, and also I would like to understand why it doesn't apply.

There are no comments at this time.

Upcoming Events

1)  18 Apr 2024 14:00 GMT-0000
Tiki Roundtable Meeting
2)  16 May 2024 14:00 GMT-0000
Tiki Roundtable Meeting
3)  20 Jun 2024 14:00 GMT-0000
Tiki Roundtable Meeting
4)  18 Jul 2024 14:00 GMT-0000
Tiki Roundtable Meeting
5)  15 Aug 2024 14:00 GMT-0000
Tiki Roundtable Meeting
6)  19 Sep 2024 14:00 GMT-0000
Tiki Roundtable Meeting
7) 
Tiki birthday
8)  17 Oct 2024 14:00 GMT-0000
Tiki Roundtable Meeting
9)  21 Nov 2024 14:00 GMT-0000
Tiki Roundtable Meeting
10)  19 Dec 2024 14:00 GMT-0000
Tiki Roundtable Meeting