Zum Inhalt springen

Navigationsleiste verrutscht

Strike

Von Strike
in Webdesign

 Teilen

Empfohlene Beiträge

Strike

Strike

Geschrieben
Geschrieben

Hallo, ich habe den Dreamw. MX und habe auf einer Seite, welche die Naviseite werden soll als Hintergrundbild eine Bild drauf, auf welches ich dann in bestimmten abständen die buttons draufhaben will.

Habe nun das Problem, dass die Navileiste vom Dreamw. mir nur den 1. Button total verhackt, d.h. die grösse der Spalte des ersten Buttons in zu gross und somit der 2. button zu weit weg. jemand ne idee wie man die Position richtig hinbekommt? ich habe auch schon versucht die grösse der tabelle zu bestimmmen, aber es rührt sich nichts!

Jemand ne idee?

Link zu diesem Kommentar
Auf anderen Seiten teilen
Strike

Strike

Geschrieben
  • Autor
Geschrieben

So, hier ist meinj Code:

Der erste button ist verrutscht: jemand ne idee warum der abstand zum nöchsten so gross ist?

<html>

<head>

<title>Unbenanntes Dokument</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

body {

background-color: #ffcc99;

background-image: url(left.jpg);

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-repeat: no-repeat;

}

-->

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

function MM_findObj(n, d) { //v4.01

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[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && d.getElementById) x=d.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_nbGroup(event, grpName) { //v6.0

var i,img,nbArr,args=MM_nbGroup.arguments;

if (event == "init" && args.length > 2) {

if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

nbArr[nbArr.length] = img;

for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = args[i+1];

nbArr[nbArr.length] = img;

} }

} else if (event == "over") {

document.MM_nbOver = nbArr = new Array();

for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

nbArr[nbArr.length] = img;

}

} else if (event == "out" ) {

for (i=0; i < document.MM_nbOver.length; i++) {

img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

} else if (event == "down") {

nbArr = document[grpName];

if (nbArr)

for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }

document[grpName] = nbArr = new Array();

for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

nbArr[nbArr.length] = img;

} }

}

//-->

</script>

</head>

<body onLoad="MM_preloadImages('button/seit-a.jpg','button/service-a.jpg','button/marken-a.jpg','button/groessen-a.jpg','button/start-a.jpg','button/bilder-a.jpg','button/kontakt-a.jpg','button/gaeste-a.jpg')" tracingsrc="left.jpg" tracingopacity="100">

<table border="0" cellpadding="0" cellspacing="0">

<tr ="0">

<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','start','button/start-a.jpg',1)" onMouseOver="MM_nbGroup('over','start','button/start-a.jpg','button/start-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="button/start.jpg" alt="" name="start" w hspace="50" vspace="46" border="0" onload=""></a></td>

</tr>

<tr>

<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','seit','button/seit-a.jpg',1)" onMouseOver="MM_nbGroup('over','seit','button/seit-a.jpg','button/seit-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="button/seit.jpg" alt="" name="seit" width="110" height="26" hspace="50" vspace="0" border="0" onload=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','service','button/service-a.jpg',1)" onMouseOver="MM_nbGroup('over','service','button/service-a.jpg','button/service-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="service" src="button/service.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','marken','button/marken-a.jpg',1)" onMouseOver="MM_nbGroup('over','marken','button/marken-a.jpg','button/marken-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="marken" src="button/marken.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','groessen','button/groessen-a.jpg',1)" onMouseOver="MM_nbGroup('over','groessen','button/groessen-a.jpg','button/groessen-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="groessen" src="button/groessen.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','bilder','button/bilder-a.jpg',1)" onMouseOver="MM_nbGroup('over','bilder','button/bilder-a.jpg','button/bilder-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="bilder" src="button/bilder.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','kontakt','button/kontakt-a.jpg',1)" onMouseOver="MM_nbGroup('over','kontakt','button/kontakt-a.jpg','button/kontakt-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="kontakt" src="button/kontakt.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','gaste','button/gaeste-a.jpg',1)" onMouseOver="MM_nbGroup('over','gaste','button/gaeste-a.jpg','button/gaeste-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="gaste" src="button/gaeste.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

</table>

</body>

</html>

Link zu diesem Kommentar
Auf anderen Seiten teilen
Manitu71

