zweites background bild

Scue

ich hab oben ein backgroundbild mit repeat x, kann ich auch noch ein backgroundbild mit repeat y machen? aber ich check nicht ganz wie das gehen sollte, weil wenn ich in meine style datei ein zweites bild einbinde wird dann nur das zweit angezeigt

http://scue.lima-city.de/

http://scue.lima-city.de/style.css

gago

Ich habe keine Erklärung, wieso es nicht funktioniert.

Siehe http://csszengarden.com/195/195.css

Scue

tut sich immer noch nix, selbst wenn ich die css für meine nehm und bloß die bildnamen drinnen umänder

gago

PHP

<?php
	function translateDate($format) {
		$rpls = array(
							"Mon" => "Montag", // Wochentage
							"Tue" => "Dienstag",
							"Wed" => "Mittwoch",
							"Thu" => "Donnerstag",
							"Fri" => "Freitag",
							"Sat" => "Sonnabend",
							"Sun" => "Sonntag",
							"Jan" => "Januar", // Monate
							"Feb" => "Februar",
							"Mar" => "März",
							"Apr" => "April",
							"May" => "Mai",
							"Jun" => "Juni",
							"Jul" => "Juli",
							"Aug" => "August",
							"Sep" => "September",
							"Oct" => "Oktober",
							"Nov" => "November",
							"Dec" => "Dezember"
						);
		$date = date($format);
		$date = strtr($date, $rpls);

		return $date;
	}

	$nav = array(
					1 => "link #1",
					2 => "link #2",
					3 => "link #3",
					4 => "link #4",
					5 => "link #5",
					6 => "link #6",
					7 => "link #7",
					8 => "link #8",
					9 => "link #9",
					10 => "link #10"
				);


?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
  <head>
    <base href="http://scue.lima-city.de/" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css" media="screen">
      /* <![CDATA[ */
	html {
		background: #e7e9f4 url(backgroundleiste.png) repeat-x;
	}

	body {
		color: #f0f0f0;
		font: 15px/1.5em Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 100px 0 0 0;
		background: url(leiste-links.png) repeat-y;
	}

	td, #header form fieldset {
		border: none;
	}

	#wrapper {
		position: relative;
		left: 50%;
		margin-left: -405px;
		width: 810px;
		height: 475px;
		background-color: #c0c0c0;
		border: 2px outset #000;
	}

	#header {
		background-image: url(navi.png);
		width: 775px;
		height: 115px;
		margin: -100px 0 0 -25px;
		padding: 20px 40px;
		color: #000;
	}

	#logo, #logo a {
		overflow: hidden;
		float: left;
		width: 150px;
		height: 75px;
	}

	#logo a {
		text-indent: -1000em;
		display: block;
		background-image: url(logo.png);
	}

	#header form {
		float: right;
	}

	#header form input[type="submit"] {
		display: none;
	}

	#nav {
		height: 80px;
		width: 325px;
		margin: 20px 175px;
	}

	#nav li, #nav a {
		display: block;
		float: left;
		overflow: hidden;
	}

	#nav a {
		padding: .25em .5em;
	}

	#content {
		margin: 0 15px;
		padding: 0 10px;
		overflow: auto;
		height: 375px;
		text-align: justify;
	}

	#footer {
		padding-top: 1em;
		text-align: center;
	}

	#footer span {
		padding: 0 20%;
	}

	#footer a {
		color: #f0f0f0;
		text-decoration: none;
	}
      /* ]]> */
    </style>
  </head>
  <body>
    <div id="wrapper">
      <div id="header">
        <form action="/" method="post">
          <fieldset>
            <table>
              <tr>
                <td><label for="username">Benutzername:</label></td>
                <td><input type="text" name="username" id="username" value="" size="15" maxlength="25" /></td>
              </tr>
              <tr>
                <td><label for="password">Passwort:</label></td>
                <td><input type="password" name="password" id="password" value="" size="15" maxlength="25" /></td>
              </tr>
              <tr>
                <td colspan="2"><label for="login">Login</label><input type="submit" name="login" id="login" value="login" /> | <label for="register">Registrieren</label><input type="submit" name="register" id="register" value="register" /></td>
              </tr>
            </table>
          </fieldset>
        </form>
        <p id="logo">[url='/']logo[/url]</p>
        <ul id="nav">
<?php
	foreach ($nav as $key => $value) {
		printf("          [*]<a href=\"%s?p=%d\">%s</a>\n",
			$_SERVER["PHP_SELF"],
			$key,
			$value);
	}
?>
        [/list]
      </div>
      <div id="content">
        <h1>Lorem ipsum</h1>



Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor
sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et
accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit.</p>




Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et
nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren,
kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat.</p>
      </div>
      <div id="footer">© Scue 2007 <span>[url='mailto:%74%68%65%73%63%75%65%40%79%61%68%6F%6F%2E%64%65']Kontakt[/url] | Impressum</span> <?php echo translateDate("D, d. M Y"); ?></div>
    </div>
  </body>
</html>

Alles anzeigen

Scue

was auch immer es darstellen soll, ich hab es wesentlich einfach hinbekommen jetzt

gago

Unter einfach verstehe ich etwas Anderes! Ich habe den Style vom (X)HTML-Code getrennt. CSS und (X)HTML sind konform.

Zitat von Jens Grochtdreis

Webseiten sind Texte. Es war nie gedacht, sie mittels Tabellen zu layouten. Doch da in den Kindertagen des Web die Browser noch schlechter waren, als sie es heute leider noch sind, fand man schnell den Trick, mittels Tabellen ein Layout zu erstellen. Layouttabellen gibt es noch immer und sie funktionieren noch immer, obwohl sie als Layoutkrücke mittlerweile unnötig sind.

... besagt, dass Tabellenlayouts als Barrieren gelten und völlig veraltet sind.

Jetzt mitmachen!