Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Problem: when viewing a site that has muliple "Categories" and the browser is small enough (width) that the categories wrap (in a post), then you won't be able to select some of the categories (I noticed that the underline works for some, but not others--and thus you can't click on it without resizing the browser).
I feel that it might be a CSS issue, but I'm not sure.
If you select the text you can see that the text selection is too large for the text.
See: http://www.drupaldemo.org/node/13 for an example (try to mouse over "bungie jumping", "wash the car" etc)
Note: I'm not sure if this is a problem with the theme or not. (I'm using the theme with the arrow... not sure of the name)
Please let me know if more detail is needed.
This seems to be a problem in 4.6 and 4.7Beta3
See attached file for screenshot... When the categories go to two lines, you can't click on some of them.
| Comment | File | Size | Author |
|---|---|---|---|
| screenshot_multilinelinks.JPG | 101.02 KB | sandman74 |
Comments
Comment #1
sandman74 commentedI looked into the issue some and it seems that the following CSS entry in styles.css (approximately line 359) is what may be causing the issue. When I remove that line the links work as expected. The formatting looks similar even with that line removed.
As a side benefit... it seems that text selection works properly within the body after making this change (before when you tried to select text it would be offset)
CSS Entry:
.node .taxonomy
Note: I am using IE as my browser.
How can we get this issue implimented?
Comment #2
sandman74 commentedoops. Accidentally changed the title when adding info.
Comment #3
PierreFWalter commentedThe solution is to modify the following entry in style.css of the theme:
Original entry:
.node .taxonomy {
color: #999;
font-size: 0.83em;
padding: 1.5em;
Modified entry:
.node .taxonomy {
font-size: 0.83em;
This works best. I think what might cause the problem is the 'color' parameter. It's completely useless as the link colors are not modified by this parameter, so the system might 'consider' this tag as being faulty and produce an error. The padding entry is not necessary either.
Contrary to the solution proposed by Tod Sandberg, my solution leaves the original font size intact. Tod Sandberg's idea is ingenious because it localized the issue, and thus mine is only a contribution to his solution. But Sandberg's solution produces a very ugly large font sizes for those rather unimportant taxonomy links (they are important only to systemic thinkers who are, according to statistics, in the minority). But also aesthetically, the links should not be so large as to attract attention away from the real blog text.
It borders genius to make out a bug that is so carefully 'hidden' as a CSS scripting error. Thank you Tod!!!
Comment #4
jerdiggity commentedhttp://drupal.org/project/taxnav -- Module is no longer supported.