1
<p>Text adjustement
 <span>
  - [b](text)[/b] for <b>Bold</b><br>
  - [u](text)[/u] for <u>Underlined</u><br>
  - [i](text)[/i] for <i>Italic</i><br>
  - [s](text)[/s] for <s>Strike</s><br>
  <br>
  - [big](text)[/big] for big text<br>
  - [medium](text)[/medium] for medium-large text<br>
  - [small](text)[/small] for small text<br>
 </span>
</p>

table.fancy td.tdtop p {
    color: blue;
    display: block;
}

table.fancy td.tdtop p:hover {
    text-decoration: underline;
    cursor: pointer;
}

table.fancy td.tdtop p span {
    color: black;
    display: none;
    padding: 2px;
    padding-left: 4px;
    border: 1px solid #e0e0e0;
    background: #f0f0f0;
    text-decoration: none;
}

table.fancy td.tdtop p:hover span {
    display: block;
    text-decoration: none !imporant;
    color: black !imporant;
}

I'm trying to get a box to show up when you hover a <p>, but this is what i get:

Mat
  • 202,337
  • 40
  • 393
  • 406
Thew
  • 15,789
  • 18
  • 59
  • 100
  • I think this is the one: text-decoration: underline; – coder Apr 14 '12 at 09:53
  • @coder i have that because i want an underline on the `

    `, but not on the ``. @BlaXpirit I have.

     – Thew Apr 14 '12 at 09:55
  • can you post a http://jsfiddle.net/ demo and you're saying you need to have underline for

    and everthing is inside

    – coder Apr 14 '12 at 09:56
  • @coder http://jsfiddle.net/JRQF4/ – Thew Apr 14 '12 at 09:59
  • possible duplicate of [text-decoration:none doesn't remove text decoration](http://stackoverflow.com/questions/7113520/text-decorationnone-doesnt-remove-text-decoration) – JJJ Apr 14 '12 at 09:59
  • @Juhana Problem is, that i don't want to keep inside

    , thus the answer of that "duplicate" isn't my answer. So i don't agree in your vote of closing this question.

     – Thew Apr 14 '12 at 10:02
  • I don't understand what your problem is, then. Why can't you just put the "Text adjustment" text inside a span and style that instead of the paragraph? – JJJ Apr 14 '12 at 10:05
  • @Juhana That makes it inpossible to open the when hovering the

    with CSS.

     – Thew Apr 14 '12 at 10:11
  • 1
    @Thew http://jsfiddle.net/mMAa4/ – JJJ Apr 14 '12 at 10:22

1 Answers1

2

DEMO

Is this what you need? problem with css cleaned up.

coder
  • 13,002
  • 31
  • 112
  • 214