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]
Hintergrund mit Farbe??
-
-
naja da musst du im style.css den body beschreiben also
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: ........ ;
} -
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??
-
nein eigentlich ni9cht.... nur du darfst kein # davor setzten
-
Also ich hab nochma geguckt und funzt trotzdem net...
-
-
Stimmt...das hat auch geklappt und werde es vorrübergehen auch so machen.
Danke !!! -
also bei mir klappen beide varianten... haste auch wirklich kein symikolon in deiner style.css vergessen??
-
Hm...eigentlich is alles richtig...kannst dus mal bitte so schreiben wie ich es in der style.css dann haben müsste??
-
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);
} -
-
nimm ma zum ürobieren text-align und den kommentar raus... müsste eogentlich nichts änder, aber nen versuch ist es wert
-
Hab das mal rausgemacht und hat sich nichts geändert. Hier noch mal meine HTML-Datei vielleicht is ja da was falsch^^
HTML
Alles anzeigen<!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"> Ü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;">Ü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ü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>
-
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
-
Hier die URL:
http://dennis.spacequadrat.deDort habe ich die Datei mit dem Hintergrund und so noch net hochgeladen...habe das immer nur am PC getestet...
-
ich schreibt dir heute nachmittag
-
Hey maulepan schon ne Lösung für mein Probelm?? Wenn nicht muss ich anfangen und bei jeder Seite den Hintergrund ändern
-
also 1. du hast folgendes stehen
Code
Alles anzeigen<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>
so ist es aber richtig
Code
Alles anzeigenbody { 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; }
und dann lad das einfach ma so hoch und gug was wird
-
Hm also ich sehe gerade keinen Unterschied bei den beiden Codes...hm werds dann morgen trotzdem mal testen...hab heude keine zeit mehr.
-
Ok super es funktioniert jetzt. Kannst du mir bitte nochmal den Fehler in meinem Code sagen, denn ich sehe irgendwie keinen
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!