Bild über das Seitenlayout fließen lassen

[Schippo]

Hallo liebe Experten,

ich benötige dringend Hilfe bei der Positionierung eines Bildes:

<IMG
style="HEIGHT: 75px; WIDTH: 985px; MARGIN-LEFT: -5px; MARGIN-TOP: -2px; MARGIN-RIGHT: 0px"
alt="" src="hpfixseparat_2oie_oie_overlay.gif">

Das Bild läßt sich nach oben, unten und links optimal ausrichten, aber nicht nach rechts. Hier der Link file:///C:/Users/Admin/Documents/Meine%20HomepageFIX2014%20Seiten/dreambook/index.html

Wie kann ich das Bild auch optimal nach rechts ausrichten, so daß es mit dem Hintergrund eine Einheit bildet. Ich habe es mit Bildweite vergrößern versucht, das führte nicht zum Erfolg. Ich bekomme nur entweder eine rechte Überlappung oder eine linke Überlappung hin.

Schon jetzt herzlichen Dank für jede Hilfe.

Gruß Schippo

 

[lachender_engel]

Vielleicht ist es DIr nicht aufgefallen, aber auf Deinen Link unter

Hier der Link file:///C:/Users/Admin/Documents/Meine%20HomepageFIX2014%20Seiten/dreambook/index.html

können wir nicht zugreifen, denn er zeigt auf Deine lokale Festplatte.

 

[Jormungand]

wie @lachender_engel geschrieben hat, ist dein Link lokal. Da können wir nicht drauf zugreifen.
Aber wie willst du das Bild auch links und rechts ausrichten? Du brauchst nur einen vertikalen Wert, nicht zwei. Also entweder ein margin-left, oder ein margin-right.

 

[skiron]

Versuchs mal damit.

width:100%;
margin:0 auto;

Oder:

background-position: center;
background-size: auto[cover][contain];

auto
Das auto Schlüsselwort skaliert das Hintergrundbild so in die entsprechende Richtung, dass das ursprüngliche Seitenverhältnis beibehalten wird.
cover
Das cover Schlüsselwort behält das Seitenverhältnis des Hintergrundbildes bei und skaliert es so, dass es so klein wie möglich ist, aber den Hintergrund-Positionierungsbereichs vollständig abdeckt.
contain
Das contain Schlüsselwort behält das Seitenverhältnis des Hintergrundbildes bei und skaliert es so, dass es so groß wie möglich ist, aber vollständig im Hintergrund-Positionierungsbereichs enthalten ist.

 

[Schippo]

Hallo Skiron,

danke für Deine Hilfe, aber das Programm, mit dem ich die Seiten erstelle, läßt keine Eingriffe auf das Background zu. Alles andere funktioniert nicht.

Sorry für den Link, ist ja noch gar nicht auf meinem Server gehostet.

Gruß Schippo

 

[skiron]

Von welchem Programm redest Du?
Bei der Erstellung von Webseiten sollte man auch Zugriff auf den Quellcode haben, völlig egal welches UI genutzt wird. Andernfalls würde ich mich nach einem anderem Programm umsehen! Ich mein, ein einfacher Text-Editor tuts auch, denn HTML und CSS sind im Grunde nichts anderes als einfache Textdateien.

 

[Schippo]

Hallo @Jormungand,
hallo @lachender_engel,

sorry für den Link, die Seite ist ja noch gar nicht auf meinem Server gehostet. Stand da wohl gerade auf'm Schlauch.

@Jormungand
ich dachte, es würde vielleicht einen Trick geben, daß auch die linke Seite überlappen kann. Es geht nur margin-left oder margin-righ. Eine Seite bleibt immer auf der Strecke.

Aber trotzdem "danke" für Euer Feedback.

Gruß Schippo

Hallo Skiron,

das Programm, welches ich benutze, nennt sich HomepageFix2014. Ich kann nur Einfluß auf die von mir erstellten Seiten nehmen und ein Hintergrundbild einfügen, aber das Hintergrundbild kann ich nirgends verändern. In meine eigenen Seiten kann ich lediglich html einbinden, alles andere entfernt er sofort wieder. Für mein Bild gibt es einen html-Editor.

Man kann kein CSS o.ä. im Header einbinden. Das Hintergrundbild läßt sich gar nicht verändern (nur Wahl Hintergrundbild ja oder nein) und die Größe des Logos (Header) läßt sich definieren.

Das Logo nimmt auch kein Gif-Format, so daß auch keine Animationen möglich sind. Deshalb habe ich das Logo auf 1px gesetzt und der Rahmenfarbe angepaßt und wollte mir nun ein eigenes Logo als Bilddatei erstellen. Aber die Randgestaltung macht mir hier einen Strich durch die Rechnung. Auf einer Seite bleibt immer das Seitenlayout sichtbar. Nach oben kann ich überlappen lassen, das funktioniert. Ich hoffe, ich konnte das verständlich rüberbringen.

