Eure Webseiten #5

**Drakes** · 16.01.2007 19:09

Zitat von mitaki

Das mit dem Bild als Überschrift hast du falsch verstanden. Das Bild gehört innerhalb von <h1 /> nicht das <h1 /> innerhalb des Bildes.Dann kannst du auch das Umschließende <div> entfernen und gleich dem <h1 /> die ID box1 geben.

Ok. Hab ich geändert.

Zitat von mitaki

Du kannst auch der Liste (<ul>) die ID box2 direkt geben. Zusätzlich kannst du bestimmen, dass Listenpunkte innerhalb dieser Liste als inline* dargestellt werden.

Mach ich, aber alle Elemente werden bei mir jetzt, ausser Home, rechts aussen dargestellt, sogar übereinander geschrieben.

Zitat von mitaki

Dein Code ist leider auch schwer lesbar, weil du <div>s fast nie an der Position schließt, an der su sie andernorts geöffnet hast.

Wie kann ich dann das eine <div> in das andere verschachteln, wenn ich es nicht erst nachher schliesse?

Zitat von mitaki

Naja, du siehst, Positionierung ist sehr komplex. Die vier Arten der Positionierung werden auch von Michael Jendryschik etwas bearbeitet. Vielleicht hilft dir das ein wenig.

Naja, dieses Toturial hab ich eigentlich gelesen, so wie es aussieht, bei einigen Punkten aber falsch verstanden.

**mitaki** · 16.01.2007 19:26

Zitat

Mach ich, aber alle Elemente werden bei mir jetzt, ausser Home, rechts aussen dargestellt, sogar übereinander geschrieben.

Versuche, nur die Listenpunkte als Inlineelemente darzustellen, nicht die <ul> selbst. Die darf ruhig noch ein Blockelement bleiben.

Zitat

Wie kann ich dann das eine <div> in das andere verschachteln, wenn ich es nicht erst nachher schliesse?

Von Verschachtelung war nicht die Rede, sondern von:

HTML-Code:

   <div>
<div>
    </div>
</div>

Das ist schwer lesbar.

HTML-Code:

<div>
    <div>
    </div>
</div>

Wäre schon einfacher.

Zitat

Naja, dieses Toturial hab ich eigentlich gelesen, so wie es aussieht, bei einigen Punkten aber falsch verstanden.

Ok, ein versuch von mir. Wenn du ein Element hast, das statisch positioniert ist (Standardeinstellung) und darin ein Element absolut positionierst, dann orientieren sich die Werre top, right, left und bottom an die Kanten des ersten Elternelements, welches nicht-statisch positioniert ist.
Das bedeutet im Normalfall, die Kanten des Anzeigebereichs.

HTML-Code:

<body>
<div style="position:absolute; left: 0;">Klebt links.</div>
</body>

Positionierst du etwas absolut in einem nicht-statisch positioniertem Element, dann richten sich die genannten Werte an die Kanten des nicht-statisch positionierten Elements.

HTML-Code:

<body>
  <div style="position:relative;">
    <div style="position:absolute; left: 0;">Klebt links am ersten div.</div>
  </div>
</body>

Nebenbei wäre es einfacher wenn du deine Arbeit auf eine Stildatei beschränken würdest. So kommt man doch nur durcheinander :/

**Drakes** · 16.01.2007 20:02

Hab das von dir erklärte jetzt verstanden, du hast es wirklich gut erklärt. Danke

Das mit den <div> Elementen kann daran liegen, dass ich z.B. die Navigation mit PHP eingebunden habe.

Edit: So, nun sollte eigentlich in keinem fall mehr nach rechts gescrollt werden müssen.
Das mit den 2 Stil Dateien, sind eigentlich nicht 2 sondern nur alte und neue Version, damit ich die alte noch habe, wenn ich etwas neues probiere und es dann nicht klappt.

**mitaki** · 16.01.2007 20:10

Zitat

Hab das von dir erklärte jetzt verstanden, du hast es wirklich gut erklärt.

Puh, glück gehabt

Ein Hinweis wohl noch obendrauf, wenn möglich, würde ich versuchen das Element von der Kante aus zu positionieren, der es am nächsten ist.
Da das Formular bei dir rechts ist, würde ich daher right: Xeinheit; statt left: Bildschrimbreite-X; wählen

