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]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1221044 - 10.08.2007, 20:43:30
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Du kannst den Abstand ja von oben nehmen bei der Hintergrundgrafik bzw. einfach eine neue machen, die du dann oben fixierst, dann hängt sie nicht ganz unten sondern ganz oben.. aber eben so viel orange lassen, dass sie genau mit dem Layout anschließt.. verstehst du?
Kat glücklich
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1221108 - 10.08.2007, 22:02:00
|
EmelyErdbeer<3
Nicht registriert
|
Jupp verstehe ich, bloß,
wie bekomme ich den Abstand raus? xD
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1221191 - 10.08.2007, 23:52:39
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Welchen Abstand denn nun? lach
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1221693 - 11.08.2007, 17:02:12
|
EmelyErdbeer<3
Nicht registriert
|
Ich blick nicht mehr durch xD
So halt, dass Hintergrund und Layout auf einer Höhe sind,
wenn ich den hintergrund fixiere xD
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1221722 - 11.08.2007, 17:22:12
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Na du kannst doch einfach den Abstand in Paint rausfinden, indem du es so hinschiebst, wie du es brauchst. Dann über Bild > Attribute einfach nachschauen, wie viele Pixel das sind.
Manchmal ists doch besser, wenn die Leute etwas abstrakter denken könnten. unschlüssig (Muss keiner verstehen. ^^')
Kat glücklich
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1221925 - 11.08.2007, 21:57:57
|
EmelyErdbeer<3
Nicht registriert
|
Aber in dem Code, den du mir geschickt hast steht kein Wert, der den Abstand des Hintergrundes zum oberen Fensterrand bestimmt.
Ich könnte das Layout bis unten zum Hintergrund schieben, aber das bringts nicht o.Ô
Ausserdem kam ich auf die idee mit dem screen auch schon, wusste dann aber nicht weiter xDD
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1221926 - 11.08.2007, 21:58:55
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Ich hab ja auch alles unten fixiert, nicht oben. lach
Du musst also nach bottom, nicht nach top suchen. ^^
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1221929 - 11.08.2007, 22:04:12
|
EmelyErdbeer<3
Nicht registriert
|
AAAAAAH, solangsam geht mir ein Licht auf xD Ich habs jetzt so, doch dann ist der Hintergrund wieder gaaaanz oben auf der Seite, wie kann ich da jetzt den Abstand bestimmen? -blöd- :o
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<style type="text/css">body, font, td {font:8pt Verdana}</style>
</head>
<body style="background:#FFB264 url('http://img504.imageshack.us/img504/9086/hintergrundet9.png') repeat-x left top;">
<img border="0" src="http://img530.imageshack.us/img530/6272/vordergrundvd9.png" style="position:absolute; bottom:0px; right:0px;">
<div id="text" style="position:absolute; bottom:254px; right:675px; width:320px; height:324px; padding:0px; padding-right:5px; overflow:auto; text-align:justify;"><br>Also ich muss sagen, mit einem iFrame wäre das ganze wirklich einfacher gegangen.<br>Weil alles vom Boden aus geht, muss an wirklich viel rumspielen, bis die Werte bei bottom und height stimmen, das ist furchtbar. Am besten, du lässt sie so.<br>Ich hab die Seite jetzt auf eine Auflösung von 1280x1024 Pixel optimiert. Möchtest du sie kleiner haben, rate ich dir, nochmal an der Grafik rumzuschnipseln. Die Links in der Navigation musst du nur noch einfügen; ansonsten sollte alles stimmen.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Scrolltest. :)<br><br></div>
<div id="navigation" style="position:absolute; bottom:415px; right:573px; width:60px; text-align:center;"># # # # # #</div>
</body>
</html>
Bearbeitet von EmelyErdbeer<3 (11.08.2007, 22:05:17)
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1222168 - 12.08.2007, 11:23:33
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
Wenn du die Hintergrundgrafik alleine anzeigen lässt, siehst du, dass ich unten noch ein ganzes Stück orange dran gelassen habe. Wenn du den Hintergrund jetzt oben fixieren willst, musst du logischerweise dieses Stück oben haben, damit der Abstand stimmt.
Allerdings weiß ich nicht, was das bringen soll, wenn du den Hintergrund oben und das Layout unten fixieren willst, denn dann ist es je nach Browserauflösung total verschoben, aber nunja. lach
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: KnuddelWelli]
- #1222244 - 12.08.2007, 12:53:51
|
EmelyErdbeer<3
Nicht registriert
|
ich will ja einfach nur, dass der hintergrund mit dem layout mitscrollt.
Denn jetzt scrollt das layout alleine weiter und der Hintergrund bleibt stehen,
das sieht dann etwas komisch aus .__.
|
|
[zum Seitenanfang]
|
|
|
Re: Grafik horizontal wiederholen..? :o
[Re: ]
- #1222290 - 12.08.2007, 13:53:39
|
Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
|
So, hab das Problem der TE per /m geklärt, bei ihr funktioniert es jetzt, bei mir nicht. lach
Hab ihr auch erklärt, dass es daran liegt, dass das Layout unten und der HG oben fixiert ist, was sich bei verschiedenen Auflösungen dann klar verschiebt. Aber wenn sie damit leben kann, ist ja gut.
Gruß, Kat glücklich
|
|
[zum Seitenanfang]
|
|
vorheriges Thema
Index