Avatar billede dsjk Novice
06. december 2001 - 20:02 Der er 7 kommentarer og
1 løsning

menupunkt flytter sig ikke

Hej jeg har et lille problem som jeg håber i kan hjælp med.
Jeg har hentet en menu, som jeg så tilretter.
Jeg har lavet min side sådan at den passer til 800x600 og ved 1024x768 er den centreret horizontalt, problemet er så at menupunkterne ikke flytter sig, de står samme sted, fx. ved 800x600 300px fra venstre, hvilket er korrekt, men ved 1024x768 står den stadig 300px fra vestre, og det er ikke rigtigt.
Hvordan løser jeg dette????

I kan se det på
http://home.worldonline.dk/~dsj-k/menutest1.htm

DSJK
Avatar billede dsjk Novice
06. december 2001 - 20:04 #1
glemte lige at skive at den øverste menu linie bare er images sat i tabel, så de flytter sig, men det er det nederste jeg vil bruge.

dsjk
Avatar billede Tony Breindal Juniormester
06. december 2001 - 20:06 #2
Er det \'Referater\' og \'Diverse\' der er dit problem ... for eller ser det da fint ud (IE 5.5 på PC - 1024x768) ...
Avatar billede Tony Breindal Juniormester
06. december 2001 - 20:07 #3
... har du prøvet at eksperimenterer med at sætte dine positioner med pct. (%) i stedet for pixels ?
Avatar billede dsjk Novice
06. december 2001 - 20:15 #4
ja det er referater og diverse der er problemet.

jeg kan ikke angive pct, kun tal som er i px.

