Probleme beim Menüplatzierung

**Sternchen3** · 20.06.2008, 12:49

Ich habe hier ein Problem mit der Platzierung des Menüs. Obwohl die Werte von mir angegeben wurden, wird das Menü grundsätzlich unten rechts unter dem Raster platziert und nicht oben rechts neben dem Logo.
Die Syntaxprüfung ergibt 0 Fehler. In der Layoutansicht ist die Ebenen gar nicht zu sehen. Ich weiss mir keinen Rat mehr, was läuft hier falsch?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>Priener Gospel Singers e.V.</title>
		<style type="text/css"><!--
body {
	background-image: url(gospelhomepage.jpg);
	background-repeat: no-repeat;
	background-position:center;
	}
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #7F7F7F;
background: #FFE5E5;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FFE5E5;
color: #000000;
background: #FFFFFF;
}
#Ebene1 { height: 40px; width: 290px; left: 810px; top: 184px; position: absolute; visibility: visible; }
#Ebene2 { height: 40px; width: 320px; left: 1000px; top: 234px; position: absolute; visibility: visible; }
#Ebene1 { height: 40px; width: 330px; left: 830px; top: 190px; position: absolute; visibility: visible; }
#Ebene1 { height: 40px; width: 270px; left: 817px; top: 218px; position: absolute; visibility: visible; }
--></style>
	</head>

	<body>
		<div style="position:relative;width:1776px;height:1500px;-adbe-g:p;"></div>
			<div style=" color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; top: 460px; left: 300px; width: 204px; height: 458px;">
				<table width="204" border="0" cellspacing="2" cellpadding="0" height="458">
					<tr height="128">
						<td height="128"></td>
					</tr>
					<tr height="143">
						<td height="143"></td>
					</tr>
					<tr height="179">
						<td height="179"><img src="gastbuch001.gif" alt="" height="48" width="110" border="0" /><br />
							<br />
							Wir freuen uns über einen Eintrag ins Gästebuch!</td>
					</tr>
				</table>
			</div>
			<div style="position:absolute;top:768px;left:492px;width:208px;height:461px;">
				<table width="208" border="0" cellspacing="2" cellpadding="0" height="461">
					<tr height="172">
						<td height="172"></td>
					</tr>
					<tr height="151">
						<td height="151"></td>
					</tr>
					<tr height="120">
						<td height="120"></td>
					</tr>
				</table>
			</div>
		<div id="Ebene1" style="top:200px;left:500px;width:200px;heigt:50px;"></div><div id="navcontainer">
<ul id="navlist">
	<li><a href="<a href=\\ueberuns.html\\>Wir über uns</a>">Über Uns</a></li>
	<li><a href="<a href=\\gaestebuch.html\\>Gästebuch</a>">Gästebuch</a></li>
	<li><a href="<a href=\\termine.html\\>Termine</a>">Termine</a></li>
</ul>
</div>
	</body>

</html>

**Dirk Levy** · 20.06.2008, 14:21

Dann nimm doch mal dieses Layout-Raster
raus, das stört hier....

Und Du hast dies im Quelltext: <div id="navcontainer">
aber es ist nirgends als Ebene definiert....

Gruß

Dirk

**Sternchen3** · 20.06.2008, 16:35

Ja aber ohne das Layout Raster kann ich doch nicht in der Layoutansicht arbeiten oder schon?

Und wie wird es als Ebene definiert? Ich dachte das div die Ebene bezeichnet.

**Dirk Levy** · 20.06.2008, 16:46

Ja ein div ist eine Ebene. Natürlich
kannst Du mit Ebenen ohne Raster
arbeiten. Während Du eine Ebene
anlegst wird Dir sogar ein Hilfsraster
eingeblendet.

Und Ebenen tiefer einstellen geht
über den CSS-Inspektor...

Gruß

Dirk

**Sternchen3** · 20.06.2008, 17:09

Das geht dann, wenn ich anstatt mit dem T-Werkzeug mit dem anderen Ebenenwerkzeug eine Ebene aufziehe, oder?

**Sternchen3** · 20.06.2008, 17:11

Mit dem CSS-Inspektor hab ich nocht nicht gearbeitet. Wo finde ich den und wie stell ich damit die Position ein?

**Sternchen3** · 20.06.2008, 17:18

Habe jetzt mal das Raster entfernt. Aber jetzt sehe ich nicht mehr die ganze Seite.

**Dirk Levy** · 20.06.2008, 18:10

Auf der Seite oben rechts ist ein Treppensymbol
in der Layout-Ansicht, da klickst Du drauf und
landest im CSS-Inspektor...

Gruß

Dirk

**Sternchen3** · 23.06.2008, 11:05

Hallo Dirk, ich bitte dich noch mal um Hilfe. Wahrscheinlich ist es ganz einfach, aber ich krieg den Dreh einfach nicht raus.

Und zwar will ich das Menü in die Ebene bringen und dann beides platzieren. Und zwar oben rechts. Also so, das letztendlich das Menü platziert ist.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Priener Gospel Singers e.V.</title>
<style type="text/css"></style>
</head>

