Javascript Menu verzerrt sich nach Einbinden in Website - HILFE!!!

[andjudar]

Hallo,

habe ein Menu erstellt mit AllWebMenus 5 Pro, und das verzerrt sich unglaublich und vor allem unleserlich nach Einbindung in Website, erstellt mit Dreamweaver CS3.

In der Menuvorschau des AllWebMenus 5 Pro schaut alles super aus und funktioniert auch, aber sobald ich es in die eigentliche Website einbinde und auf Vorschau klicke, ist es total unbrauchbar...

Ich bin auf diesem Gebiet totaler Neuling und kann mit dem Code nicht viel anfangen...

Bitte helft mir! ich bin am Verzweifeln...

mail an: andjudar@yahoo.com oder andjudar@hotmail.com oder eine PM/IM hierher. Ich bedanke mich schonmal im Vorraus.

Maxi

[rawhead]

Es wäre nützlich wenn du ein Bild und den Code einstellst, ansonsten gestaltet sich die Fehlersuche schwierig um nicht zu sagen unmöglich

[Deadlift]

Hallo,

habe ein Menu erstellt mit AllWebMenus 5 Pro, und das verzerrt sich unglaublich und vor allem unleserlich nach Einbindung in Website, erstellt mit Dreamweaver CS3.

This is why we dont do webdesign with Dreamweaver or WYSIWYG editors...

Mein erster Auftrag war eine Dreamweaver Seite überhaupt zum laufen zu bringen...

Übler häßlicher ****** mit "."en in Hintergrundfarben um Tabs und Tabellen zu layouten...

[perdian]

In der Menuvorschau des AllWebMenus 5 Pro schaut alles super aus und funktioniert auch, aber sobald ich es in die eigentliche Website einbinde und auf Vorschau klicke, ist es total unbrauchbar...

Na dann musst du es anders machen.

Sorry, aber was erwartest du als Antwort bei einer solchen Fehlerbeschreibung?

[andjudar]

ich weiß dass dreamweaver nicht unbedingt der bringer ist, ganz besonders nicht von fachleuten aber als hobby designer hats halt nicht zu was anderem gereicht. hat mir bisher immer gute dienste erfüllt aber nun mit den menues bringt es mich ins frühe grab. konnte den code nicht früher einstellen, da mein rechner sich verabschiedet hatte. ich bitte um nachsicht.

hier der code und bilder des vorher nachher.

:old

danke für eure hilfe!

maxi

[andjudar]

hier endlich der code sowie bilder des vorher nachhers!

sorry für die verwirrung. mit dem code selbst kann ich leider nichts anfange, versteh davon eigentlich gar nichts...sorry

beschränke mich auf einen post...

hier der code vom menu.js

//----------DHTML Menu Created using AllWebMenus PRO ver 5.0-#706---------------

//D:\Websites\Enduro Ecuestre\menu enduro ecuestre.awm

awmRelativeCorner=5;

var awmMenuName='menu';

var awmLibraryBuild=706;

var awmLibraryPath='/awmdata';

var awmImagesPath='/awmdata';

var awmSupported=(navigator.appName + navigator.appVersion.substring(0,1)=="Netscape5" || document.all || document.layers || navigator.userAgent.indexOf('Opera')>-1 || navigator.userAgent.indexOf('Konqueror')>-1)?1:0;

if (awmAltUrl!='' && !awmSupported) window.location.replace(awmAltUrl);

if (awmSupported){

var nua=navigator.userAgent,scriptNo=(nua.indexOf('Safari')>-1)?7nua.indexOf('Gecko')>-1)?2(document.layers)?3(nua.indexOf('Opera')>-1)?4(nua.indexOf('Mac')>-1)?5:1)));

var mpi=document.location,xt="";

var mpa=mpi.protocol+"//"+mpi.host;

var mpi=mpi.protocol+"//"+mpi.host+mpi.pathname;

if(scriptNo==1){oBC=document.all.tags("BASE");if(oBC && oBC.length) if(oBC[0].href) mpi=oBC[0].href;}

