| Autor | Zpráva | ||
|---|---|---|---|
| Honza333 Profil * |
#1 · Zasláno: 24. 5. 2012, 16:40:55 · Upravil/a: Moderátor (editace znemožněna) 24. 5. 2012, 18:57:35
Prosím o radu.
Chci barevnou bublinu - popisek (title) Problém je v tom, že se to v IE zobrazuje jak má ( v jednom řádku ), ale v Firefox a Chrome nesprávně. Text v bublině se zalamuje za každým slovem takže vytváří sloupec ! Nevím jak to odstranit. Díky předem za radu. mám to v css takto: <STYLE type="text/css">
.popisek { border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative;
}
.popisek span { margin-left: -999em; position: absolute;
}
.popisek:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: 2.5em; top: 1.5em; z-index: 999; margin-left: 0;
}
.bublina { background: #FFFFAA; border: 1px solid #FFAD33; padding: 10px ; }
</STYLE>
<div>Příklad : <a class="popisek" href="http://www.seznam.cz">PORTÁL<SPAN class="bublina">Zde je popisek, text v bublině</SPAN></a></div>Díky. Moderátor Davex: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| Sir Tom Profil |
#2 · Zasláno: 25. 5. 2012, 06:31:59
Honza333:
Dát obsah bubliny mezi značky <nobr></nobr>, nebo místo mezer použít tvrdé mezery |
||
| peta Profil |
#3 · Zasláno: 25. 5. 2012, 10:10:42
.bublina {display:block;} |
||
| T.Thomas Profil * |
#4 · Zasláno: 25. 5. 2012, 10:49:45
.bublina {white-space: nowrap;} |
||
|
Časová prodleva: 12 let
|
|||
0