Zum Inhalt springen
View in the app

A better way to browse. Learn more.
Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Navigationsleiste verrutscht

Gast Strike
Gast Strike
in Webdesign

Empfohlene Antworten

Veröffentlicht

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?

Verschoben -> Webdesign

Ne Demo wäre ganz nett, da man so auch in den Quelltext schauen kann.

So aus dem nichts heraus, wird dir keiner eine Hilfe geben können :)

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>

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]

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.

Deine Frage war aber, warum der Abstand zum nächsten so groß war :confused:

So ganz kann ich dir jetzt ned folgen

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Zur Themenliste gehen

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.