<body>
<div style="color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; top: 500px; left: 310px; width: 204px; height: 458px;">
<table width="204" border="0" cellspacing="2" cellpadding="0" height="458">
<tr height="128">
<td height="128"></td>
</tr>
<tr height="143">
<td height="143"></td>
</tr>
<tr height="179">
<td height="179"><img src="gastbuch001.gif" alt="" height="48" width="110" border="0" /><br />
<br />
<span class="Stil1">Wir freuen uns <br />über einen Eintrag<br />
ins Gästebuch!</span></td>
</tr>
</table>
</div>
<div style="position:absolute;top:768px;left:492px;width:208px;height:461px;">
<table width="208" border="0" cellspacing="2" cellpadding="0" height="461">
<tr height="172">
<td height="172"></td>
</tr>
<tr height="151">
<td height="151"></td>
</tr>
<tr height="120">
<td height="120"></td>
</tr>
</table>
</div>
<div id="Ebene1" style="position: absolute; top: 90px; left: 620px; width: 290px; height: 40px; heigt: 50px;"></div><div id="navcontainer">
<ul id="navlist">
<li><a href="<a href=\\ueberuns.html\\>Wir über uns</a>">Wir über uns</a></li>
<li><a href="<a href=\\gaestebuch.html\\>Gästebuch</a>">Gästebuch</a></li>
<li><a href="<a href=\\termine.html\\>Termine</a>">Termine</a></li>
</ul>
</div>
</body>

</html>

**Dirk Levy** · 23.06.2008, 11:40

Meinst Du das so?

War einfach nur ein div-container zuviel im Code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Priener Gospel Singers e.V.</title>
<style type="text/css"><!--
body {
background-image: url(gospelhomepage.jpg);
background-repeat: no-repeat;
background-position:center;
}
#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #7F7F7F;
background: #FFE5E5;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FFE5E5;
color: #000000;
background: #FFFFFF;
}
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
font-weight: bold;
}
#Ebene1 { height: 40px; width: 290px; left: 810px; top: 184px; position: absolute; visibility: visible; }
#Ebene2 { height: 40px; width: 320px; left: 1000px; top: 234px; position: absolute; visibility: visible; }
#Ebene1 { height: 40px; width: 330px; left: 830px; top: 190px; position: absolute; visibility: visible; }
#Ebene1 { height: 40px; width: 270px; left: 817px; top: 218px; position: absolute; visibility: visible; }
--></style>
</head>

<body>
<div style="color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; top: 500px; left: 310px; width: 204px; height: 458px;">
<table width="204" border="0" cellspacing="2" cellpadding="0" height="458">
<tr height="128">
<td height="128"></td>
</tr>
<tr height="143">
<td height="143"></td>
</tr>
<tr height="179">
<td height="179"><img src="gastbuch001.gif" alt="" height="48" width="110" border="0" /><br />
<br />
<span class="Stil1">Wir freuen uns <br />?ber einen Eintrag<br />
ins G?stebuch!</span></td>
</tr>
</table>
</div>
<div style="position:absolute;top:768px;left:492px;width:208px;height:461px;">
<table width="208" border="0" cellspacing="2" cellpadding="0" height="461">
<tr height="172">
<td height="172"></td>
</tr>
<tr height="151">
<td height="151"></td>
</tr>
<tr height="120">
<td height="120"></td>
</tr>
</table>
</div>
<div id="Ebene1" style=" color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; top: 90px; left: 620px; width: auto; height: 40px; heigt: 50px;">
<ul id="navlist">
<li><a href="<a href=\\ueberuns.html\\>Wir ?ber uns</a>">Wir ?ber uns</a></li>
<li><a href="<a href=\\gaestebuch.html\\>G?stebuch</a>">G?stebuch</a></li>
<li><a href="<a href=\\termine.html\\>Termine</a>">Termine</a></li>
</ul>
</div>
</body>

</html>

Gruß

Dirk

**Sternchen3** · 23.06.2008, 12:02

Ja genau.

Aber was jetzt nicht klappt ist die Platzierung. Habe den Top-Wert der Ebene auf 90 px gesetzt.
In der Layout-Ansicht wird das dann auch gemacht, aber eben auch nur in der Layout-Ansicht.

Und die Tabelle samt Inhalt hat sich komplett verschoben.

**Sternchen3** · 23.06.2008, 12:04

Und überhaupt ist jetzt ohne das Raster nur noch die untere halbe Seite/Hintergrundbild zu sehen.

Ich denke daher kommt auch das Problem mit dem Top-Wert, da die untere halbe Seite jetzt wahrscheinlich als Seitenanfang gesehen wird.

Was soll ich denn jetzt machen?

**Dirk Levy** · 23.06.2008, 12:17

Du mußt aufpassen was Du da machst,
einmal ist die Ebene1 im Kopf der Seite
definiert und dann nochmal direkt an
der Stelle wo sie aufgerufen wird.
Das ist nicht gut...

Gruß

Dirk

**Sternchen3** · 23.06.2008, 12:20

Gut und woher weiss ich jetzt wo ich sie rauslöschen muss?

**Sternchen3** · 23.06.2008, 12:22

Im Kopf gibt es 3x die Ebene 1.

Allerdings muss das dass Programm selbst verursacht haben, hab ich in Go Live schon öfter festgestellt. Du machst etwas in der Layout-Ansicht und hast es dann falsch im Quellcode.

zur Startseite vom TP

Thema: Probleme beim Menüplatzierung

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Probleme beim Menüplatzierung

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Probleme beim Brennen

Probleme beim Bildaustausch im PDF

Probleme beim Kantenglätten..

Probleme beim Layout

Probleme beim Nebenverdienst

Aktive Benutzer

Aktive Benutzer

Berechtigungen