• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

2 Backgrounds (wahrscheinlich einfach)

Status
Für weitere Antworten geschlossen.
H

hackzack

Neues Mitglied
hi mal wieder, ich hab ein neues Problem ;ugl
Kann ich ganz diskret sagen, wie binde ich zwei backgrounds in meine Seite ein, das erste soll halt ganz normal geladen werden und falls die Seite länger als der erste Background wird, soll sich nicht dieser wiederhohlen, sondern entweder ein schwarzer oder besser, ein anderer background geladen werden, der dann, je nach länger der Seite beliebig oft unten angehangen wird.
Ich weiß, ich hab ein talent sachen unnötig kompliziert auszudrücken, trotzdem wärs nett wenn ihr mir helfen könntet , ich steh einfach auf dem Schlauch....
 
Effekt 1:
Das Hintergrundbild wird nicht wiederholt und der Rest ist schwarz.
Code: 
body
{
  background:#000000 url(hintergrund.png) no-repeat;
}
Effekt 2: (bin mir nicht sicher, ob mein Code funktioniert)
Wenn das Seitenende erreicht wird, fängt der neue Hintergrund an.
Code: 
body
{
  margin:0px;
  padding:0px;
  background:url(hintergrund1.png);
}

#bg
{
  width:100%;
  height:100%;
  margin-top:100%;
  background:url(hintergrund2.png);
}
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
  <head>
    <title>2 Hintergründe</title>
    <link rel="stylesheet" type="text/css" href="standard.css">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  </head>
  <body>

    <div id="bg"></div>

    <p>
      Lorem ipsum.
    </p>

  <br /><div style="z-index:3" class="smallfont" align="center"><!-- google_ad_section_start(weight=ignore) -->Search Engine Optimization by <a onclick="urchinTracker ('/outgoing/http_www_vbseo_com_622_');" rel="nofollow" href="http://www.vbseo.com/622/">vBSEO</a> 3.0.0<!-- google_ad_section_end --></div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1671491-1";
urchinTracker();
</script>
</body>
</html>
 
Zuletzt bearbeitet:
ich muss sagen, ich bin blutig, deswegen,
warum funktionierte das hier nicht?
HTML: 
<body background="NewMapAA.jpg"; 
background-repeat: no-repeat;>

das bild wurde immer noch wiederhohlt....
 
Weil man den von dir gewünschten Effekt nur mit CSS erreichen kann. Dein Code ist aber falsches HTML. Leg ein Stylesheet an (z. B. standard.css) und binde es in deine HTML-Datei ein:

Code: 
<link rel="stylesheet" type="text/css" href="standard.css">
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben