[Michiaol]

hallo,

ich möchte mir eine image(kein hintergrund) in den footer meiner webseite einbetten aber irgendwie blicke ich jetzt nicht durch. man kann das image in HTML einbetten und mittels CSS positionieren. Aber es widerspricht der Barrierefreiheit die besagt dass man den Inhalt vom Layout trennen sollte und aus dem grund entfällt gleich die möglichkeit. die zweite möglichkeit ist das enbetten mittels CSS aber ich kann dann nicht das image auf die gewünschte position platzieren:

-----------------------------------

HTML Code:

<div id="footer">

-----------------------------------


CSS Code:


#footer {
background: url(../layout/image.png) no-repeat;

}

...

-----------------------------

mein problem liegt daran dass ich nicht weiss wie ich das background ansprechen soll, wenn ich bei #footer position angebe, bewegt sich das ganze footer mit dem image. und ich kann eigentlich das background selbst nicht ansprechen weil es im HTML nicht existiert. würde mich freuen wenn ihr mir dabei helfen würdet. das google bringt mich nicht sonderlich weiter, man findet nur die beiträge von 2005 die das einbetten per HTML und das ausrichten mit CSS empfehlen. In "Modernes Webdesign mit CSS" und im Video2brain finde ich die lösung auch nicht, ihr seids meine wirklich letzte hoffnung.


freundliche Grüße

[Raphael:]

Wieso soll das mit dem Background nicht möglich sein?

Du gibst deinem Style einfach die Variable

background-image:url (dein URL)


Und mit margin, positon usw. positionierst du das Ganze dann halt unten am Browserrand.



Eventuell hab ich dein Problem auch nicht richtig verstanden, vielleicht kannst du mal den kompletten Code hier im Topic posten damit man sich das besser vorstellen kann.

[immerIch]

http://www.css4you.de/background-position.html

[Michiaol]

hallo ich versuche jetzt anders formulieren,

mein impressum befindet sich im footer also:

<div id="footer">

<li>
<a id="imprint" href="">Impressum</a>
</li>

</div>


jetzt möchte ich in die rechte ecke ein bild platzieren, der Code sieht so aus:

#footer {background: url(../layout/image.png) no-repeat;}


jetzt wird das bild automatisch an die linke seite platziert.

wenn ich jetzt dem Code die die gewünschte position angebe dann bewegt sich der ganze footer mit dem impressum mit.

[Raphael:]

[immerIch]

Es bleibt dabei:
http://www.css4you.de/background-position.html

[Michiaol]

@QuotaDesign danke genau das habe ich gesucht, ich wusste schon wieso sich der gesamte footer bewegt aber ich wusste nicht wie ich nur das image ansprechen sollte, also in ein zusätzlich div einpacken und dieses auszeichnen, alle klar danke!

[kiwi244]

ein "Workaround" der mir noch zum background-image einfällt: setz das Bild auf transparenten Hintergrund, schiebe es soweit nach rechts, wie Du`s haben willst, speichere als png oder gif ab (mit Transparenz). Dann kannst Du Dein Impressum in den Footer packen, und hast Dein Bild da wo Du`s haben willst.
Oder hab ich was falsch verstanden?