Inhalte in CSS Schweberahmen + Vorschau

[vfbgeislingen]

Hallo,
habe mehrere Probleme mit den CSS Schweberahmen. Ich habe mir eine web-site eine Musterseite angelegt. In dieser sind 2css Schweberahmen mit einem linken starren Rand. Im oberen Schweberahmen befindet sich ein Logo und ein Schriftzug. Im unteren links ein Menü und rechts der content Bereich, der in der Musterseite durch einen bearbeitbaren Absatzbereich gekennzeichnent ist.

1. Nun möchte ich diesen Content-Bereich mit Texten und Bilder bearbeiten. In diesem Fall sollte dies aber durch mehrer Absätze und Leerzeichen aufgelockert wirken.
Wie kann ich das realisieren? Wenn ich mehrere Ebenen hinzufüge, kann ich den darin enthaltenen Text später nicht mehr ändern. Außerdem möchte ich die Bilder frei plazieren können.
(Siehe Anhang Bsp.)

2. In meiner Layout-Ansicht sind die css Schweberahmen nicht direkt verbunden. Sie sind ein paar Pixel von einander entfernt. In der Vorschau sehe ich diesen Abstand (der unerwünscht für mich ist) zum Glück nicht.
Des weitern sehe ich in der layout-Ansicht eine Hintergrundgrafik (Farbverlauf grau--weiß) in einem css Schweberahmen, in der Vorschau wird dieser aber leider nicht angezeigt, bei der Vorschau im Browser funktioniert es aber.
Zum Farbverlauf: Wurde in PS Elements 4.0 erstellt, habe ein web-grau und weiß verwendet. Beim Web-speichern trat aber ein Hinweiß auf, dass nicht latainische Zeichen verwendet wurden)
Siehe Anhang Layout; Vorschau.

Vielen Dank für eure Hilfe
Grüße
Manuel

[Dirk Levy]

Hi,

kannst Du das mal temporär online stellen
zum schauen.

Texte und Bilder kannst Du doch ganz einfach
durch Leerzeilen steuern, oder verstehe ich
Dich falsch...

Gruß

Dirk

[vfbgeislingen]

Hi Drik,
leider kann ich die website im Moment NOCH nicht online stellen.
Zu den Texten und Bilder:
Wenn ich Leerzeichen oder Absätze erstelle, werden diese ignoriert. Hab im Forum dazu schon gelesen, dass man unsichtbare Zeichen verwenden müsste.
Jedoch muss ich offen gestehen, dass ich kein css Freak bin, und mich daher nur bedingt auskennt. (bis jetzt nur aus Video2Brain DVD zu Golive CS2)
Daher arbeite ich am liebsten mit Ebenen. Die kann ich dann überall plazieren, einen Text hineinschreiben, formatieren, Bilder hinzufügen,... .So wie ich es bisher mit MS Word gewohnt bin.
Für euch Profis werden jetzt best. die Haare zu Berge stehen, da ihr, wie ich hier im Forum gelesen habe, auf css schwört.

[vfbgeislingen]

Oder sollt ich den unteren CSS_Schweberahmen entfernen und mit Ebenen arbeiten?

[Dirk Levy]

Das unsichtbare Zeichen ist doch
ganz einfach: alt + Wortzwischenraum....

Du kannst Ebenen nicht genau wie
Rahmen in Word benutzen, Internet
ist was anderes als Drucksachen....

Gruß

Dirk

[vfbgeislingen]

was ist nun ein wortzwischenraum?

Du kannst Ebenen nicht genau wie
Rahmen in Word benutzen, Internet
ist was anderes als Drucksachen....

Ok, aber ich meine, dass ich mit Ebenen Texte und Bilder einfacher platzieren kann. Ziehe mit der Maustaste eine Ebene an der gewünschten stelle, Text oder Bild rein und fertig.
Bei den css rahmen funktioniert das für mich nicht so einfach, z.B. wenn ich mehrere Bilder nebeneinander auf verschiedenen Höhen haben möchte, Schriftformatierung usw. . Oder mach ich was falsch?

[Dirk Levy]

Ein Wortzwischenraum liegt auf der ganz langen Taste unten
in der Mitte Deiner Tastatur....

Das ist möglich, aber Browserstabil nur mit entsprechender
Kenntnis und durch konsequenten Einsatz von CSS und der
Vermeidung von relativen Schriftengrößen wie pt. oder
durch den Einsatz von gut durchgeplanten Layout-Tabellen...

Gruß

Dirk

[vfbgeislingen]

ALT und Leertaste drücken? dann erscheint aber das Menü eines Fensters

[Dirk Levy]

Im Layout-Modus im Text?
Das glaube ich nicht, oder Du
hast vom System abweichende
übergreifende Einstellungen...
Auf dem Mac geht es so...

Gruß

Dirk

[vfbgeislingen]

also mit Win Xp Pro geht das nicht. Da erscheint immer das Menü (schließen, maximieren, minimieren,..)

[Dirk Levy]

Dann mußt Du mal suchen,
im Quellcode muß das Ergebnis
so sein:  

Erläuterung:

Die Zeichenfolge   erzeugt ein geschütztes Leerzeichen (nbsp =nonbreaking space = Leerzeichen ohne Umbruch). Es wird ein normales Leerzeichen angezeigt, doch an dieser Stelle kann kein Zeilenumbruch erfolgen. Notieren Sie die Zeichenfolge inklusive dem "kaufmännischen Und" (&) am Beginn und dem Strichpunkt am Ende. Die gleiche Wirkung erzielen Sie durch Notieren der Zeichenfolge  .
Beachten Sie:

Zu dieser Art von Zeichennotation siehe auch Seite benannte Zeichen für die Zeichenkodierung ISO 8859-1.

http://de.selfhtml.org/html/referenz...nnte_iso8859_1

Gruß

Dirk

[vfbgeislingen]

Habs herausgefunden!
Unter Windows muss man Shift und Leertaste drücken.
Im Quellcode steht dann:
<!-- InstanceBeginEditable name="Bereich" -->test test<!-- InstanceEndEditable -->
(zw. test und test ist ein größere Abstand, als hier angezeigt)
Schonmal vielen Dank für deine Antworten, Dirk.
Werde nun schaun, wie ich meine Bilder und Texte am besten platzieren kann.
Hättest du vllt. noch ein Tutorial über Bild.- Textplatzierung in css?

[Dirk Levy]

Nee habe ich nicht.... Probier doch mal
ein wenig herum, da lernt man am besten...

Aber ob das was Du da oben erzeugst richtig
ist? Es hängt halt vom Encoding des Docs ab.
Bei 8859-1 gilt die Anleitung von selfhtml...

Viel Erfolg

Dirk