Nebenbei kommt es mir so vor, als müsstest du noch einiges über die CSS-Selektoren lernen. Damit kannst du fast alle Stilangaben aus dem Dokument streichen und benötigst weniger IDs und Klassen

**Drakes** · 16.01.2007 20:24

Zitat von mitaki

Puh, glück gehabt

Ein Hinweis wohl noch obendrauf, wenn möglich, würde ich versuchen das Element von der Kante aus zu positionieren, der es am nächsten ist.
Da das Formular bei dir rechts ist, würde ich daher right: Xeinheit; statt left: Bildschrimbreite-X; wählen

Ja, hab ich schon verändert. Das Login sollte jetzt immer ganz rechts erscheinen und die gleiche Höhe wie die News Hintergrundfarbe. Edit: ...haben.

Ich werde mich auf die optimierung in nächster Zeit mehr konzentrieren.

**mitaki** · 16.01.2007 20:42

Zitat

Ja, hab ich schon verändert. Das Login sollte jetzt immer ganz rechts erscheinen und die gleiche Höhe wie die News Hintergrundfarbe.

Der letzte Teil des Satzes ergibt, glaube ich, keinen Sinn^^
Aber nochmal der Hinweis: absolute Positionierung entzieht das positionierte Element dem Elementenfluss, d.h. es wirkt sich nicht mehr auf andere Elemente aus. Es lässt diese nicht expandieren und verschiebt diese auch nicht, sondern legt sich höchstens drüber.

Daher passt sich der Inhalt nicht dem Formular an. Das siehst du wenn du im Firefox mit Strg und - herauszoomst.

**Underserial** · 27.04.2007 22:28

Hab auch nun endlich eine die ist aber noch nicht ganz fertig www.esdi-page.de

**toho** · 28.04.2007 00:31

Zitat von Underserial

Hab auch nun endlich eine die ist aber noch nicht ganz fertig www.esdi-page.de

und deine seite wird gehosted vom mmx..?

**Underserial** · 28.04.2007 15:05

Zitat von es

und deine seite wird gehosted vom mmx..?

Nein.

**rgb** · 28.04.2007 15:07

Dann würde ich mal den Hosted by Multimediaxis Button rausnehmen.

**Underserial** · 28.04.2007 15:13

Zitat von rgb

Dann würde ich mal den Hosted by Multimediaxis Button rausnehmen.

Gibst auch noch einen anderen Button?

Finde leider keinen.

@drakes

Kannst du mir das mal genauer erklären?

**Lukas** · 28.04.2007 15:15

Zitat von Underserial

Gibst auch noch einen anderen Button?

Finde leider keinen.

Was fuer einen anderen Button? Wenn die Seite nicht von MX gehostet wird, hat ein "Hosted by MX"-Button da nichts zu suchen. Punkt.

**Underserial** · 28.04.2007 15:21

Zitat von mq

Was fuer einen anderen Button? Wenn die Seite nicht von MX gehostet wird, hat ein "Hosted by MX"-Button da nichts zu suchen. Punkt.

Naja ich meine einen RPG Atelier Button immerhin ist er ja dafür ^^

Hab einen Banner bekommen von nem Kumpel. So ists besser, aber danke für die Infos.

**NPC Fighter** · 28.04.2007 16:04

Zitat von Underserial

Gibst auch noch einen anderen Button?

Finde leider keinen.

@ Kris: Gefällt mir gut. Lediglich die serifenlastige Schrift finde ich weniger gut.

**Drakes** · 28.04.2007 17:31

Nun ja, für den Header hast du das Bild genommen:

aber für die Fenster das folgende:

Nun könntest du stattdessen etwas wie das nehmen:

Ich sagte ja, nur ein kleiner Tip würde die Downloadmenge noch schmaller machen. (Das Bild hab ich so ausgeschnitten, dass es sich nahtlos wiederholen würde)

**Drakes** · 28.04.2007 08:58

Zitat von Underserial

Hab auch nun endlich eine die ist aber noch nicht ganz fertig www.esdi-page.de

Kleiner Tipp, bei dem Hintergrundbild der Titelleisten von den Fenstern könntest du es gleich machen wie im Header, also es nur für einen kleinen Bereich laden, aber im CSS(bei dier einfach Style) einfach background-repeat: repeat-x definieren.

Thema: Eure Webseiten #5

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen