Hintergrund mit Farbe??

Nadidz · 19. Oktober 2008

Hallo Leute,
ich wollte bei meiner Homepage einen bunten Hintergrund. Ich bekomme es immer nur so hin, dass der Inhalt und so eine Hintergrundfarbe bekommt. Meine Homepage ist mittig gesetzt, also ist rechts und links immer weißer Hintergrund und den möchte ich farbig, ich hoffe man kann mir folgen. Hier nochmal der Link zu meiner Page:
http://dennis.spacequadrat.de[/url]

maulepan · 19. Oktober 2008

naja da musst du im style.css den body beschreiben also

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: ........ ;
}

Nadidz · 19. Oktober 2008

Hm hab jezz in meiner style.css bei body "background" hinzugefügt und einfach mal blau gemacht. Wird aber nichts angezeigt, muss ich das body im HTML-Dokument nochma irgendwie erwähnen oda so??

maulepan · 19. Oktober 2008

nein eigentlich ni9cht.... nur du darfst kein # davor setzten

Nadidz · 19. Oktober 2008

Also ich hab nochma geguckt und funzt trotzdem net...

YetiZwerg · 19. Oktober 2008

du kannst das ganze auch gleich im HTML-Code (für jede Seite extra) einstehhel:

Code

<body bgcolor="#......">




...




</body>

Alles anzeigen

dann musst du das aber auf jeder Seite machen

Nadidz · 19. Oktober 2008

Stimmt...das hat auch geklappt und werde es vorrübergehen auch so machen.
Danke !!!

maulepan · 19. Oktober 2008

also bei mir klappen beide varianten... haste auch wirklich kein symikolon in deiner style.css vergessen??

Nadidz · 19. Oktober 2008

Hm...eigentlich is alles richtig...kannst dus mal bitte so schreiben wie ich es in der style.css dann haben müsste??

maulepan · 20. Oktober 2008

naja hab ich doch schon

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: #FF0000;
}

du kannst natürlich auch ein Hintergrundbild setzten

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: URL(bilder/hintergrund.gif);
}

Nadidz · 20. Oktober 2008

Verdammt es geht einfach nicht. So siehts bei mir aus:

Code

body {
  text-align: center; /* Zentrierung IE */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background: #FF0000; 
}

maulepan · 20. Oktober 2008

nimm ma zum ürobieren text-align und den kommentar raus... müsste eogentlich nichts änder, aber nen versuch ist es wert

Nadidz · 20. Oktober 2008

Hab das mal rausgemacht und hat sich nichts geändert. Hier noch mal meine HTML-Datei vielleicht is ja da was falsch^^

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <title>Dennis-r.de.tf</title>




<link rel="stylesheet" href="design.css" type="text/css">




<style type="text/css">




</style>




</head>




<body>




<div id="seitenbereich">




<div id="kopfbereich">
</div>




<div id="navi">
<p> <a href="index.html">Home</a> | <a href="uebermich.html"> &Uuml;ber mich </a> | <a href="volltierisch.html"> Voll Tierisch </a> | <a href="schule.html"> Schule </a> | <a href="fotosundvideos.html"> Fotos und Videos </a> | <a href="impressum.html"> Impressum </a>  </p>
</div>




<div id="inhalte">
<h2 align="center">Herzlich Willkommen</h2>
<table align="center" width="780px">
<thead>
<tr>
<th><p style="margin-left:0px;">&Uuml;ber diese Homepage</p></th>
<th><p style="margin-left:150px;">Aktualisierungen</p></th>
</tr>
</thead>
<tr>
<td>Das ist meine private Homepage, an <br/>
der ich seit Anfang 2008 bastle. Auf <br/>
dieser Homepage können Sie mich <br/>
näher kennenlernen. Es gibt keine <br/>
versteckten Kosten.</td>
<td align="right"><iframe src="http://dennis.spacequadrat.de/aktualisierungen.html"
width="300px" height="150px" name="aktualisierungen">




  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen!
  </p>
