languages of internets scare me
Sep. 24th, 2007 05:29 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
pezFound a way to make it work on IE, but realised that because entries on ![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-community.gif)
word_games are on default LJ layout (I find that easiest to read fics from, compared with any customised layout), any CSS I applied isn't going to work. I thought hey, maybe just include it in the <span style="code here">, so that it's part of the post itself, but I think it's not possible (or it exceeds me wee brain's capability with coding) of putting something like this (which I got from a tutorial):
a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}
....into one line. There are four things, not just one, so I really don't think it'll work.
(Oh um, I thought it'd be nifty to have any notes required for fics just to pop up on hover, that's why I'm looking at this~ might just end up keeping any notes very short and putting them on the top.)
word_games are on default LJ layout (I find that easiest to read fics from, compared with any customised layout), any CSS I applied isn't going to work. I thought hey, maybe just include it in the <span style="code here">, so that it's part of the post itself, but I think it's not possible (or it exceeds me wee brain's capability with coding) of putting something like this (which I got from a tutorial):a.info{
position:relative; /*this is the key*/
z-index:24; background-color:#ccc;
color:#000;
text-decoration:none}
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #0cf;
background-color:#cff; color:#000;
text-align: center}
....into one line. There are four things, not just one, so I really don't think it'll work.
(Oh um, I thought it'd be nifty to have any notes required for fics just to pop up on hover, that's why I'm looking at this~ might just end up keeping any notes very short and putting them on the top.)