Gruß Schippo

Man kann kein CSS o.ä. im Header einbinden. Das Hintergrundbild läßt sich gar nicht verändern (nur Wahl Hintergrundbild ja oder nein) und die Größe des Logos (Header) läßt sich definieren.

Das Logo nimmt auch kein Gif-Format, so daß auch keine Animationen möglich sind. Deshalb habe ich das Logo auf 1px gesetzt und der Rahmenfarbe angepaßt und wollte mir nun ein eigenes Logo als Bilddatei erstellen. Aber die Randgestaltung macht mir hier einen Strich durch die Rechnung. Auf einer Seite bleibt immer das Seitenlayout sichtbar. Nach oben kann ich überlappen lassen, das funktioniert. Ich hoffe, ich konnte das verständlich rüberbringen.

Gruß Schippo

 

[Myhar]

Editier deine Beiträge anstatt 5-fach posts zu erstellen.

 

[Schippo]

und wie lösche ich die beiden posts?

 

[skiron]

"HomepageFIX richtet sich mit dem neuen umschaltbaren WYSIWYG Editor an Homepage-Macher, die sowohl keine HTML Kenntnisse oder aber auch an Personen die bereits erste Erfahrungen mit der HTML Programmierung gemacht haben und selber Quellcode programmieren oder einfügen möchten."

Laut Hersteller ist es also durchaus vorgesehen. Lerne das Programm zu bedienen oder mache es Dir einfacher, lerne HTML!

 

[Schippo]

Möglicherweise ist dem so in der neusten Version 2015, aber nicht in meiner Version. Aber danke für Deine guten Ratschläge

 

[skiron]

So, ich war neugierig. Habe mir die 2014er Version runtergeladen und mal angeschaut. Im Prinzip muss Du nur einen Block auswählen, auf Block bearbeiten klicken, dann öffnet sich der Wysiwyg-Editor. Dort klickst Du rechts oben auf HTML, dann kannst Du den Quellcode bearbeiten.

Mein erster Eindruck ist: HTML lernen ist einfacher ^^

 

[Schippo]

Danke für Deine Mühe. Ich konnte mit Wysiwyg-Editor nichts anfangen. Block, bearbeiten und auf html gehen wird ja von mir so gemacht. Ich dachte, daß dieser Editor etwas Neues aus der neusten Version ist. Daß der so heißt, war mir nicht bekannt. Aber daß ich auf diesen Quellcode zugreifen kann bzw. ihn selbst definieren kann, ging m.E. aus meiner obigen Darstellung hervor, sonst stände der ja da nicht. Jedenfals steht dort der von mir oben angegebene html-Code drin, mit dem ich schon jede Menge herumexperimentiert habe. Soweit reichen meine html-Kenntnisse gerade noch und für mehr gibt es Foren, die dazu gedacht sind, Hilfestellungen zu geben. Wenn man alles selber kann, bräuchte man sie nicht. Außerdem stehe ich mit der Erkenntnis, daß vertikal nur rechts oder links kennt, ja offenbar nicht allein (s.o.).

Wie dem auch sei, ich kann hier nur den Quellcode für meine eigenen Seiten oder Bilder bearbeiten. Nicht aber das Hintergrundbild und auch nicht das Seitenlayout. Aber vielleicht reden wir auch aneinander vorbei oder ich verstehe Dich falsch.

 

[patrick_l]

Wie dem auch sei, ich kann hier nur den Quellcode für meine eigenen Seiten oder Bilder bearbeiten. Nicht aber das Hintergrundbild und auch nicht das Seitenlayout. Aber vielleicht reden wir auch aneinander vorbei oder ich verstehe Dich falsch.

Allein schon deshalb solltest du deine Website hosten und hier per Link bereitstellen, damit wir einen Blick in den Quellcode werfen können. Vielleicht mag innerhalb deiner genutzten Software eine Anpassung nicht möglich sein. Mit einem x-beliebigen Editor schon.

Liebe Grüße, Patrick

 

[Schippo]

Hallo Patrick,

danke für Deinen Hinweis. Ich werde die Seite mal veröffentlichen und mich dann wieder melden, falls ich nicht zwischenzeitlich zu einem anderen Ergebnis gekommen bin.

LG Schippo

 

[Schippo]

Hallo @All,

danke an alle für Eure Bemühungen, mir behilflich zu sein. Die Seite ist zwar nun online, aber das Problem konnte ich selbst lösen. Es wird jetzt alles korrekt dargestellt.

LG Schippo