Tip bobbel

Så mangler du at sætte style="position:absolute;..." på dine to bobler. Og med et script som overvåger musens placering, kan du så sætte top:placering-Y-px;left:placering-X-px;

position: absolute;

Så ligger den oven på designet, men hvordan kan man gøre den mere smart så?

Hov. Havde ikke set din kommentar.

Hvordan kan jeg lave det med musen så? :/

du skal have z-index på, for at den ligger ovenpå designet.

Har fået position til at lægge den ovenpå designet. Men hvordan kan man fixe den lidt mere op?

Altså en opfixning må vel være grafisk, så det er svært for os at hjælpe dig med.

Sæt. evt. rammer på (style="border:1px solid #000000") og en baggrundsfarve (style="background-color:#c0c0c0").

Hvis du er god til grafik kan du jo også tegne boksen og bruge den som baggrundsbillede i div'en. Så kan den f.eks. have afrundede hjørner, det ville da se meget smart ud.

Og musens bevægelser fanger du f.eks. med følgende script:
----------------------------------------------------
// Tjekker hvilken browser der benyttes og derved hvilken teknik, vi skal bruge
var IE=document.all?true:false;

if(!IE)document.captureEvents(Event.MOUSEMOVE);

// Finder cursorens koordinater
document.onmousemove=getMouseXY;

// Variabler som indeholder X- og Y-koordinaterne
var X=0,Y=0;

// Funktionen som henter koordinaterne
function getMouseXY(e){
  if(IE){
    X=event.clientX+document.body.scrollLeft;
    Y=event.clientY+document.body.scrollTop;
  }else{
    X=e.pageX;
    Y=e.pageY;
  }
  if(X<0)X=0;
  if(Y<0)Y=0;
  return true;
}
-------------------------------------------
Så kan du flytte en boks med javascriptkoden:

document.getElementById(element).style.top=Y+"px";
document.getElementById(element).style.left=X+"px";

Måske vil det være nemmere at bruge et færdigt lib: http://www.bosrup.com/web/overlib/ !-)

Takker. Prøver mig frem nu. Læg et svar så får i point

Okidoke!

Takker for point! =)