Webocton - Community

[orchidee]

Hallo,

ich habe das Problem, dass ich ein Bild einfügen will und es sich woanders hinsetzt wo es soll.
Was muss ich da genau anklicken, damit es sich da hinsetzt wo es soll?

Im Quelltext ist es im ersten Absatz zu finden.
Im Firefox ist es mehrere Absätze später unten zu sehen.
Im IE macht er mir oben einen langen freien Bereich.
Dann sitzt das Bild da wo es hinsoll, aber halt etliche Reihen sind darüber frei ohne Text.


<section id="erste">

<h1>Überschrift</h1>

<h2>Unterüberschrift</h2>

<img src="bilder/sonstiges/Abakus.jpg" alt="Abakus" title="Abakus" width="150" height="209" style="border: 0px; float: right; clear: both; margin-left: 6px; margin-right: 6px; margin-top: 6px; margin-bottom: 6px;" />

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam </p>

<p>pet justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>

<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</section>

[raum40302]

Hallo,

ich habe das Problem, dass ich ein Bild einfügen will und es sich woanders hinsetzt wo es soll.

Aber nur in der Anzeige der Browser im Quelltext ist es an der richtigen Stelle?

Was muss ich da genau anklicken, damit es sich da hinsetzt wo es soll?

Einfach in der Informationsleiste (F6) das Bild anklicken, gedrückt halten und dort loslassen wo man es (das Bild) im Quelltext haben möchte. Jetzt schreibt der Scriptly alles nötige in den img Tag (dies kannste nach belieben verändern oder andere Attribute hinzufügen). Achtung der Pfad den der Scriptly einfügt kann falsch sein(speziell wenn man einen Ordner zurück muß).
Hast Du mal einen Link das man sich das im gesamten ansehen kann?
Hast Du den Code schon überprüft ob er valide ist?
Könnte auch sein das die Browser die Du benutzt nichts mit HTML5 anfangen können.

Gruß Markus

[orchidee]

Hallo,

im Quelltext ist es da, wo es hinsoll.
Wenn ich es ohne Angaben mit dem Bildchen oben (der Möglichkeit alles einzutragen) neben der Farbpalette einfüge, dann geht der Text unten drunter erst weiter.

Und mit F6 die Informationsleiste öffnen geht. Aber wo ist da die Möglichkeit das Bild rein zu bekommen?
Ich finde es da nirgends.

Ich habe die aktuellen Browser.
Es liegt bisher nur auf meiner Festplatte.
Der Quelltext ist ok. Prüfe es regelmäßig.

Danke für weitere Hilfe
Andrea

[raum40302]

Hallo,

Aber wo ist da die Möglichkeit das Bild rein zu bekommen?

Das Bild das Du einfügen möchtest inder Informationsleiste anklicken(linke Maustaste) und gedrückt halten. Jetzt mit der Maus an die Stelle gehen wo das Bild hin soll, dort die Maustaste los lassen. Wie Drag and Drop.

float: right; clear: both

Das ist ein Widerspruch würde ich meinen. Mit float:right sagst du ja der folgender Text links neben dem Bild beginnen. Mit clear:both erzwingst du das der Text unterhalb des Bildes beginnt. Ist wahrscheinlich nicht des Rätsels Lösung.

<section id="erste">

ist vielleicht ne blöde Frage aber ist die sektion auch breit genug um Bild und Abstände auf zu nehmen? 162px ja braucht nur das Bild mit den Abständen.

Ersetz mal section durch div.

Gruß Markus

P.S. margin: 6px; reicht du muß nicht alles einzel auflisten

[orchidee]

Die section ist breit genug.
http://home.arcor.de/orchidee_andrea/Te ... index.html

Beim IE sieht man es richtig, bei Firefox nicht.

Auch wenn ich die rechte Randspalte auskommentiere geht es nicht.
Das verstehe ich eben nicht.

Und die Angaben im Quelltext sind die von Scriptly (beim Bild).

[raum40302]

Hallo,

also habe etwas rumprobiert (da kein Fehler zufinden war ) und wenn du die gesamte "section" vor "aside" machst zeigt es das Bild richtig an (so denke ich sollte es aussehen). Allerdings schiebt es "aside" nachunten.
Das ganze steht und fällt mit den "floats". Wenn ich aus inder jetzigen Fassung (aside vor section) das float aus dem Bild rausnehme ist es auch dort wo es hingehört allerdings nicht umflossen von Text.
Ich schau mal ob ich find wo der Hund begraben ist (wenn es dir recht ist). Schätze aber mal das du um eine neu Ausrichtung der Element nicht rum kommen wirst.

Gruß Markus

[orchidee]

Ich habe um die komplette Section, die ja unterteilt war, noch ein komplettes section gemacht.
Jetzt klappt es.

[raum40302]

Hallo,
ja so geht es. Manchmal sehe ich den Wald vor lauter Bäumen nicht . Tut mir leid das ich nicht helfen konnte.

Gruß Markus

[orchidee]

Ist doch ok.
Hauptsache man versucht zu helfen.

Wie gesagt - ist mein erstes Projekt so.
Die DVDs von Axel Pratzner als Vorlage (halt nacharbeiten und umarbeiten).

[Benedikt Loepp]

Moin,
auch wenn sich das Problem ja offenbar geklärt hat, noch ein Satz dazu... Du schreibst doch im ersten Post, das Bild sei im Quelltext im ersten Absatz zu finden - ist es doch aber gar nicht? Es befindet sich doch vor dem ersten <p>-Tag. Evtl. hat das auch was mit der falschen Positionierung zu tun?

Aber wenns nun ohnehin klappt, ist ja alles gut
Schönen Gruß,
Benedikt Loepp

[orchidee]

Mit erstem Absatz meinte ich die erste section. War wohl falsch ausgedrückt.
Es hatte sich im FF in die zweite section verschoben.
Jetzt mit einem kompletten Section um die beiden rum liegt es da wo es soll.

Danke noch mal
Andrea