Css Hintergrund Frage

Kizuko

Hey,
ich hab mal ne Frage...
wie kriege ich es hin, dass etwas nur einmal in der Zeile angezeigt wird und immmer in der Spalte.

Also:
Ich hab ein kleines Bild, das soll aber nur links angezeigt werden und nach unten verlaufen und eins, dass soll nur rechts angezeigt werden und immer nach unten.
sry für die Rechtschreibung / Grammatik / erklärung, aber ich sitze am Laptop und meine Wurstfinger treffen immer mehrere Tasten q.q

Tekumi

CSS:

Code

.background_def {
     background-repeat:repeat-y;
}

HTML:

Code

...
<div class="background_def">
   <left>
      <img src="---" />
   </left>
   <right>
      <img src="---" />
   </right>
</div>

So würde ich das machen, sofern ich das richtig verstanden habe.

internetfreak

Wenn ichs richtig verstanden habe, willst du ein Bild praktisch kacheln, allerdings nur in ne bestimmte Richtung oder?
Das kannste mit repeat-x (dann verläufts entlang der x-Achse) oder repeat-y (selbiges nur mit der y-achse) tun.
Allerdings gehts bei der x-Achse nur in positiver Richtung und y-Achse in negativer Richtung, also von links nach rechts und von oben nach unten.
Hoffe, ich konnte dir zumindest etwas helfen.

Tekumi

Zitat von internetfreak;227906

Allerdings gehts bei der x-Achse nur in positiver Richtung und y-Achse in negativer Richtung, also von links nach rechts und von oben nach unten.

Da muss ich dir wiedersprechen, man kann auch von rechts nach links und von unten nach oben wiederholen lassen, aber wozu? Das ist dasselbe wie umgekehrt.
@Graffiti: Wenn du noch fragen hast, wende dich gerne per ICQ an mich.

Kizuko

Hab dich mal geaddet :)

internetfreak
Kannst du mir mal ein Beispiel geben?
Bei mir ist das Prob, dass ich Anfänger bin (1 Buch gelesen)
Und nur wenig Praxiserfahrung habe.

Tekumi

Hast du mich unter dieser Nummer geaddet: 634997923?

Assaki

Zitat von Graffiti;227910

Hab dich mal geaddet :)

internetfreak
Kannst du mir mal ein Beispiel geben?
Bei mir ist das Prob, dass ich Anfänger bin (1 Buch gelesen)
Und nur wenig Praxiserfahrung habe.

Er meint dasselbe wie Tekumi. Mit "repeat-x" und "repeat-y" kannst du es wiederholen lassen. Je nachdem ob von unten nach oben willst oder von links nach rechts.

internetfreak

CSS

Code

.element {
background: url(image.png) repeat-x;
}

HTML:

Code

<div class="element"></div>

einfach mal ein bild zum HTML-Code legen und dann im brwoser ansehen.
Danach kannste das x mal durch y ersetzen und gucken, was passiert

Kizuko

@ Tekumi: Ja
@ Crash: Ich habe wohl verstanden was er meint, aber ich brauchte einen zusammenhang
@ Internetfreak: Danke

@Topic
So YannickMAMA hat mir bisher gut geholfen und ich habe nurnoch ein Prob... ich brauche den Rand auch auf der anderen Seite p.p

Code

body
{
background-image: url(bg-left.png); 
background-attachment: fixed;
background-repeat: repeat-y; 
background-position: 5%;
padding-top: 120px;
padding-left: 8%;
font-family: arial;
font-size: 11pt;
}
 
div.lebenslauf
{
font-size: 20pt;
position: absolute;
top: 50px;
left: 40%;
}

Alles anzeigen

So sieht alles bisher aus, btw damit das alle verstehen, ich habe den Rand in einzelene Elemente gemacht: ImageShack Album - 2 images

Tekumi

Wie sieht das insgesamt, also auf der kompletten Seite, aus und wo möchtest du was haben? Skizziere das am besten einmal in Paint oder dergleichen.

Kizuko

Hat sich erledigt, ich bin fertig :)

Ich habe jetzt einfach einen Bg genommen und die Position in % angegebn :D
so gibt es bei keiner/kaum einer Auflösung missverständnisse.

Css Hintergrund Frage

Jetzt mitmachen!

SCHNELLZUGRIFF

HILFE & COMMUNITY

RECHTLICHES