Html Editor zum freien Verschieben von Bildern

vom 27.12.2008, 22:03 Uhr

Kennt jemand einen Html-Editor zum freien Verschieben von Bilder. Also man hat eine Code und ein Design, und kann das Bild im Design frei verschieben und das Programm passt den Code genau an.

Text wird auch automatisch zurechtgerückt.

» blacky123 » Beiträge: 207 » Talkpoints: 4,09 » Auszeichnung für 100 Beiträge



Hallo,

sowas wird es wohl kaum geben, bzw. es würde keinen Sinn machen. HTML Editoren wie z.b. Frontpage generieren im Hintergrund automatisch den HTML Code. Ein "frei-verschiebbares" Bild muss für den Code an bestimmte Koordinaten oder andere fixe Punkte im Quelltext gebunden sein.

Dieses würde zu einem Problem bei verschiedenen Auflösungen führen. Wenn bei deiner Auflösung das Design der Seite und die Bilder vernünftig aussehen, wird es bei anderen Auflösungen völlig durcheinander sein.
Das Bild, was bei dir an den Koordinaten x,y an einer freien Stelle steht, kann bei anderen Auflösungen mitten über dem Text stehen.

Besser ist es, direkt bei der Erstellung der Seiten fixe Punkte zu wählen. Z.b. nach einem Text. Dabei wird das Bild bei jeder Auflösung immer nach/unter dem entsprechenden Text gezeigt.

Auch wenn du das Bild "ganz nach rechts" schiebst, ist es bei anderen Auflösungen, speziell bei Breitbildmonitoren, noch lange nicht ganz rechts. Mit dem Code "<DIV ALIGN=right>" würde das Bild jedoch immer an der rechten Stelle stehen, egal welche Auflösung oder Browsergröße verwendet wird.

Zusätzlich solltest du bei HTML immer versteckte Tabellen nutzen.(<td>, <tr>, etc.) Optimalerweise mit Rahmenbreite = 0, damit man die Tabellen nicht sieht, sondern Sie nur für die reine Anordnung verwendet werden.
Google dazu mal nach "HTML Tabellen".

Nur damit kannst du garantieren dass alles an Ort und Stelle bleibt und bei jedem Benutzer "ordentlich" aussieht. ;-)

» stifler » Beiträge: 427 » Talkpoints: 46,27 » Auszeichnung für 100 Beiträge


stifler hat geschrieben:Zusätzlich solltest du bei HTML immer versteckte Tabellen nutzen.(<td>, <tr>, etc.) Optimalerweise mit Rahmenbreite = 0, damit man die Tabellen nicht sieht, sondern Sie nur für die reine Anordnung verwendet werden.
Google dazu mal nach "HTML Tabellen".

Wer nicht mit CSS umgehen kann ist wohl immer noch auf solche Code-Bläher angewiesen :roll:

Und natürlich gibt es Programme, bei denen man ein Bild sozusagen "frei" verschieben kann und anschließend wird der HTMl-Code neu generiert. Das nennt man WYSIWYG (What you see is what you get)-Editor. Es gibt tausende davon, Frontpage wäre zum Beispiel einer, allerdings nicht besonders weit entwickelt. Dreamweaver von Adobe ist ganz nett, aber auch sehr teuer.

Pauschal kann man aber schon sagen, dass solche WYSIWYG-Editoren auf Codeseite ziemlich viel Müll reinhauen, es lohnt sich also wenigstens am Ende nochmal drüber zu schauen und tausende leere Absätze, Divs etc. rauszunehmen.

Und dass das Bild über den Text gelegt wird würde nur bei einem seperaten Div mit höherem Z-Index passieren, das ist für einen gewöhnlichen WYSIWYG-Editor aber viel zu hoch, sprich er wird das Bild irgendwo dort zwischen dem umfließenden Text im selben div einbauen, wo man es hingezogen hat.

Benutzeravatar

» Taline » Beiträge: 3594 » Talkpoints: 0,75 » Auszeichnung für 3000 Beiträge



Tachchen!

Der Online-HTML-Editor könnte dir da vielleicht weiterhelfen. Dazu musst du deinen Quelltext für das Bild in den HTML Editor bei der oben genannten Website einfügen. Dann wird es im Editor sichtbar und müsste sich auch frei verschieben lassen.

Ansonsten bleibt dir noch die Möglichkeit, dir HTML Kenntnisse anzueignen und selbst den Quellcode dafür zu schreiben.

Euer Big-D.

Benutzeravatar

» Big-D. » Beiträge: 1234 » Talkpoints: -10,32 » Auszeichnung für 1000 Beiträge



Ähnliche Themen

Weitere interessante Themen

^