Antworten auf deine Fragen:
Neues Thema erstellen

Bild über das Seitenlayout fließen lassen

Schippo

Noch nicht viel geschrieben

Hallo liebe Experten,

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

Code:
<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
 

Jormungand

VonAllemEtwas

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.
 
S

skiron

Guest

Versuchs mal damit.
Code:
width:100%;
margin:0 auto;


Oder:
Code:
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.
 
Zuletzt bearbeitet von einem Moderator:

Schippo

Noch nicht viel geschrieben

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
 
S

skiron

Guest

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

Noch nicht viel geschrieben

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
 
Zuletzt bearbeitet von einem Moderator:
S

skiron

Guest

"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

Noch nicht viel geschrieben

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

skiron

Guest

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

Noch nicht viel geschrieben

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

Hat es drauf

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

Noch nicht viel geschrieben

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

Noch nicht viel geschrieben

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.638
Beiträge
1.538.502
Mitglieder
67.559
Neuestes Mitglied
mic4mac
Oben