</iframe>
</td>
</tr>
</table>




<table align="center" width="780px" style="margin-top:30px">
<thead>
<tr>
<th><p style="margin-left:0px;">News</p></th>
<th align="right"><p style="margin-right:70px;">Mein Blog</p></th>
<th></th>
</tr>
</thead>
<tr>
<td>Bin wieder aus Italien zur&uuml;ck und <br/>
habe gleich alle Bilder hochgeladen. <br/>
<a href="italien.html">>>Klick<<</a></td>
<td align="right" width="250px"> <a href="meinblog.html"><img src="bilder/sonstiges/meinblog.jpg" style="margin-right:60px;"/></a> </td>
<td align="right"><a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1214665927" style="border:none" alt="Counter" /></a></td>
</tr>
</table>
</div>
</div>
</body>
</html>

Alles anzeigen

maulepan · 20. Oktober 2008

nö.... hab keine ahnung woran das liegen kann.... und hab auch keine zeit.... sitze im informatikunterricht..... also kann jetzt nicht groß helfen

PS: sag mal die URL deiner Page

Nadidz · 20. Oktober 2008

Hier die URL:
http://dennis.spacequadrat.de

Dort habe ich die Datei mit dem Hintergrund und so noch net hochgeladen...habe das immer nur am PC getestet...

maulepan · 20. Oktober 2008

ich schreibt dir heute nachmittag

Nadidz · 21. Oktober 2008

Hey maulepan schon ne Lösung für mein Probelm?? Wenn nicht muss ich anfangen und bei jeder Seite den Hintergrund ändern

maulepan · 21. Oktober 2008

also 1. du hast folgendes stehen

Code

<style type="text/css">




body {
  text-align: center; /* Zentrierung IE */
}




#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 780px;
  background-color:#FFFFFF;
}




#navi {
  background-color:white;
  height:20px;
  margin-top:-15px;
}




#inhalte {
  background-color:#FFFFFF;
}




#kopfbereich {
  background:url(bilder/header.jpg) no-repeat;
  height:100px
}




a         { font-family: Arial, sans-serif;color: #000066;
}




a:link    { text-decoration:none; color:#000066; 
}




a:visited { text-decoration:none; color:#993366; 
}




a:hover   { text-decoration:underline overline; color:#FF0000;
}




a:active  { text-decoration:underline overline; color:#3366FF;
}




</style>

Alles anzeigen

so ist es aber richtig

Code

body {
  text-align: center; /* Zentrierung IE */
}




#seitenbereich {
  text-align:left;  /* Inhalt wieder links */
  margin: 0 auto;   /* Zentrierung mitte */
  width: 780px;
  background-color:#FFFFFF;
}




#navi {
  background-color:white;
  height:20px;
  margin-top:-15px;
}




#inhalte {
  background-color:#FFFFFF;
}




#kopfbereich {
  background:url(bilder/header.jpg) no-repeat;
  height:100px
}




a         { font-family: Arial, sans-serif;color: #000066;
}




a:link    { text-decoration:none; color:#000066; 
}




a:visited { text-decoration:none; color:#993366; 
}




a:hover   { text-decoration:underline overline; color:#FF0000;
}




a:active  { text-decoration:underline overline; color:#3366FF;
}

Alles anzeigen

und dann lad das einfach ma so hoch und gug was wird

Nadidz · 21. Oktober 2008

Hm also ich sehe gerade keinen Unterschied bei den beiden Codes...hm werds dann morgen trotzdem mal testen...hab heude keine zeit mehr.

Nadidz · 22. Oktober 2008

Ok super es funktioniert jetzt. Kannst du mir bitte nochmal den Fehler in meinem Code sagen, denn ich sehe irgendwie keinen

Hintergrund mit Farbe??

Jetzt mitmachen!

Teilen