BDG
Mitglied
Hey Leute...
Ich habe heute mal sowas versucht : Pure CSS Pop Ups Da unten bei "Give a try"...
Das funktionierte auch ... Aber ich will jetzt das dieses "menü" nicht von oben nach unten geht, sondern von links nach rechts ...
ALso habe ich einfach die br's weggenommen... Mein COde sieht jetzt so aus :
So... Alles funktioniert prima ... Aber : wenn ich mit der Maus über dem einen button bin, und davon direkt auf den anderen slide, wird der nicht aktiviert !
Hier mal ein VIdeo was ich meine : Bug ... Blaaa ! - Kostenlose hochqualitative Videospeicherung - Upload and share your videos
Und css, falls ihr wollt :
Ich habe heute mal sowas versucht : Pure CSS Pop Ups Da unten bei "Give a try"...
Das funktionierte auch ... Aber ich will jetzt das dieses "menü" nicht von oben nach unten geht, sondern von links nach rechts ...
ALso habe ich einfach die br's weggenommen... Mein COde sieht jetzt so aus :
Code:
<div id="set_of_links"><a href="javascript:;">Site #1
<span><strong>http://www.MyVeryFirstSite.com</strong><br/>It's a frames-design layout with a whole bunch of tags.<br />There are also a few cool animated gifs and a hit counter.</span>
</a>
<a href="javascript:;">Site #2
<span><strong>http://www.NumberTwo.com</strong><br />I dropped the frames and I replaced the animated gifs with cool flash banners. I have also 3D buttons with cool rollover effects!</span>
</a>
<a href="javascript:;">Site #3
<span><strong>http://www.TheThirdOne.com</strong><br />I dropped the flash banners, I'm using JavaScript to do all kind of cool stuff, I have a pop up navigation menu.</span>
</a>
<a href="javascript:;">Site #4
<span><strong>http://www.TheLastOne.com</strong><br/>I dropped JavaScript and a whole bunch of stuff.Actually I removed everything I can live without.<br />I'm thinking the leaner the better...</span>
</a></div><!-- /set_of_links -->
So... Alles funktioniert prima ... Aber : wenn ich mit der Maus über dem einen button bin, und davon direkt auf den anderen slide, wird der nicht aktiviert !
Hier mal ein VIdeo was ich meine : Bug ... Blaaa ! - Kostenlose hochqualitative Videospeicherung - Upload and share your videos
Und css, falls ihr wollt :
Code:
#set_of_links { position:relative;
padding:9px;
border:1px dotted #999;
background-color:#fff;
margin-bottom:20px
}
#set_of_links a {
display:inline;
padding:2px 9px 2px 9px;
text-decoration:none;
color:maroon;
background:#ececec
}
#set_of_links a:hover {
background:white;
text-decoration:none
}
#set_of_links a span {
display:none
}
#set_of_links a:hover span {
display:run-in;
position:absolute;
top:0;
left:90px;
padding:50px 15px 5px 0
}