vet inte om rubriken är korrekt eller inom vilket forum det skall postas, men hoppas ni ändå "accepterar" den ;-)


..... nu behöver jag lite hjälp.... (igen)

Kan inte finna nån bra lösning.


Iaf.... gå gärna in på www.varbergsmtb.com
Klicka på länk "Länkar" i menyn....
Välj "Andra klubbar"....

Som du då märker så kommer inte de "nedersta" klubbarnas logga att visas när man för musen över klubbnamnet.
(ja eller rättare sagt, bilden visas, men den syns inte eftersom den hamnar överst på sidan i (f)ramen.)

Alltså, hur skulle man kunna lösa (med CSS tror jag), att denna bild, (ligger i en td inuti en tabell i en td - se källan) att den "flyttas" med "flytande" på ngt sätt när man scrollar nedåt, så att man hela tiden ser bilden.


Mycket tacksam för hjälp !
//// Mikke

detta är inte CSS (inte på ngt sätt som jag har sett iaf). Kolla på www.javascript.nu under dhtml

Hej !

Det du vill göra går att lösa via javascript som föreslogs i ett annar svar, prova följande:

Sätt in onscroll="moveimage();" i body taggen och lägg till följande javascript funktion:

function moveimage()
{
// Funktion för att se till att den flytande rutan alltid håller sig i skärmens överkant.
document.getElementById("image").style.top = document.body.scrollTop;
}

Image i det här fallet är ID't på en div innehållande tabellen med bilden.
Har dock inte testat om detta är en crossbrowser lösning eller om den bara fungerar i IE.

/C

Tyvärr, får inte javascriptet ovan att funka ;-(

Bilden visas ändå överst på sidan.....

Måste jag lägga till nåt mer i DIV än id='image' ??


/// Mikke

Kanske du får lite idéer från dessa flytande menyer.

http://slackerhtml.tripod.com/dhtml/nav/floatingmenu.html

http://www.gospelcom.net/guide/resources/dhtmlmenus.php