Hintergrundfarbe in Dreamweaver

MissHailie · 07.02.2010

Ihr Lieben,

ich hab mal ne ziemlich blöde Frage.
Ich schreib am Dienstag eine Klausur über Website-Erstellung.

Wir sollen so eine Homepage nachbauen wie angefügt.

Jetzt mal meine Frage.
Der Hintergrund hat ja:
a) einen Verlauf
und ist
b) viiiieeeel breiter als die eigentlichse Seite.

Zwei Fragen dazu:

Der Aussenrahmen in CSS, ist der so breit wie der Banner?

Und wie bekomme ich die Hintergrundfarbe dann so darein?

Wäre super wenn ihr ne kurze Antwort hättet.
Denke es ist nicht so schwer, ich komm nur als Anfänger nicht drauf

Bestes

Hailie

leveler · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

Der Aussenrahmen in CSS, ist der so breit wie der Banner?

hmm, also ich seh keinen Rahmen, bin aber auch noch nicht so recht wach ;-)

Und wie bekomme ich die Hintergrundfarbe dann so darein?

das kannst du per css regeln:

body {

background-image: url(pfad/bildname.png/.jpg);
background-repeat:repeat-x;}

Du brauchst nur einen Verlaufs-Streifen von zb 1600px hoch und 4px Breite.

http://www.css4you.de/background-repeat.html

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

super danke.

wegen dem rahmen.. ich meinte.
der allumfasende aussenrahmen, damit die seite halt nicht ausfranst.

ist der so breit wie der banner? und dann einfach in die css datei den hintergrund definieren? also für die komplette seite

ich weiß mir fehlt das fachvokabular<.<

leveler · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

wegen dem rahmen.. ich meinte.
der allumfasende aussenrahmen, damit die seite halt nicht ausfranst.
ist der so breit wie der banner?

hast Du denn so einen allumfassen Container angelegt? oftmals wirds ja so geschrieben:
<div id="wrapper">
...inhalte...</div>
wenn du dem wrapper in der css keine "width: xyz px; " gegeben hast, wird er so breit ,wie es das breiteste Element innerhalb des wrappers einfordert..meine ich zumindesst, bin aber auch noch kein profi auf dem gebiet...

teste das doch mal in dem Du dem wrapper in der css fogendes ansagst:
#wrapper { border: 1px solid #000;}

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

ja schon klar

aber ich wollte wissen:

ob der wrapper so breit sein muss wie der banner....und ob der hellblaue hintergrund dann den rest der fläche ausfüllt, je nachdem wie groß der bildschirm halt ist

achso und die hintergründer der grauen boxen, die haben doch auch nen verlauf.
den macht man doch nicht auch per jpg, oder?

leveler · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

ob der wrapper so breit sein muss wie der banner....und ob der hellblaue hintergrund dann den rest der fläche ausfüllt, je nachdem wie groß der bildschirm halt ist

das eine hat nichts mit dem anderen zu tun..den hintergrund definierst du ueber body, wie schon beschrieben, wenn du den streifen nur 200px hoch machst und repeat-x schreibst, wird er halt immer 200 px hoch bleiben , aber auf der x-Achse
ins unendliche laufen

achso und die hintergründer der grauen boxen, die haben doch auch nen verlauf.
den macht man doch nicht auch per jpg, oder?

doch, wuerd ich wie schon fuer den body-hintergrund beschrieben machen...bin aber gespannt auf gegenvorschlaege ;-)

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

hmm ok,

aber dieses body backround muss in die css datei als kalsse definiert werden, richtig?

muss der div tag in der html datei dann vor, in, oder hinter den wrapper tag?

glaub das is das grundproblem..zumindest stell ich mir nun diese frage

leveler · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

aber dieses body backround muss in die css datei als kalsse definiert werden, richtig?

ist nicht nötig, in der html-datei hast du den body, in der css sprichst du den wie oben schon beschrieben an..eine Klasse / class ist dann notwendig wenn Definitionen mehrfach vorkommen, ansonsten tuts auch eine id.

muss der div tag in der html datei dann vor, in, oder hinter den wrapper tag?

=
..<html>
<head>..</head>
<body>
<div id="wrapper">
............
</div>
</body>
</html>
°°°°°°°°°°°°°°°°°°
Ansprechen einer id in der css:
#wrapper {...}
°°°°°°°°°°°°°°°°°°°°°}
Ansprechen einer Klasse/class in der css:
.wrapper {...}
°°°°°°°°°°°°°°°°°°°°°

-->Zaunpfahl:
http://de.selfhtml.org/
http://www.w3schools.com/

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

Verstehe!
DANKE!

Eine Kleinigkeit noch.

Über den Boxen sind doch Balken mit Text. Also Rot, Blau und Schwarz.

Ist es am besten die einzeln zu machen und dadrunter diie grauen boxen mit dem bild und dem text?

anders krieg ichs irgendwie nicht hin.
macht sinn oder?

leveler · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

Über den Boxen sind doch Balken mit Text. Also Rot, Blau und Schwarz.
Ist es am besten die einzeln zu machen und dadrunter diie grauen boxen mit dem bild und dem text?

du kannst zb schreiben:
html: <h3 id="headline_rot>xyz</h3>
css: #headline_rot{background-color: #f00;}
oder du schreibst es wieder mit nem div , dem du auch per css farbe gibst..

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

nee also mit IDs soll ich mal gar nix machen

ich hab nur tags und klassen bis jetzt

leveler · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

nee also mit IDs soll ich mal gar nix machen
ich hab nur tags und klassen bis jetzt

ach so..na dann :hmpf: viel Glück bei Deiner Klausur

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

danke aber wirklich weiter bin ich jetzt nicht

ich hab zwar jetzt die bunten boxen,
aber wenn ich jetzt vonlinks nach rechts die grauen drunter mach..verschiebt sich alles.

was irgendwie unlogisch ist.

ich hab doch erst von links nach rechts folgende div tags

boxrot - boxblau-boxschwarz

dann

boxgraulinks - boxgraumitte - boxgraurechts

passt auch..bis auf die rechte box wo die navi drin is...

aber so verschachteln muss man doch, oder etwa nicht?

MissHailie · 07.02.2010

AW: Hintergrundfarbe in Dreamweaver

<div class="wrapper">Raum für den Inhalt von class "wrapper"
<div class="banner"><img src="images/banner.png" width="769" height="248" /></div>
<div class="links">Aktuelle Aktionen</div>
<div class="mitte"></div>
<div class="rechts"></div>
<div class="linksbox">Raum für den Inhalt von class "linksbox"</div>/QUOTE]

quasi so??