Autor |
Nachricht |
bpointz
Threadersteller
Dabei seit: 05.01.2006
Ort: Weismain
Alter: 50
Geschlecht:
|
Verfasst Mo 15.05.2006 09:52
Titel Brauche Projektunterstützung |
|
|
Hallo,
möchte ein Website für einen mir bekannten Internisten erstellen. Das ganze soll in CSS erstellt werden. Wie kann man Grafiken ins Layout einbinden. Also ich meine wie wird das Layout mit Grafiken und CSS realisiert. Hat jemand schon sowas gemacht und Erfahrungen bei sowas. Bitte melden per PN...
Gruß bpointz.
|
|
|
|
|
freakazzzoid
Dabei seit: 20.02.2006
Ort: südliches Österreich
Alter: -
Geschlecht:
|
Verfasst Mo 15.05.2006 11:35
Titel
|
|
|
Wenn du unbedingt eine Website mit CSS realisieren willst, dann solltest du dich schon ein wenig in das Fachgebiet einlesen.
Man kann nicht so mir nichts dir nichts eine Website in CSS machen. Es braucht ein wenig Erfahrung und vor allem Übung. Und so wie du schreibst, denke ich mir, dass du nicht gerade Erfahrung auf diesem Gebiet hast.
Ich empfehle dir auf jeden Fall ein paar Einsteigerbücher bzw Tutorials (wie wärs mit Google).
Das wars von meiner Seite dazu...
|
|
|
|
|
Anzeige
|
|
|
Benutzer 37356
Account gelöscht
Ort: -
|
|
|
|
|
eastwood
Dabei seit: 11.04.2005
Ort: Göttingen
Alter: -
Geschlecht:
|
Verfasst Mo 15.05.2006 13:14
Titel
|
|
|
Auch unter
http://www.selfhtml.org
findet man eine Menge zur Kodierung
für CSS Sheets und natürlich zum Rest.
Grafiken lassen sich prinzipiell genauso einarbeiten in
CSS wie auch in HTML...
|
|
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
|
|
|
|
bpointz
Threadersteller
Dabei seit: 05.01.2006
Ort: Weismain
Alter: 50
Geschlecht:
|
Verfasst Mo 15.05.2006 16:09
Titel
|
|
|
ich hab schon ein bischen mal was mit CSS erstellt, eben nur OHNE Bilder.
Es geht nur um Bilder. Wie man mittels CSS und Hilfsmitteln wie DIV uns arbeitet kein Problem, das hab ich verstanden. Ich hab mir das CSS - O´Reily Taschenbuch von Eric A. Meyer und das Buch "Webseiten - programmieren und gestalten" von Mark Lukowitz vor nem Jahr gekauft. Da werden wie immer so Themen wie Kaskadierung, Floating Block und Inline-Elemente gesprochen. Stylesheets in denen man Textattribute festlegt kein Problem. Aber was muss ich beachten bei den Bilder ? Steht nie irgendwas drinnen? Vielleicht muss ich ein Layout aufbauen so ähnlich wie bei einem Template.
Also ist es so:
Ich lege eine Layout fest mit zum Beispiel einer Backgroundgrafik. Da wird dann die Grafik mit Programmen wie Image-Ready geslict (also in Bereiche untergliedert). Dann werden die Bereiche mit dem DIV-Tag angesprochen mit ner ID. Ist das so richtig? Also so ist zumindest mein Plan
|
|
|
|
|
tank
Dabei seit: 15.05.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 15.05.2006 16:27
Titel
|
|
|
hört sich net schlecht an. mein vorschlag wäre es, die einzelnen hintergrundbereiche in ne tabelle einzufügen
also z.b. :
Code: |
<table id="Tabelle_01" width="801" height="8-5-5" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="205" height="178" style="background:url('pix/bg2_02.jpg') no-repeat; border: 0px"></td>
<td width="595" height="808" style="background:url('pix/bg2_03.jpg') no-repeat; border: 0px" rowspan=5>
|
usw...
so ist das design halt "fest" und ändert sich nicht mit dem browserfenster...was manchmal auch ganz gut is
mfg
|
|
|
|
|
eastwood
Dabei seit: 11.04.2005
Ort: Göttingen
Alter: -
Geschlecht:
|
Verfasst Mo 15.05.2006 16:48
Titel
|
|
|
Wenn deine Website ein Hintergrund haben soll, dann kannst du dem <body> ein Bild
zuweisen. Das kannst du ebenso mit deinem Container machen (also <div>).
Zum Beispiel so:
/*Main Container*/
div#containermain { background-image: url(../images/BLABLABLA.gif) }
Wie du den Container klassifizierst und nennst, ist natürlich deine Sache...
Hier mal ein Beispiel:
<html><head><title>background-image</title>
</head><body style="background-image:url(background1.gif)">
<div style="background-image:url(background2.gif); margin:0px; padding:10px">
<h1 align="center" style="color:#FFFFCC">Willkommen im Reich der Texturen!</h1>
<div style="background-image:url(background3.jpg); margin:30px; padding:10px">
<h2 align="center" style="color:#804000">Willkommen im Reich der Texturen!</h2>
</div></div>
</body></html>
(Link: http://de.selfhtml.org/navigation/suche/index.htm?Suchanfrage=hintergrundbild
Beim Suchbegriff "Hintergrundbild eingeben und dann findet man alles, was man wissen
muss zum CSS).
Also das Beispiel ist natürlich optisch grausig, aber es geht ja um den Sinn der Übung.
Dabei kannst du auch angeben, ob das Bild wiederholt werden soll oder nicht. Schön
zu sehen in tanks Code. dort wird das Motiv, da es kein Muster sein soll, nicht wiederholt.
Also mit Tabellen würde ich wenig arbeiten, da das nur deine Datei aufbläst.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Brauche mal nen Tip!
Brauche Solgan
Brauche Assoziationen!
Brauche Hilfe
Brauche Feedback
Brauche kreativen Rat
|
|