nicht angemeldet
Menüleiste
Hallo,
auf meiner Seite habe ich ein div-layer welcher
sich aber nicht positionieren lässt.
Was mache ich hier falsch,der Layer sollte eigentlich
mit dem Bild links und rechts bündig abschliessen.??
Michael
-
Hallo,
auf meiner Seite habe ich ein div-layer welcher
sich aber nicht positionieren lässt.
Was mache ich hier falsch,der Layer sollte eigentlich
mit dem Bild links und rechts bündig abschliessen.??Michael
Habe natürlich vergessen die Seite anzugeben:
www.muzo.de-
Hallo Michael.
Würde bei solchen Fragen immer erst mal meine Syntax prüfen (ggf. Freund Vali fragen: http://validator.w3c.org). Da is nämlich einiges faul im Quellcode...
Grüße aus Würzburg
Julian-
Hallo Michael.
Würde bei solchen Fragen immer erst mal meine Syntax prüfen (ggf. Freund Vali fragen: http://validator.w3c.org). Da is nämlich einiges faul im Quellcode...
Grüße aus Würzburg
JulianHallo Julian,
habe den Body raus genommen,war ein Versehen das
der 2 x drin war.
Jetzt ist der layer weiter runter gerutscht obwohl
es in der Voransicht des Web-Editors schon mal
gestimmt hatte.Liegt das ander absoluten Positionierung ?Gruss Micha
-
Hi,
Dein Quelltext ist ja so was von verhunzt. Wahnsinn!
Arbeitest Du mit Adobe GoLive?Da sind Sachen drin wie:
<spacer type="block" width="96" height="1">
Das versteht nur der alte Netscape.
Und erst Sachen wie usegridx usegridy showgridx showgridy usw. das ist kein HTML-Syntax.Aber die Tabelle ist eh unnötig.
Dann verwendest Du die class index für links und den äußeren div gleichzeitig: das kann Probleme machen.
Bei den Links steht die class sogar zweimal drin.Dann machst Du zwei divs auf, aber nur eins zu.
Lustig ist auch, wenn ich die Seite mit Zurück verlasse und mit Vorwärts wieder drauf gehe, stimmt alles.
Probier doch einfach mal das hier:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="muzo.css" rel="stylesheet" type="text/css">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Muzo">
<title>Willkommen bei Muzo</title>
</head>
<body style="background-color:#ffffff"><img style="margin-left:100px; margin-top:10px" src="muzo.jpg" width="800" height="79" border="1">
<div style="position:absolute; top:80px; left:100px; width:802px;"><div style="background-color:#d6d3ce;"><a class="index" href="#">Geschäft</a><a class="index" href="#">Landesinfo</a><a class="index" href="#">Bestellung</a><a class="index" href="#" style="cursor:help">Impressum</a></div>
<p>TESTSEITE</p>
</div></body>
</html>Schaut doch gleich viel übersichtlicher aus.
Ansonsten empfehle ich Dir einen neuen (Text-)Editor und les mal ein bißchen in selfHTML.
Grüße,
Ronny
-
guten Morgen ...
habe den Body raus genommen,war ein Versehen das
der 2 x drin war.Aber den gesamten Rest hast du noch nicht korrigiert. Es gibt zum Beispiel immer noch die Zeile
<link href="muzo.css" rel="stylesheet" type="text/css">
im Dateikörper _unterhalb_ der Tabelle, obwohl diese Zeile in den Header-Bereich der Seite gehört. Und dann ist diese CSS ausgesprochen "mager": alles, was du mit
<body bgcolor="#ffffff" link="#FF0000" alink="#FF0000" vlink="#FF0000">
vorgibst, gehört in die CSS-Datei, steht auch - sofern es die Färbung der links angeht - teilweise bereits drin. Ebenso gehören sämtliche Attribute für <table>, die du jetzt noch in der Form
<table cool width="1012" height="180" usegridx usegridy showgridx showgridy gridx="16" gridy="16" border="0" cellpadding="0" cellspacing="0">
geschrieben hast, in die CSS. Noch immer hast du nicht berücksichtigt, daß "cool" Umgangssprache ist und nix in HTML-Code zu suchen hat, und was "gridx", "usergridx", "usergridy" und "showgridx" bewirken sollen, versteht außer dir eh niemand, vor allem kein Browser, also nimm diese "grid"-Dinger raus und wirf sie möglichst weit weg.Jetzt ist der layer weiter runter gerutscht
ja, exakt auf 112 Pixel von oben, weil du das so festgeschrieben hast.
obwohl es in der Voransicht des Web-Editors schon mal
gestimmt hatte.ähm, schwierige Problematik. Welchen "Web-Editor" hast du denn benutzt? Es gibt einige Dutzend davon, und wer etwas auf sich hält, kann sich leicht selber einen eigenen basteln ... Was diese "Vorschauen" auch zeigen mögen: es ist völlig irrelevant. Entscheidend ist, was in deinem Quelltext steht, und das schreibst du schließlich selbst hinein, möglicherweise mit Hilfe deines "Webeditors". Du solltest es aber bei dem Kenntnisstand, den du wahrsacheinlich hast, erst einmal völlig ohne "Webeditor" versuchen, solche Software führt dich in aller Regel erst einmal auf Irrwege, die dann schwer zu korrigieren sind. Deinstalliere deinen "Editor" und übe erst einmal ein paar Wochen, alles "von Hand" zu machen. Wenn du weißt, wie es geht, kannst du deinen "Editor" wieder installieren, vielleicht verstehst du dann, was er macht. Aber denk dran: es kommt absolut nicht auf den Editor an, sondern auf das Ergebnis, also deine Webseite.
Liegt das an der absoluten Positionierung ?
nicht unbedingt. Aber wenn du "top: 112px" vorgibst, wird das eben auch mit diesem Abstand von oben angezeigt. Wieso paßt dir nicht, was du selbst als Befehl geschrieben hast?
Nochmal zur Gesamtproblematik: solange du zwei verschiedene und gleichermaßen mächtige "Layout-Werkzeuge" gleichzeitig verwendest - nämlich eine Tabelle und ein DIV außerhalb der Tabellle - wird dein Ziel unerreichbar bleiben. Dir bleiben drei Wege:
1. Du setzt generell auf das Layout-Mittel "Tabelle". Dann solltest du die beiden DIV's, die es zur Zeit in deinem Code gibt, ganz rauswerfen und eben die Tabelle als einziges Layout-Instrument nutzen. Das heißt, in der ersten Tabellenzeile steht dein Bild (mit einer Angabe für "colspan"), und darunter in der zweiten stehen nebeneinander in diversen Tabellenzellen deine Navigationslinks. Die Tabelle positionierst und formatierst du mit CSS.
2. Du läßt das mit der Tabelle und konzentrierst dich auf die "Layer". Das ist zwar eher zu empfehlen, für dich aber möglicherweise zu schwierig. Du brauchst (bei dem bisherigen Inhalt) auch nur einen Layer, und nicht mehrere. In diesem Layer kann dann wieder eine Tabelle stehen, die sowohl dein Bild wie auch deine Navigationslinks enthält.
3. Du läßt das mit Tabelle und Layer völlig weg und formatierst jedes einzelne HTML-Element mit CSS - im augenblicklichen Stadium deiner Seite der beste Weg. Du kannst ja mit CSS für ein <img>-Element die Positionierung festlegen, und für jedes einzelne <p> oder <a ...> kannst du das auch - wenn es Unterschiede geben soll, formulierst du eben noch ein paar Klassen dafür.
Grüße aus Berlin
Christoph S.
-
-
-
hallo Michael,
Habe natürlich vergessen die Seite anzugeben:
www.muzo.dedas solltest du vielleicht mal http://www.muzo.de zu schreiben lernen.
Ich erinnere mich, daß ich auf diese Seite heute schon mal geschaut habe und dazu auch was gepostet habe ... ist eigentümlicherweise nicht mehr zu finden, obwohl die Forumsoftware das noch nicht hätte ans Archiv schicken dürfen. Daher mag dir verziehen sein, daß du einen neuen Thread eröffnest, obwohl es zum selben Thema bereits einen Thread gab.
Grundsätzlich:
du hast immer noch zwei "body"-tags in deinem Quelltext und immer noch nicht gelernt, wie das Grundgerüst eines HTML-Dokuments aussieht. Darauf hatte ich dich in dem (verschwundenen ?) Thread bereits aufmerksam gemacht. Korrigiere das bitte zuerst, damit Tabelle und "Layer" im selben "body" stehen, dann können wir weitersehen, ok?.
Grüße aus Berlin
Christoph S.
-
-
Hallo Michael,
vielleicht etwas Code?
Sven