ugrás a tartalomhoz

Szövegbuborék megjelenése egér hatására

Balage83 · 2007. Nov. 19. (H), 13.17
Sziasztok.

A kérdésem a következő lenne:
Hogy lehet azt megoldani, hogyha egy szó vagy kifejezés (nem feltétlenül link) fölé viszem az egeret, akkor abban a pillanatban felugorjon egy szövegbuborék, amelyben egy kis ismertető található az adott szóval vagy kifejezéssel kapcsolatban.
Tudom, hogy pl. az <acronym></acronym> tud ilyet, de itt az lenne a lényeg, hogy ez a buborék formázható legyen, pl. hátérszín, keret, benne lévő szöveg színe stb. tekintetében.

Remélem nem kérdeztem nagy lámaságot, de még új vagyok, most regisztráltam. :)
 
1

egy otlet

juhasztibi · 2007. Nov. 19. (H), 13.30
talán ez jó lesz neked:

http://trentrichardson.com/examples/csstooltips/

üdv,
T.
2

köszi

Balage83 · 2007. Nov. 19. (H), 14.42
Köszi, pont ilyenre gondoltam.

üdv: Balage
3

ok

juhasztibi · 2007. Nov. 19. (H), 14.50
Örülök, hogy segíthettem.

Üdv,
T.
4

furcsaság

Balage83 · 2007. Nov. 19. (H), 17.23
Egyébként észrevettem még egy fura dolgot, a fent mutatott CSS-t használva:

A bekezdéseimnek az első betűjére vonatkozóan van egy ilyen definíció megadva:
p:first-letter{
background-color: #3D59AB;
padding: 2px;
font-weight: bold;
color: #FFFFFF;
}

Nos, Firefox alatt abban a bekezdésben ahol a fentebb említett buborékos dolgot is használom az első betűre vonatkozó definició csak akkor jelenik meg, ha a buborék is épp látható, egyébként nem.
Tudja esetleg vki, hogy ennek mi lehet az oka??
5

link

juhasztibi · 2007. Nov. 19. (H), 18.54
tudsz linket adni, hogy megnézzük?
6

link

Balage83 · 2007. Nov. 19. (H), 21.13
Itt az oldal. Ez az első komolyabb oldalam amit feltettem a netre, szóval úgy nézzétek. Tudom, hogy a kódon lenne mit javítani még....

Nem müxik a linkelés, szóval így írom: http://www.szegedirelikviak.extra.hu
7

elsőre

juhasztibi · 2007. Nov. 19. (H), 21.33
így első ránézésre csak ezt tűnik fel:

p:first-letter{
background-color: #3D59AB;
padding: 2px;
font-weight: bold;
color: #FFFFFF;
}

mivel ezt a paragrafust csak a box class-on belül használod így célszerűbb egy pontosabb definíció:

div#tartalom div#tartalom4 div.box p:first-letter{
background-color: #3D59AB;
padding: 2px;
font-weight: bold;
color: #FFFFFF;
}

ezt javasolni tudom csak, hogy így csináld, mert ha nagyra nő a css akkor jobban átlátod és elkerülheted a felüldefiniálásokat. Még egy tanács, használj css resetet. Ezzel minden értéket amit kapnak az tegek 0-ra állíthatsz. Ez csak annyi, hogy mindennek elöszőr globálsan 0 értéket adsz. Onnantól kezdve pedig nem kell annyit küzdeni, hogy nem megy ugyan úgy ie,ff alatt. Ezzel egy csomo bug lehetőséget kizárhatsz.
A problémádra hirtelen nem találom a választ,de ha lesz több időm megnézem alaposabban, ha addig valaki nem postolja be.
Nem tudom, hogy a <center> teget a szolgáltató teszi oda vagy Te? Remélem nem te, mert az kiábrándító lenne.
További jó munkát.

T.
9

köszi

Balage83 · 2007. Nov. 26. (H), 15.04
Köszi a tippeket.
Ami a <center>-t illeti, én raktam még anno be, az oldal kialakításának kezdetekor. Aztán persze megoldottam CSS-el, csak véletlenül benne maradt utána is a kódban. Köszi, hogy szóltál, kiszedtem.

Sajnos az alapproblémára viszont azóta sem találtam megoldást. Mármint ami a first letter körüli anomáliákat illeti.
8

Elnéztem...

csla · 2007. Nov. 19. (H), 21.36
Törölve. Elnéztem, bocsánat.