| Autor |
Nachricht |
-
rhetorischeberatung
|
 30.04.2011 um 17:22 (UTC)
Titel: [gelöst]Hintergrund eigene Seiten |
|
|
nabend,
ich abe folgendes problem,
ich möchte bei meinen eigenen seiten jeweils einen anderen hintergrund einfügen (ein bild):
mit dem folgenden code funktioniert es nur leider nicht
der hintergrund bleibt weiß?!
Code: <style type="text/css">
<!--
td.edit_content{
background-image: url(Bild URL);}
-->
</style>
Denke ich hab irgendwo einen Fehler im Designcode, der mir das einfügen von Hintergundbildern blockiert.
Css ohne Style Tags:
Code: /* Kalibrierung der Abstände */
* { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }
/* Überflüssige Klassen entfernen */
#pre_header, #post_header, #nav_container, #counter, #title span, #sidebar_container, h1#header span{
display: none; /* entfernt nicht genutzte Klassen */
}
/* Werbung zentrieren */
table[height="102"] {
width: 100%;
text-align: center;
}
/* Allgemein */
body {
background: url(http://img.webme.com/pic/r/rhetorischeberatung/background.jpg) no-repeat top center #FFEFE0; /* Hintergrundbild zentriert, Hintergrundfarbe */
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
font-family: Verdana, sans-serif; /* Schriftart */
font-size: 14px; /* Schriftgröße */
overflow: auto; /* Scrollen */
}
a {
color: #000; /* Farbe der Links */
}
/* Container */
#design1 {
position: relative;
width: 900px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: #fff; /* Hintergrundfarbe des Containers */
border: 0px solid #B98D56; /* Rand um das Design */
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
}
#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}
/* Header */
#header {
height: 150px; /* Höhe des Headers */
background-color: #000000; /* Hintergrundfarbe des Headers */
background-image: url(http://img.webme.com/pic/r/rhetorischeberatung/header2.jpg);
border-bottom: 1px solid #B98D56; /* Rand am unteren Ende des Headers */
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
}
/* Content */
#content_container {
float: left; /* positioniert den Content links neben die Navigation */
width: 699px; /* Briete des Contents */
border-left: 0px solid #B98D56; /* linker Rand */
}
#content {
padding: 15px; /* Innenabstand des Contents */
}
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
left: 50%;
top: 123px;
margin-left: -450px;
width: 900px; } /* Breite der Menüpunkte einstellen */
.menu li {
width: 150px;
float: left; }
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/r/rhetorischeberatung/button1.png);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color:#FFFFFF; }
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #;
background-image: url(http://img.webme.com/pic/r/rhetorischeberatung/button2.png);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF; }
bin für jeden hinweis dankbar 
Zuletzt bearbeitet von rhetorischeberatung am 30.04.2011, 21:06, insgesamt einmal bearbeitet
|
|
|
↑
|
|
 |
|
|
30.04.2011 um 17:33 (UTC)
Titel: |
|
|
Zitat: /* Allgemein */
body {
background: url(http://img.webme.com/pic/r/rhetorischeberatung/background.jpg) no-repeat top center #FFEFE0; /* Hintergrundbild zentriert, Hintergrundfarbe */
font-family: sans-serif; /* Schriftart */
font-size: 0.8em; /* Schriftgröße */
text-align: center; /* zentriert das Design im IE */
font-family: Verdana, sans-serif; /* Schriftart */
font-size: 14px; /* Schriftgröße */
overflow: auto; /* Scrollen */
}
Wenn du das rote probehalber rausnimmst, sollte es eigentlich funktionieren, (oder ist das schon dein (gewollter) Hintergrund??) du musst den Hintergrund dann aber bei jeder Seite neu angeben.
Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
|
↑
|
|
|
-
rhetorischeberatung
|
30.04.2011 um 17:53 (UTC)
Titel: |
|
|
das ist der hintergrund für die ganze homepage, der ist gewollt...
nur wie kann ich den code für die eigenen seiten "aktivieren"? |
|
|
↑
|
|
|
|
|
30.04.2011 um 18:06 (UTC)
Titel: |
|
|
Versuch es mal so 
VOR allen Text: (im Editor auf "Quellcode")
Code: </body>
<head>
<style>
body {
background: url(http://deinebildadresse.de.tl);
}
</style>
</head>
<body>
Andernfalls habe ich dein Problem wohl etwas missverstanden
// EDIT: KEIN WUNDER, dass dein Code nicht funktioniert: Der Code ist für Iceblue, und du nutzt CSS! Da sind Klassen und Tabellen anders benannt, daher.
(Hätte mir auch mal auffallen können...)
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
Zuletzt bearbeitet von transint am 30.04.2011, 19:10, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
rhetorischeberatung
|
30.04.2011 um 19:58 (UTC)
Titel: |
|
|
Genau da war der Haken
der CSS Code ist dann der folgende:
Code: <style type="text/css">
<!--
#content{
background-image: url(Bild URL);}
-->
</style> |
|
|
↑
|
|
|
|