while (mpi.search(/\\/)>-1) mpi=mpi.replace("\\","/");

mpi=mpi.substring(0,mpi.lastIndexOf("/")+1);

var e=document.getElementsByTagName("SCRIPT");

for (var i=0;i<e.length;i++){if (e.src){if (e.src.indexOf(awmMenuName+".js")!=-1){xt=e.src.split("/");if (xt[xt.length-1]==awmMenuName+".js"){xt=e.src.substring(0,e.src.length-awmMenuName.length-3);if (e.src.indexOf("://")!=-1){mpi=xt;}else{if(xt.substring(0,1)=="/")mpi=mpa+xt; else mpi+=xt;}}}}}

while (mpi.search(/\/\.\//)>-1) {mpi=mpi.replace("/./","/");}

var awmMenuPath=mpi.substring(0,mpi.length-1);

while (awmMenuPath.search("'")>-1) {awmMenuPath=awmMenuPath.replace("'","'");}

document.write("<SCRIPT SRC='"+awmMenuPath+awmLibraryPath+"/awmlib"+scriptNo+".js'><\/SCRIPT>");

var n=null;

awmzindex=1000;

}

var awmImageName='logo.jpg';

var awmPosID='';

var awmSubmenusFrame='';

var awmSubmenusFrameOffset;

var awmOptimize=0;

var awmUseTrs=0;

var awmSepr=["0","","",""];

function awmBuildMenu(){

if (awmSupported){

awmImagesColl=["main-header.gif",29,26,"main-footer.gif",34,26,"button-tile.gif",8,26,"buttonOver-tile.gif",8,26,"button-left.gif",10,26,"buttonOver-left.gif",10,26,"button-right.gif",10,26,"buttonOver-right.gif",9,26,"sub-header.gif",29,26,"sub-footer.gif",34,26];

awmCreateCSS(1,2,1,'#000000',n,n,'14px sans-serif',n,'none',0,'#000000','0px 0px 0px 0',0);

awmCreateCSS(0,2,1,'#000000',n,n,'14px sans-serif',n,'none',0,'#000000','0px 0px 0px 0',0);

awmCreateCSS(0,1,0,n,n,n,n,n,'none',0,'#000000',0,0);

awmCreateCSS(1,2,1,'#FFFFFF',n,2,'bold 10px Tahoma',n,'none',0,'#000000','0px 0px 0px 0',0);

awmCreateCSS(0,2,1,'#033E00',n,3,'bold 10px Tahoma',n,'none',0,'#000000','0px 0px 0px 0',0);

awmCreateCSS(1,2,1,'#FFFFFF',n,n,'14px sans-serif',n,'none',0,'#000000','0px 0px 0px 0',0);

awmCreateCSS(0,2,1,'#FFFFFF',n,n,'14px sans-serif',n,'none',0,'#000000','0px 0px 0px 0',0);

var s0=awmCreateMenu(0,0,0,0,1,0,0,0,7,10,10,0,1,2,0,0,1,n,n,100,2,0,0,0,0,-1,1,200,200,0,0,0,"0,0");

it=s0.addItemWithImages(0,1,1,"","","","",0,0,0,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," Portada ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s0.addItemWithImages(3,4,4," Quiénes Somos? ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s1=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,2,0,-1,1,200,200,0,0);

it=s1.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," Quiénes Somos ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," El Directorio ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Comité Disciplina ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," Noticias ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s1=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,1,0,-1,1,200,200,0,0);

it=s1.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," Noticias ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Ultimos Comunicados ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Indicaciones Reglamento 2009 ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Comité Disciplina ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," El Deporte ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s1=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,3,0,-1,1,200,200,0,0);

it=s1.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," El Deporte ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Como Participar? ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Reglamento Enduro Resumido ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Reglamento 7a Edicion 2009 ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Indicaciones Reglamento 2009 ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Responsibilidad y Autorizacion ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Sustancias Prohibidas ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," Campeonato ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s1=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,5,0,-1,1,200,200,0,0);

it=s1.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," Campeonato Nacional ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s2=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,8,0,-1,1,200,200,0,0);

it=s2.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s2.addItemWithImages(3,4,4," Campeonato Nacional ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Inscripcion ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Reglamento Enduro Resumido ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Reglamento 7a Edicion 2009 ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Calculo Puntaje ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," Campeonato FEI ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s2=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,9,0,-1,1,200,200,0,0);

it=s2.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s2.addItemWithImages(3,4,4," Campeonato FEI ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Inscripcion FEI ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Reglamento Enduro Resumido ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(3,4,4," Reglamento 7a Edicion 2009 ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s2.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," Inscripcion ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s1=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,7,0,-1,1,200,200,0,0);

it=s1.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," Inscripcion Campeonato Nacional ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Inscripcion FEI ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Responsibilidad y Autorizacion ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," Dato Enduro ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s0.addItemWithImages(3,4,4," Media ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

var s1=it.addSubmenu(1,0,0,0,0,0,0,2,0,0,1,n,n,100,-3,4,0,-1,1,200,200,0,0);

it=s1.addItemWithImages(5,6,6,"","","","",8,8,8,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s1.addItemWithImages(3,4,4," Fotos ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(3,4,4," Videos ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s1.addItemWithImages(0,6,6,"","","","",9,9,9,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

it=s0.addItemWithImages(3,4,4," Links y Sponsores ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s0.addItemWithImages(3,4,4," Contacto ",n,n,"",n,n,n,3,3,3,n,n,n,"",n,n,n,n,n,0,0,2,4,5,5,6,7,7,1,1,1,0,0);

it=s0.addItemWithImages(0,1,1,"","","","",1,1,1,3,3,3,n,n,n,"",n,n,n,n,n,0,0,0,n,n,n,n,n,n,0,0,0,0,0);

s0.pm.buildMenu();

}}

und hier der code auf der website direkt (auch von allwebmenu eingefügt)

<!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** -->

<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="706";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script>

<!-- ******** END ALLWEBMENUS CODE FOR menu ******** -->

ein bild des menus in der vorschau bei allmenuweb

ein bild vom menu in der website

die anordnung der files im DW

ich bedanke mich für eure hilfe und sorry nochmal

maxi

[Aiun]

sieht nach einem CSS Problem aus. d.h. deine Webseite hat Einstellungen zum Design die nicht zum Menü passen. - nicht verwunderlich, sowas muss aufeinander abgestimmt werden.

Aber du erwartest hoffentlich nicht das jemand den Code durchgräbt und dir genau sagt was du falsch gemacht hast. (wahrscheinlich gar nichts, dreamweaver macht nunmal doch nicht alles für dich) Webdesign bzw. Web-Entwicklung ist nichts was man mit "versteh davon eigentlich gar nichts" tun sollte. Ich baue ja auch kein Auto und frag dann die Autohersteller was ich falsch gemacht habe.

... gut das es keine Auto-Zusammenklick-Programme gibt

Ich kann dir daher nur Raten nimm die Online-Quellen und / oder Bücher zur Hand und finde heraus was du da eigentlich versuchst zu tun.

[andjudar]

nein, ich erwarte nicht, dass jemand den code durchliest. aber wenn es schon foren gibt, die hilfe anbieten, warum dann nicht mal anfragen? und ich bin dankbar für jede hilfe!

deshalb danke für deinen hinweis, werde mal nachforschen.

danke

[Der Kleine]

Mein Tip: Mach es per Hand und lerne etwas. (Wenn du schon Javascript magst). Selfhtml bietet leicht und schnell einen funktionierenden und umfassenden Einblick.

In deinem Quelltext scheint etwas zu fehlen, nämlich: awmCreateCSS

Dieses wird nicht weiter betrachtet und stellt wahrscheinlich eine Funktion dar.

PS: Wenn Javascript deaktiviert ist, dann funktioniert irgendetwas nicht auf der Seite.