Grafik horizontal wiederholen..? :o
- #1210895 - 30.07.2007, 20:46:17
|
EmelyErdbeer<3
Nicht registriert
|
Moin! Ich brauch mal schnell Hilfe. Undzwar, wie kann ich eine Grafik, ähnlich wie bei einem sog. 'Endless Layout', horizontal wiederholen? Ich möchte, dass sich DA das Layout bis zum Seitenende von selbst fortsetzt indem es sich bis dorthin wiederholt. Ist das überhaupt möglich? :o Lg. :D
Bearbeitet von EmelyErdbeer<3 (30.07.2007, 20:48:16)
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1211178 - 31.07.2007, 00:15:42
|
aboleo
Nicht registriert
|
Ich denke ich geb dir mal keine fertige Loesung: background-repeat (Wiederholungs-Effekt) Liess einfach bei dem punkt background-repeat (Wiederholungs-Effekt)
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1211228 - 31.07.2007, 01:12:22
|
EmelyErdbeer<3
Nicht registriert
|
Danke ersteinmal für die Antwort :D Allerdings sieht das ganze bei mir aus wie vorher :o Das habe ich eingegeben >
<style type="text/css"><!--body{background-color: #ffb264}--></style>
<html>
<head>
<title>`*~>...My World :o !...</title>
</head>
<body bgcolor="#ffb264">
<div style="position:absolute; left:0px; top:290px; height: 769px; width: 994px; overflow: hidden; z-index:0; background-image:url(http://img110.imageshack.us/img110/2029/layoutlk1.png); background-repeat:repeat-x;
margin:0px; border:thin solid #ffb264; font-size:100%">
<img src="http://img110.imageshack.us/img110/2029/layoutlk1.png">
<div style="overflow:auto; position: absolute; width:312; height:293; left:8; top:219">
TEXT !!
</div>
<div style="overflow:auto; position: absolute; width:60; height:32; left:363; top:339">
<font size="2">&#9829;&#9829;&#9829;&#9829;&#9829;</font></div>
</body>
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1211273 - 31.07.2007, 01:57:02
|
.:: DreHmomenT ::.
Registriert: 22.08.2003
Beiträge: 840
Ort: Saarland
|
Hallo :) Meinst du es so in etwa?
<HTML>
<HEAD>
<TITLE>...My World :o !...</TITLE>
<META NAME="author" CONTENT="crazydaiwel6">
<META NAME="generator" CONTENT="Ulli Meybohms HTML EDITOR">
</HEAD>
<style>
body {background-color: #ffb264; background-image: url('http://img110.imageshack.us/img110/2029/layoutlk1.png');background-repeat: repeat-x;background-position: left top}
</STYLE>
<div style="overflow:auto; position: absolute; width:312; height:293; left:8; top:219">
Blakeks
</div>
</BODY>
</HTML>
Was ich nicht so ganz verstehe: Wieso steht ganz oben
<style type="text/css"><!--body{background-color: #ffb264}--></style> und danach *g* Eins davon hättest du dir sparen können <zwinker> Wenn du doch etwas anderes gemeint hast, bitte im Chat oder /m, oder hier im Forum melden :) Franc P.s. Ich habe nun nicht alles ganz haargenau angepasst, was auch z.B. die Koordinationsdaten angeht. Dass kannst du dann ja selber Optimieren =), oder? _________________________ Was Freundschaften unauflösbar macht & ihren Zauber erhöht, ist ein ganz bestimmtes Gefühl, das der Liebe fehlt! Nämlich - das Gefühl der Sicherheit 
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: crazydaiwel6]
- #1211514 - 31.07.2007, 12:26:53
|
EmelyErdbeer<3
Nicht registriert
|
Moin :D
<HTML>
<HEAD>
<TITLE>...My World :o !...</TITLE>
<META NAME="author" CONTENT="crazydaiwel6">
<META NAME="generator" CONTENT="Ulli Meybohms HTML EDITOR">
</HEAD>
<style>
body {background-color: #ffb264; background-image: url('http://img110.imageshack.us/img110/2029/layoutlk1.png');background-repeat: repeat-x;background-position: left top}
</STYLE>
<div style="overflow:auto; position: absolute; width:312; height:293; left:8; top:219">
Blakeks
</div>
</BODY>
</HTML>
Das funktioniert auch nicht. Da erscheint dann kein bild .__. Was ich nicht so ganz verstehe: Wieso steht ganz oben
<style type="text/css"><!--body{background-color: #ffb264}--></style> und danach Weil ich den Code von nem anderen Layout übernommen hab & der Part "<body bgcolor="#ffb264">" nicht/nur im FF nicht funktioniert, da hab ich einfach schnell noch "<style type="text/css"><!--body{background-color: #ffb264}--></style>" drübergeschrieben xD Dass kannst du dann ja selber Optimieren =), oder? Jupp :p
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1211523 - 31.07.2007, 12:36:31
|
Familymitglied
Registriert: 01.11.2005
Beiträge: 66
|
Ich würde wenigestens ab und zu mal auf www.w3c.com vorbei schauen, denn was du da schreibst ist nicht HTML komform. Deswegen funktioniert es auch in Firefox nicht, weil Firefox 2 schon nach dem neuen HTML standart vom World wide Web Konsortium (W3C) arbeitet. es muss heißen: <body style:background-color="#ffb264"> des weiteren ist es nicht schwer eine grafik von oben nach unten zu wieder holen, es funktioniert eigentlich nach dem selben prinzip wie der code oben. <body style:background-image="http://www.beispiel.de/beispiel.jpg"> Wenn die Seite genau 1024px in der höhe hat muss das bild 1023*xxx groß sein, bei 800px natürlich 800*xxx. Ich würde dabei empfehlen im 200px bereich zu bleiben, es sei denn es soll was schlichteres sein, dann tun es manchmal auch nur 10px. man siehe sich mal die seite meiner freundinn an, dort habe ich es gemacht, nur da sie nicht so gut mit dem HTML code klar kam, habe ich es direkt im Knuddels editor oben bei der Hintergrund auswahl eingetragen. xxschockoengelxx's HP
Bearbeitet von Oo-cOOL sp0T-oO (31.07.2007, 12:42:20)
_________________________
.:|Forengrundsatz!|:.
Lesen, denken, posten!
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: Oo-cOOL sp0T-oO]
- #1211542 - 31.07.2007, 12:49:37
|
.:: DreHmomenT ::.
Registriert: 22.08.2003
Beiträge: 840
Ort: Saarland
|
Hallo :)
Deswegen funktioniert es auch in Firefox nicht, weil Firefox 2 schon nach dem neuen HTML standart vom World wide Web Konsortium (W3C) arbeitet.
Ich habe es mal auf eine "normale" .html-Seite eingeführt, und es wird mir, sowohl im IE, als auch im FF angezeigt ;). Also scheint es ja nich nur nach dem neuen Standard zu arbeiten. des weiteren ist es nicht schwer eine grafik von oben nach unten zu wieder holen, es funktioniert eigentlich nach dem selben prinzip wie der code oben. Nur, dass das kein Mensch in diesem Fall will, sondern "horizontal" <puuust> _________________________ Was Freundschaften unauflösbar macht & ihren Zauber erhöht, ist ein ganz bestimmtes Gefühl, das der Liebe fehlt! Nämlich - das Gefühl der Sicherheit
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: Oo-cOOL sp0T-oO]
- #1211575 - 31.07.2007, 13:10:27
|
United States of America
Registriert: 05.08.2004
Beiträge: 6.388
|
Original von Oo-cOOL sp0T-oO
es muss heißen: <body style:background-color="#ffb264">
Falsch, es muss so heißen: <body style="background-color: #ffb264;"> Aber sonst ist es ja wohl ein Ding der Selbstverständlichkeit, dass man sich an die neusten Standards hält. _________________________
Das Lesen ist eine Tugend!
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: theblackdevil909851]
- #1211601 - 31.07.2007, 13:29:21
|
Familymitglied
Registriert: 01.11.2005
Beiträge: 66
|
jo ich hab es nach dem abschicken der nachricht gemerkt XD. nur ging das editieren nicht mehr.
jo wenn die Grafik lang gezogen werden soll, muss man sich halt überlegen welche ausmaße die seite haben soll von oben nach unten her. dann muss man es halt genau andersrum machen. Die Image datei muss dann halt (xxx*höhe der seite) sein.
Aber es muss nicht festgehalten werden, das sie sich wiederholt das tut der style befehl von selbst, man muss nur festhalten, wenn er sich eben nicht wiederholen soll.
_________________________
.:|Forengrundsatz!|:.
Lesen, denken, posten!
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: Oo-cOOL sp0T-oO]
- #1212140 - 31.07.2007, 21:09:07
|
EmelyErdbeer<3
Nicht registriert
|
die Grafik soll nicht 'langgezogen' sondern wiederholt werden ._.
Bekomme ich hier überhaupt noch ne konkrete Antwort?
Geht das nun, oder nicht? -.-
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1212228 - 31.07.2007, 22:44:26
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Hey,
ich würde das ganze etwas umstrukturieren, etwas zuschneiden und neu coden ... aber im Moment bin ich leider nicht zuhause, da fehlt mir hier einfach mein Handwerkszeug zu. Zudem hab ich anderes zu tun, wenn ich bei meinem Freund bin. -gg- Aber wenn du bis Montag nächste Woche warten kannst, mach ich dir das gerne. Erinner mich dann einfach nochmal im Chat per /m daran, dann mach ich mich gleich dran, sobald ich zuhause bin.
Gruß, Kat glücklich
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1212238 - 31.07.2007, 22:59:15
|
EmelyErdbeer<3
Nicht registriert
|
Aber wenn du bis Montag nächste Woche warten kannst, mach ich dir das gerne. Erinner mich dann einfach nochmal im Chat per /m daran, dann mach ich mich gleich dran, sobald ich zuhause bin.
Hi :D Klar,.. ich kann warten, hauptsache irgendwer machts lach Ich werd mich dann mal Montag bei dir melden :D
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1212274 - 31.07.2007, 23:56:31
|
aboleo
Nicht registriert
|
Ich weiss ja nicht was so schwer daran sein soll, sich die Seite durchzulesen die ich dir oben verlinkt habe und mit der du folgenden Quellcode sogar vorgefertigt bekommst. [color:"blue"]<div style[/color]=[color:"brown"]"background-image:url('http://www.DEIN-BILD.png'); background-repeat:repeat-y;[/color] [color:"blue"]margin[/color]:[color:"green"]120[/color][color:"blue"]px[/color]; [color:"blue"]border[/color]:[color:"blue"]thin solid[/color] #[color:"blue"]CCCCFF[/color]; [color:"blue"]font-size[/color]: [color:"green"]150[/color]% [color:"brown"]">[/color] [color:"blue"]<p>[/color]Dein Text[color:"blue"]</p>[/color] [color:"blue"]</div>[/color] hier solltest du einfach deinen Text zwischen den zwei <p></p>"ParagraphTags" setzt dann solltest du auch ein Effekt bemerken. Wichtig sind auch diese ' bei der Angabe zur url deiner Grafik. Hier ein beispiel mit obigen Quelltext, wenn es so aussehen soll in etwa, dann habe ich die Fragestellung richtig verstanden, wenn nicht dann sorry .. a little miss understanding [img]http://s3.bilder-hosting.de/tbnl/Z1J3C.jpg[/img]
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1212561 - 01.08.2007, 12:20:52
|
EmelyErdbeer<3
Nicht registriert
|
Das ist für dich also horizontal, ja? .__. Vielleicht hätte ich lieber waagerecht o.Ä schreiben sollen xD
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1212604 - 01.08.2007, 12:59:56
|
aboleo
Nicht registriert
|
sorry wenn ich das nicht ganz gelesen habe .. aber du koenntest dir ja das ganze adaptieren .. repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen. Und jetzt ueberleg mal bitte scharf welchen Parameter du aendern musst um von einer vrtikalen zu einer hrizontalen Widerholung deines Hintergrunds zu kommen. Ich geb dir einen Tipp aender das y mit dem x. Sieht dann so aus: [img]http://s3.bilder-hosting.de/img/Z4SNU.jpg[/img]
Bearbeitet von aboleo (01.08.2007, 13:00:27)
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1219782 - 09.08.2007, 12:05:35
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Schau mal in dein E-Mail-Postfach, da sollte das fertig gecodete Layout liegen. zwinker
Kat glücklich
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1220726 - 10.08.2007, 14:45:55
|
EmelyErdbeer<3
Nicht registriert
|
Jaa danke, habs :D
Nur eine Sache wollte ich dich noch fragen.
Kann man das Layout an sich so weit verkürzen bis man die gesamte seite nicht mehr scrollen muss?
Denn so wie es jetzt ist scrollt das layout ohne den hintergrund weiter, wenn man halt scrollt xD bäh
(-> /hp Adey13)
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1220763 - 10.08.2007, 15:30:59
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Hey,
natürlich geht das. glücklich
Änder einfach den Teil <body style="background-image: url('hintergrund.PNG'); background-repeat: repeat-x; background-attachment: fixed; background-position: left bottom; background-color:#FFB264"> so ab:
<body style="background:#FFB264 url('hintergrund.PNG') repeat-x left bottom;">
Damit sollte der gewünschte Effekt erreicht sein. glücklich
Gruß, Kat
EDIT: Schneller! lach Meine Version geht auch, ist halt nur alles verkürzt.
Bearbeitet von KnuddelWelli (10.08.2007, 15:35:47)
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1220766 - 10.08.2007, 15:33:18
|
Speed-Junkie
Registriert: 07.01.2006
Beiträge: 5.192
Ort: 25813 Husum
|
Hallo,
wenn das Hintergrundbild mitscrollen soll musst Du in der entsprechenden CSS Klasse (body) den Wert...
background-attachment: scroll;
...setzen, dann scrollt das Hintergrundbild mit.
Gute Grüße,
RigoSH cool
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: Helge]
- #1220991 - 10.08.2007, 19:30:35
|
EmelyErdbeer<3
Nicht registriert
|
Danke für die zwei Antworten :DD Bloß jetzt hab ich das nächste Problem. Der Hintergrund ist vieeeeeel weiter unten als das Layout, bei beiden Versionen. { KLICK} Wie bekomme ich das jetzt noch hin? :D Lg
|
|
[zum Seitenanfang]
|
|
vorheriges Thema
Index