Website slicen und in CSS als Hintergrundbild einbinden

Premker · 28.02.2010

Hallo Gemeinde, ich brauche mal eure Hilfe

ich arbeite mich gerade ein in CSS Webdesign. Ich habe hier einige Sites durchgeklickt und finde oft Bg-Bilder in den Sites ungeslicest als ganzes Hintergrundbild.
Meine Frage: Ist das nicht etwas riskant für den schnellen Seitenaufbau?
Mein Kunde hat eventuell eine ganze Menge ältere Klienten mit Modem und das würde denen vielleicht zu viel Geduld abfordern.
Wichtigste Frage für mich: wie kann ich mit CSS eine geslictes Bild im Hintergrund überhaupt einbinden? Ich habe keine konkreten Antworten im CSS-Dschungel gefunden.

Ich habe hier einen Link von meinem Layout:

Diese HP würde ich an den Hauptlinien von Hand slicen wollen wie grob dargestellt im Link. Macht das für euch Sinn?

Bitte sagt mir etwas dazu.
Premker

Herr_D · 28.02.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Das Layout würd ich noch mal überarbeiten... lass die Schlagschatten und auch die runden Ecken weg, arbeitet sich einfacher... du kommst mit wesentlich weniger Bildern aus...

Einfarbige Sachen nur per css... die anderen Bereich mit Hintergrundbild...

Wenn du aus dem Ihalt (Hand) einen slice machst, dann wäre das oke... rest geht, wie es ist

oxygen · 28.02.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

slicen ist auch oft eine frage der dateigrösse

als wir noch modemabhängig waren gingen uns sogar 70kb auf den leim

Maximillian · 01.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

na im body kannst du es einfügen.

Premker · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Ich bin etwas enttäuscht von den mageren Antworten.
Werde mir für Fragen zu Webanwendungen doch ein anderes Forum suchen müssen.
Für Photoshop ist es okay hier.
Danke für eure Antworten. Ihr habt sicher euer Bestes gegeben.
Premker

Samuelll · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Wieso enttäuscht ?
Du hast eine weitläufige Frage gestellt und entsprechende Antworten bekommen.

Zu Deiner wichtigsten Frage :

Die Antwort wie man ein Hintergrundbild einfügt findest du in jedem Basic-Tutorial. Sowas mann man eigentlich nicht übersehen.
Zusätzlich kannst du auf einer x-beliebigen Homepage einfach im CSS schauen wie die ihre Bidler eingebunden haben.

Aber, dies sollte Deine Frage beantworten :

background-image: url(../images/header.jpg);

alternativ geht auch :

background : #FFFFFF url(../images/bytebuzzle_header.jpg);

Bedenke du musst bei dieser Technik für das Div mit dem Hintergrund

width und height setzen ... oder einen Inhalt haben der das div aufspannt.

adm011 · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Premker schrieb:
Ich bin etwas enttäuscht von den mageren Antworten.
Werde mir für Fragen zu Webanwendungen doch ein anderes Forum suchen müssen.
Für Photoshop ist es okay hier.
Danke für eure Antworten. Ihr habt sicher euer Bestes gegeben.
Premker

Sorry das ich den ganzen Post Zitiere.

Hallo gehts noch! BEVOR ich geld für was nehme bin ICH mir SICHER das ich das auch KANN.

KUNDE DROHT MIT AUFTRAG WAS MACH ICH DENN JETZT?

Premker · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Samuelll schrieb:
Wieso enttäuscht ?
Du hast eine weitläufige Frage gestellt und entsprechende Antworten bekommen.

Zu Deiner wichtigsten Frage :

Die Antwort wie man ein Hintergrundbild einfügt findest du in jedem Basic-Tutorial. Sowas mann man eigentlich nicht übersehen.
Zusätzlich kannst du auf einer x-beliebigen Homepage einfach im CSS schauen wie die ihre Bidler eingebunden haben.

Aber, dies sollte Deine Frage beantworten :

background-image: url(../images/header.jpg);

alternativ geht auch :

background : #FFFFFF url(../images/bytebuzzle_header.jpg);

Bedenke du musst bei dieser Technik für das Div mit dem Hintergrund width und height setzen ... oder einen Inhalt haben der das div aufspannt.

Erstmal Danke für deine Antwort!