DSJK
Avatar billede Tony Breindal Juniormester
06. december 2001 - 20:29 #5
OK - håber der kommer en der kan hjælpe dig. Jeg har desværre ikke tid :(
Avatar billede klausd Nybegynder
07. december 2001 - 09:30 #6
Koden jeg viste dig tidligere:

<html>
<head>
<script>
onresize = moveImage

function moveImage(){
    document.getElementById(\'test\').style.pixelLeft = document.body.offsetWidth / 2 -200;
}

</script>
</head>
<body onload=\"moveImage()\">
<img src=\"\" width=\"30\" height=\"30\" id=\"test\" style=\"position: absolute;\">
</body>

På min skærm flytter billedet sig med når jeg resizer browseren... (ie 6.0)

Prøv at erstatte den tomme src i <img> tag\'et.. det kan være det hjælper hos dig.
Avatar billede dsjk Novice
07. december 2001 - 23:18 #7
jeg kan stadig ikke få det til at virke, men jeg kalder også img frem på en anden måde end dig.

her er koden for selve menuen, og ikke logo mm.

img hedder /menu/referatop.gif

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript1.2\" src=\"coolmenus3.js\" type=\"text/javascript\">
/*******************************************************************************
Copyright (c) 2001 Thomas Brattli (www.bratta.com - dhtmlcentral.com)

eXperience DHTML coolMenus - Get it at dhtmlcentral.com
Version 3.02
This script can be used freely as long as all copyright messages are
intact.
*******************************************************************************/

</script>

<script language=\"JavaScript\">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf(\"#\")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\" onLoad=\"MM_preloadImages(\'slice3/menu3_r3_c3_f2.jpg\')\">
<script language=\"JavaScript1.2\" type=\"text/javascript\">
/*****************************************************************************
Default browsercheck
******************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.ie5=(this.ver.indexOf(\"MSIE 5\")>-1 && this.dom)?1:0;
    this.ie6=(this.ver.indexOf(\"MSIE 6\")>-1 && this.dom)?1:0;
    this.ie4=(document.all && !this.dom)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf(\"Mac\")>-1
    this.opera5=this.agent.indexOf(\"Opera 5\")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom)
    return this
}
var bw=new lib_bwcheck()
mDebugging=1 //Set to 0 for NO Debugging, set to 1 for alert debugging and set to 2 for status.

//COOLMENU CODE GENERATED BY THE COOLMENU GENERATOR FROM DHTMLCENTRAL.COM
oCMenu=new makeCoolMenu(\'oCMenu\') //Making a new menu

//General variables
oCMenu.useframes=0
oCMenu.offlineUrl=\'file:///C|/Inetpub/wwwroot/coolmenu/\'
oCMenu.onlineUrl=\'http://www.dhtmlcentral.com/\'
oCMenu.useclick=0
oCMenu.useNS4links=1
oCMenu.NS4padding=2
oCMenu.checkselect=0
oCMenu.pagecheck=1
oCMenu.checkscroll=1
oCMenu.resizecheck=1
oCMenu.wait=1000
//Background bar variables
//oCMenu.usebar=1
//oCMenu.barcolor=\'#000000\'
//oCMenu.barwidth=\'100%\'
//oCMenu.barheight=\'menu\'
//oCMenu.barx=10
//oCMenu.bary=\'menu\'
//oCMenu.barinheritborder=0

//Placement variables
oCMenu.rows=2
oCMenu.fromleft=300
oCMenu.fromtop=150
oCMenu.pxbetween=100
oCMenu.menuplacement=0
//Level 0 variables
oCMenu.level[0]=new Array()
oCMenu.level[0].width=130
oCMenu.level[0].height=21
oCMenu.level[0].bgcoloroff=\'red\'
oCMenu.level[0].bgcoloron=\'red\'
oCMenu.level[0].textcolor=\'white\'
oCMenu.level[0].hovercolor=\'#FCCE55\'
oCMenu.level[0].style=\'font-family:arial,helvetica; font-size:12px; font-weight:bold\'
oCMenu.level[0].border=0
oCMenu.level[0].bordercolor=\'red\'
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].NS4font=\'arial,helvetica\'
oCMenu.level[0].NS4fontSize=2
oCMenu.level[0].align=\'bottom\'
oCMenu.level[0].clip=0
oCMenu.level[0].clippx=0
oCMenu.level[0].cliptim=0
oCMenu.level[0].filter=0
//Level 1 variables
oCMenu.level[1]=new Array()
oCMenu.level[1].width=130
oCMenu.level[1].height=21
oCMenu.level[1].bgcoloroff=\'black\'
oCMenu.level[1].bgcoloron=\'red\'
oCMenu.level[1].textcolor=\'white\'
oCMenu.level[1].hovercolor=\'#FCCE55\'
oCMenu.level[1].style=\'font-family:arial,helvetica; font-size:12px; font-weight:bold\'
oCMenu.level[1].border=1
oCMenu.level[1].bordercolor=\'black\'
oCMenu.level[1].offsetX=0
oCMenu.level[1].offsetY=0
oCMenu.level[1].NS4font=\'arial,helvetica\'
oCMenu.level[1].NS4fontSize=2
oCMenu.level[1].align=\'bottom\'
oCMenu.level[1].clip=0
oCMenu.level[1].clippx=0
oCMenu.level[1].cliptim=0
oCMenu.level[1].filter=0
//Level 2 variables
oCMenu.level[2]=new Array()
oCMenu.level[2].width=130
oCMenu.level[2].height=21
oCMenu.level[2].bgcoloroff=\'red\'
oCMenu.level[2].bgcoloron=\'black\'
oCMenu.level[2].textcolor=\'white\'
oCMenu.level[2].hovercolor=\'#FCCE55\'
oCMenu.level[2].style=\'font-family:arial,helvetica; font-size:12px; font-weight:bold\'
oCMenu.level[2].border=1
oCMenu.level[2].bordercolor=\'black\'
oCMenu.level[2].offsetX=0
oCMenu.level[2].offsetY=0
oCMenu.level[2].NS4font=\'arial,helvetica\'
oCMenu.level[2].NS4fontSize=2
oCMenu.level[2].align=\'middle\'
oCMenu.level[2].clip=0
oCMenu.level[2].clippx=0
oCMenu.level[2].cliptim=0
oCMenu.level[2].filter=0
//Level 3 variables

//Menu items
oCMenu.makeMenu(\'menu\',\'\',\'\',\'\',\'\',60,20,\'menu/referatop.gif\',\'menu/referatned.gif\',\'#999999\',\'#111111\',\'#000000\',\'\',\'\',\'\',\'\')
    oCMenu.makeMenu(\'under1\',\'menu\',1999,\'\',\'\',30,20,\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\')
        oCMenu.makeMenu(\'dato\',\'under1\',\'6. November\',\'dsjny/referat.asp?referatid=1\',\'\',100,20,\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\')
        oCMenu.makeMenu(\'dato1\',\'under1\',\'21. december\',\'dsjny/referat.asp?referatid=2\',\'\',100,20,\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\')
    oCMenu.makeMenu(\'under2\',\'menu\',2000,\'\',\'\',30,20,\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\')
oCMenu.makeMenu(\'menu1\',\'\',\'\',\'\',\'\',60,20,\'menu/diverseop.gif\',\'menu/diversened.gif\',\'#999999\',\'#111111\',\'#000000\',\'\',\'\',\'\',\'\')

oCMenu.makeStyle(); oCMenu.construct() //Starts the menus

</script>
Avatar billede dsjk Novice
12. december 2001 - 23:01 #8
lukket. har fundet løsning

DSJK
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