Re: title attribute

In article <j0tfp0$eon$1@xxxxxxxxxxxxx>,
Stanimir Stamenkov <s7an10@xxxxxxxxxxxx> wrote:

Thu, 28 Jul 2011 19:53:40 -0700 (PDT), /fulio pen/:

I have following code:

<span class='rec' title='abc'>xyz</span>

On the web page, when moving the cursor to 'xyz', 'abc' would appear
in a small rectangle. What I like to do is to have a larger rectangle
and abc. I tried following css code:

.rec title {font-size:200%;}

The given selector matches a <title> element descendant of element
having a 'rec' class, so it won't work.

But it is not working. I wonder whether it is possible to achieve the
desired effect.

'title' attributes content is usually rendered using system
tool-tips. There's no standard way to style these using CSS. I've
seen suggested [1] the following form:

<style>
.rec { position: relative; }
.tip { display: none; }
.rec:hover > .tip {
position: absolute;
display: block;
font-size: 200%;
top: 0.5em;
left: 0;
}
</style>

<span class="rec">
<span class="tip">abc</span>
xyz
</span>

This is not content-wise as styling is optional and when not applied
could result in confusing, the least, content.

One source of confusion could be eliminated by adding to
..rec:hover > .tip something like

color: black;
background: yellow;
padding: .1em;

to avoid the default transparency (that would result in text
lying behind interfering)

--
dorayme
.

Relevant Pages

  • Re: title attribute
    ... On the web page, when moving the cursor to 'xyz', 'abc' would appear ... What I like to do is to have a larger rectangle ... having a 'rec' class, so it won't work. ...
    (alt.html)
  • Re: title attribute
    ... On the web page, when moving the cursor to 'xyz', 'abc' would ... appear in a small rectangle. ...
    (alt.html)
  • title attribute
    ... On the web page, when moving the cursor to 'xyz', 'abc' would appear ... What I like to do is to have a larger rectangle ...
    (alt.html)
  • Re: A subquery? Not sure if this is doable?
    ... the weekly series and the repeating monthly figure. ... 1/12/05 ABC 4.22 ... 1/12/05 DEF 3.12 ... 1/12/05 XYZ 8.88 ...
    (microsoft.public.access.queries)
  • Re: I need help working with parameters!!!!
    ... I am working on a query involving 3 seperate fields. ... to be able to use parameters to pull information from the three different ... State "D" uses ABC form and XYZ form ...
    (microsoft.public.access.queries)