Ein ungeslictes Hintergrundbild einsetzen ist natürlich nicht das Problem. Ein geslictes Bild in ein div bzw. mehrere divs zu bringen, ist oder war mein Problem.

Aus Fireworks heraus sollte es eigentlich gehen, jedoch ist da wohl ein Bug drin, der das Bild dann teilweise in den divs beschneidet, obwohl die Bildsegmente vollständig sind. Den Fehler habe ich jetzt im Stylesheet gefunden.

Lernen ist unser tägliche Aufgabe!

Premker · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

adm011 schrieb:
Sorry das ich den ganzen Post Zitiere.

Hallo gehts noch! BEVOR ich geld für was nehme bin ICH mir SICHER das ich das auch KANN.

KUNDE DROHT MIT AUFTRAG WAS MACH ICH DENN JETZT?

Sorry Junge, aber es ist nicht üblich in der Branche, dass man VORHER bezahlt. Von daher ist das Risiko des Kunden gar keins! Alles Klar?

Davon abgesehen bin ich mir sicher, das ich es können werde!

Frisch auf

Samuelll · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Beschneidung :

Kann sein, dass Fireworks dort einen Bug hat. Ich code lieber alles selber.

Allerdings,wie unten erwähnt, wenn du ein Bild in den Hintergrund legst, zeigt der Div nur soviel von dem Bild wie er auch groß ist.

Das kann auch garnichts oder zu wenig sein, wenn er keine größenangaben oder nur wenig Inhalt bekommt.

Premker · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Samuelll schrieb:
Beschneidung :

Kann sein, dass Fireworks dort einen Bug hat. Ich code lieber alles selber.

Allerdings,wie unten erwähnt, wenn du ein Bild in den Hintergrund legst, zeigt der Div nur soviel von dem Bild wie er auch groß ist.

Das kann auch garnichts oder zu wenig sein, wenn er keine größenangaben oder nur wenig Inhalt bekommt.

Genau!! Das war der Fehler! Ich komme auch noch dahin, dass ich alles selber code, fürchte ich

Samuelll · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Selbst coden behebt diesen "Fehler" aber nicht. Denn es ist kein Fehler. Es ist sogar sehr nützlich, da ich sehr große Bilder in den Hintergrund legen kann.

Wenn das Div dann bei wachsender Schriftgröße mitwächst, wird mehr von dem Bild angezeigt und das Design bleibt sauber. Sehr nützlich !!!

Wenn Deine Frage von vorn herein auf dieses Problem abzielte, würd ich dich bitten, deine Frage nächstesmal möglichst präzise zu formulieren.
So wie sie zu anfang gestellt war, wär ich nicht auf die Idee gekommen, dass es sich um dieses Problem gedreht hat.

Damit wäre dann die Antwort eindeutiger gewesen und du hättest nicht so lange auf die Lösung und deren "Erklärung" warten müssen.

adm011 · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

Sorry Junge, aber es ist nicht üblich in der Branche, dass man VORHER bezahlt.
Da hat der Kunde aber GLÜCK

Davon abgesehen bin ich mir sicher, das ich es können werde!
Deine Frage klang aber etwas anders.

Werde mir für Fragen zu Webanwendungen doch ein anderes Forum suchen
müssen.
Die Idee hatte ich auch schon. Nur hier sind die BESTEN (soweit ich das Beurteilen kann) und geholfen wurde DIR ja auch (mir auch)

Und ich bleib dabei - ERST KÖNNEN - DANN AUFTRAG ANNEHMEN

Premker · 02.03.2010

AW: Website slicen und in CSS als Hintergrundbild einbinden

adm011 schrieb:
Sorry Junge, aber es ist nicht üblich in der Branche, dass man VORHER bezahlt.
Da hat der Kunde aber GLÜCK

Davon abgesehen bin ich mir sicher, das ich es können werde!
Deine Frage klang aber etwas anders.

Werde mir für Fragen zu Webanwendungen doch ein anderes Forum suchen
müssen.
Die Idee hatte ich auch schon. Nur hier sind die BESTEN (soweit ich das Beurteilen kann) und geholfen wurde DIR ja auch (mir auch)

Und ich bleib dabei - ERST KÖNNEN - DANN AUFTRAG ANNEHMEN

Ich habe das Gefühl, das ist nur sture Rechthaberei. Sorry, aber für mich ist DAS Thema jetzt beendet.