Image wiederholen

[Peter]

Hi,
ich will ein kleines Image sich so oft wiederholen lassen, so dass daraus eine Linie gebildet wird, die 1x über die Bildschirmbreite geht, unabhängig von der Bildschirmauflösung.
Hab keine Idee, wie ich das mache.
Danke für Tips.

[Tobias K.]

Hallo Peter,

ich will ein kleines Image sich so oft wiederholen lassen, so dass daraus eine Linie gebildet wird, die 1x über die Bildschirmbreite geht, unabhängig von der Bildschirmauflösung.

dazu musst du in einem div das die Breite 100% hat (bei den Elternelementen die 100% nicht vergessen) das Bild als Hintergrund (mit background-repeat:repeat-x) einfügen - allerdings ist für solche Fälle <hr> (->http://selfhtml.teamone.de/html/text/trennlinien.htm#definieren) gedacht.

Grüße aus Nürnberg
Tobias

[Peter]

hmm.. ich suchte eigentlich nach einem Weg, es nicht als Hintergrund definieren zu müssen.

[Tobias K.]

Hallo Peter,

hmm.. ich suchte eigentlich nach einem Weg, es nicht als Hintergrund definieren zu müssen.

ich wüsste nicht, dass das geht - aber warum eigentlich, vielleicht lässt sich dein Problem auch anders lösen?

Grüße aus Nürnberg
Tobias

[Peter]

vermutlich gehts anders, aber ich suchte den "bequemen" Weg.

Problem: ich hab einen Hintergrund definiert. Dann brauche ich eine gestaltete Linie über die Bildschirmbreite, unabhängig von der Auflösung. Dafür hab ich ein kleines Image gemacht.
Danach soll Tex, positioniert relativ zum Bildschirm kommen, und dann wieder eine andere gestaltete Linie bildschirmweit, und zuletzt ein Table mit Inhalt, das unabhängig vom Bildschirm mittig steht.

Wenn ich mit Hintergrund arbeite, muss ich 3x den Hintergrund wechseln. Da seh ich Probleme kommen.
Die Linien müssen also Vordergrund sein, sonst hab ich Probleme, den Hintergrund des Textes und eines anderen Images einheitlich hin zu bekommen (Schattenwurf).

Hoffte, es würde irgendwo/wie einen Befehl/Auszeichnung geben, die dem bei Hintergrund adäquat ist, aber eben Vordergrund.

[Sebastian Mößner]

Sers,

Hoffte, es würde irgendwo/wie einen Befehl/Auszeichnung geben, die dem bei Hintergrund adäquat ist, aber eben Vordergrund.

Tobias hat in seiner ersten Nachricht schon auf den <hr> Tag hingewiesen, dieser sollte dir in Verbindung mit CSS alle Wünsche erfüllen können.

siehe Selfhtml:
http://selfhtml.teamone.de/html/text/trennlinien.htm#definieren
http://selfhtml.teamone.de/html/text/trennlinien.htm#gestalten_css

mfg
Sebastian

[Peter]

???? <img src=...> mit <hr> kombinieren? Wie das?
Kommt bei mir immer nur eine Linie, aber keine fortlaufende Linie aus aneinandergereihter Wiedergabe des img files.

[Benjamin Wilfing]

Hallo Peter,

???? <img src=...> mit <hr> kombinieren? Wie das?

Kein Mensch hat von <img> gesprochen, wie kommst du jetzt darauf? Schau dir doch mal CSS an, speziell die Eigenschaft "background-image" (http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image

Und die kannst du dann mit <hr> kombinieren [1]. Das ist wesentlich bequemer, als das Bild immer und immer wieder aufs Neue im Markup referenzieren zu müssen, weil das den Quelltext unnötig aufblasen würde.

[1] http://selfhtml.teamone.de/css/formate/einbinden.htm#innerhalb_element

Grüße aus Darmstadt,
Benjamin