Hintergrund meiner HP

Webdesign & Technik Software & Hardware
1

Hallo
Ich bin gerade an einer neuen Homepage am machen.
Das Design wurde bisher komplett selber gebaut, doch jetzt stehe ich vor einer schwierigen Frage: Der Hintergrund
Was soll ich für einen Hintergrund machen?
nasahl.bplaced.net/moto/index.php

Soll ich den ganzen Hintergrund ändern, oder nur die Tabelle (unter den Buttons, noch nicht vorhanden) wo der Text/Bilder drinnen sind?

Was für ein Hintergrund? Einfach z.B. grau, oder ein Foto

lg

2

[color=#0000FF]Hallo,

ich wuerde einen zartgrauen Hintergrund fuer die Seite vorschlagen. Die Buttons sehen dann sehr gut aus.[/color]

3

meinst du den gesamten hintergrund, oder nur die tabelle dort wo der text stehen wird (unter den buttons)

4

[color=#0000FF]Hallo,

ich meinte den gesamten Hintergrund der Seite. Mit welchem Programm erstellst Du Deine HP? Bei Dreamweaver und auch Frontpage kann man programmieren, dass der gesamte Hintergrund einer HP in einer bestimmten Farbe sein soll. [/color]

5

ja, ich mache das mit dreamweaver 2004
ich ändre es mal auf eine grau art

Edit: stellst du dir das so vor?
mir gefällt das gut, habt ihr aber noch vielleicht andere vorschläge zum vergleich?

6

Warum bitte per (schlechtes) Programm einstellen lassen, wenns in paar Sekunden wunderbar manuel per CSS: de.selfhtml.org/css/eigenschafte … rgrund.htm - Ps: Ich empfehle dir nicht auf Tabellen für das Layout zu setzen, das macht man schön mit CSS, Tabellen sind nur dann gut im Einsatz, wenn man Inhalte hat, die man am besten in Tabellen setzt (Vergleiche o.ä.)

Zum Hintergrund noch: Das musst du ausprobieren, je nach dem wie es passt, das kann man so schlecht vorhersagen. Ich würde dir jedenfalls einen schönen Farbverlauf empfehlen für die beiden äußeren Ränder, und das Contentfeld weiß oder ganz leit grau.

7

hi brauwn
ja, ich habe das jetzt mit css gemacht!

ok, dann überarbeite ich dass nochmals mit den tabellen und probier das mit css!

8

so, hatte keine ahnung wie das mit css geht
hier mein erster versuch:

nasahl.bplaced.net/most/homepage.php

schaut gut aus, nur weiß ich nicht, ob ich das so richtig gemacht habe

homepage.php

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet1.css" rel="stylesheet" type="text/css">
<script language="JavaScript"><!--

		var Bilder = new Array("header1.jpg","header2.jpg","header3.jpg","header4.jpg","header5.jpg");
		var Delay = 3000;

		var BildAnzahl = Bilder.length;
		var number = 0;
		BildFolge = new Image(); BildFolge.src = Bilder[number];

		function change() {

		number++;
		if (number == BildAnzahl) number = 0;

		BildFolge.src = Bilder[number];
		document.austausch.src = BildFolge.src;
		}

		setInterval("change()", Delay);

		//-->
		</script>
</head>

<body onload="change();">

	<div id="container">
	<div id="header">
	<img name="austausch" src="header1.jpg">
	</div> 

<div id="mainnav">
  <div align="left"><img src="images/button1.png"><img src="images/button2.png"><img src="images/button3.png"><img src="images/button4.png"><img src="images/button5.png"><img src="images/button6.png"><img src="images/button7.png"><img src="images/button8.png"><img src="images/button9.png" width="84" height="28"><img src="images/button10.png" width="84" height="28"><img src="images/button11.png" width="84" height="28"> </div>
</div>
	
	
</body>
</html>

stylesheet1.css:

body
{
margin: 0;
padding: 0;
font: 12pt "Comic Sans MS", "Times New Roman";
text-align: center;
color: #333;
background-color: #CCCCCC;
background-image: none;
}


#container
{
margin: 1em auto;
width: 900px;
text-align: left;
background-color: #fff;
border: 2px none #000000;
}

#header
{
height: 170px;
width: 900px;
background-repeat: no-repeat;
background-position: 0 0;
border-bottom: 1px solid #fff;
position: relative;
border: 1px none #fff;
border-bottom: 1px solid #fff;
}

#header h1
{

margin: 0;
padding: 0;
}

#mainnav
{
	width: 900px;
	height: 28px;
background-color: #CCCCCC;
}

vielen dank!!!

9

Wieso gibst du deinem Stylesheet die Endung php? :ps:

10

ups, verschrieben :smiley:

ist der code so in ordung?

11

Objekt-Größen würde ich relativ und nicht absolut angeben, etwa in Prozent oder em…
Ansonsten ordentlich, auch wenn ich Schönheitshalber Rahmen weglassen würde.

12

der rahmen hab ich geändert
ich glaube ich lass das jetzt mit den z.B 900 pixel, denn ich hab jetzt die bilder alle schon optimal vergrößert
und außerdem denke ich, dass die bilder ja langezogen werden