Manitu71

Geschrieben
Geschrieben
img src="button/start.jpg" alt="" name="start" w hspace="50" vspace="46"

setz mal die 46 auf 0 :)

 <html>

<head>

<title>Unbenanntes Dokument</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

body {

background-color: #ffcc99;

background-image: url(left.jpg);

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

background-repeat: no-repeat;

}

-->

</style>

<script language="JavaScript" type="text/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.01

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 && d.getElementById) x=d.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];}

}


function MM_nbGroup(event, grpName) { //v6.0

var i,img,nbArr,args=MM_nbGroup.arguments;

if (event == "init" && args.length > 2) {

if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;

if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

nbArr[nbArr.length] = img;

for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = args[i+1];

nbArr[nbArr.length] = img;

} }

} else if (event == "over") {

document.MM_nbOver = nbArr = new Array();

for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);

nbArr[nbArr.length] = img;

}

} else if (event == "out" ) {

for (i=0; i < document.MM_nbOver.length; i++) {

img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

} else if (event == "down") {

nbArr = document[grpName];

if (nbArr)

for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }

document[grpName] = nbArr = new Array();

for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {

if (!img.MM_up) img.MM_up = img.src;

img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;

nbArr[nbArr.length] = img;

} }

}

//-->

</script>

</head>


<body onLoad="MM_preloadImages('button/seit-a.jpg','button/service-a.jpg','button/marken-a.jpg','button/groessen-a.jpg','button/start-a.jpg','button/bilder-a.jpg','button/kontakt-a.jpg','button/gaeste-a.jpg')" tracingsrc="left.jpg" tracingopacity="100">

<table border="0" cellpadding="0" cellspacing="0">

<tr ="0">

<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','start','button/start-a.jpg',1)" onMouseOver="MM_nbGroup('over','start','button/start-a.jpg','button/start-a.jpg',1)" onMouseOut="MM_nbGroup('out')">

<img src="button/start.jpg" alt="" name="start" hspace="50" border="0"></a></td>

</tr>

<tr>

<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','seit','button/seit-a.jpg',1)" onMouseOver="MM_nbGroup('over','seit','button/seit-a.jpg','button/seit-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="button/seit.jpg" alt="" name="seit" width="110" height="26" hspace="50" vspace="0" border="0" onload=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','service','button/service-a.jpg',1)" onMouseOver="MM_nbGroup('over','service','button/service-a.jpg','button/service-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="service" src="button/service.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','marken','button/marken-a.jpg',1)" onMouseOver="MM_nbGroup('over','marken','button/marken-a.jpg','button/marken-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="marken" src="button/marken.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','groessen','button/groessen-a.jpg',1)" onMouseOver="MM_nbGroup('over','groessen','button/groessen-a.jpg','button/groessen-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="groessen" src="button/groessen.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','bilder','button/bilder-a.jpg',1)" onMouseOver="MM_nbGroup('over','bilder','button/bilder-a.jpg','button/bilder-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="bilder" src="button/bilder.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','kontakt','button/kontakt-a.jpg',1)" onMouseOver="MM_nbGroup('over','kontakt','button/kontakt-a.jpg','button/kontakt-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="kontakt" src="button/kontakt.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

<tr>

<td><a href="#" target="_top" onClick="MM_nbGroup('down','group1','gaste','button/gaeste-a.jpg',1)" onMouseOver="MM_nbGroup('over','gaste','button/gaeste-a.jpg','button/gaeste-a.jpg',1)" onMouseOut="MM_nbGroup('out')"><img name="gaste" src="button/gaeste.jpg" border="0" alt="" onLoad=""></a></td>

</tr>

</table>

</body>

</html> [/PHP]

Link zu diesem Kommentar
Auf anderen Seiten teilen
Strike

Strike

Geschrieben
  • Autor
Geschrieben

Das wird leider ein Problem darstellen, denn sonst komme ich mit dem Schatten von dem Hintergrundbild nicht hin.

Ich brauche diesen Button genau an dieser Stelle , denn sonst passt es mit dem HIndergrund bild nicht ganz.

die buttons sollen immer im 46pixel abstand voneinenader weg sein.

D.h der erste bitton soll 46 pixel von oberen rand sein und der 2 button dann 46 Pixel von ersten button etc.

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...