Avatar billede sodamnsweet Nybegynder
10. februar 2005 - 18:18 Der er 6 kommentarer

PopUp ovenpå Grafik

Hey Folks.. Jeg er i gang med at kigge på en hjemmeside med et galleri. Galleriet fungere fint MEN.. jeg har en infoknap og når man kører musen over den knap skal der "poppe" et vindue op ovenpå grafikken. Det skal lige tilføjes at jeg ikke mener et nyt browservindue. Jeg har hørt at dette kan gøres ved hjælp af css.
Avatar billede olebole Juniormester
10. februar 2005 - 19:04 #1
<ole>

Nej, CSS er ikke et 'funktions' sprog

/mvh
</bole>
Avatar billede Slettet bruger
10. februar 2005 - 19:45 #2
Kan du bruge dette, det er html/css

.....................................

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>[Ingen titel]</title>

<meta name="Author" content="Ib Bermann">
<style type="text/css" media="screen">
BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: black; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative
}
DIV#links {
    Z-INDEX: 100; LEFT: 0px; FONT: 16px Verdana, sans-serif; WIDTH: 166px; POSITION: absolute; TOP: 81px; HEIGHT: 700px
}
DIV#links A {
    BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #505050 5px solid; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #444; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 1px; FONT: bold 1em sans-serif; COLOR: #ffc; PADDING-TOP: 5px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
DIV#links A:hover {
    BORDER-RIGHT: white 5px double; BACKGROUND: #aaa; COLOR: #411
}
DIV#links A SPAN {
    DISPLAY: none
}
DIV#links A:hover SPAN {
    PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; Z-INDEX: 100; BACKGROUND: black; LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 10px; FONT: 10px Verdana, sans-serif; WIDTH: 125px; COLOR: #aaa; PADDING-TOP: 5px; POSITION: absolute; TOP: 180px; TEXT-ALIGN: center
}
</style>
</head>
<body>

<DIV id=links><A href="http://www.meyerweb.com/">Home<SPAN> The main page of the
site-- a jumping-off point, as it were-- and not actually a picture of our
house</SPAN></A> <A href="http://www.meyerweb.com/eric/css/">Links<SPAN> A
collection of things which interest me, and might interest you</SPAN></A> <A
href="http://www.w3.org/">Away<SPAN> Who knows? Could be anywhere; you clicks
the link and you takes your chances!</SPAN></A> <A
href="http://www.meyerweb.com/eric/">Eric<SPAN> He's been called "an
internationally recognized expert," but then he's also been called a
"techno-fascist"</SPAN></A> <A href="http://www.meyerweb.com/kat/">Kat<SPAN> She
cooks fabulous meals, she throws great parties, she helps women deliver their
babies-- what <EM>can't</EM> she do?</SPAN></A> <A
href="http://www.meyerweb.com/other/">Other<SPAN> Inevitably, there's stuff that
doesn't fit in with other stuff, so we stuffed it all into this page of random
stuff</SPAN></A> </DIV>


</body>
</html>
Avatar billede sodamnsweet Nybegynder
17. februar 2005 - 11:33 #3
Hey...kan desværre ikke bruge det.. sorry
Avatar billede olebole Juniormester
17. februar 2005 - 19:43 #4
Hvad kan du så bruge? Hvad skal det kunne?
Avatar billede sodamnsweet Nybegynder
17. februar 2005 - 21:05 #5
Det jeg beskrev.. men da jeg prøvede det du skrev var det ikke det resultat jeg søgte jeg kom frem til.. Finder ud af noget andet
Avatar billede sodamnsweet Nybegynder
27. december 2005 - 10:09 #6
man kan gøre det ved hjælp af en action.. er det det du søger?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester