Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.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 Wink


Zuletzt bearbeitet von rhetorischeberatung am 30.04.2011, 21:06, insgesamt einmal bearbeitet
Beitrag30.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
Beitrag30.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"?
Beitrag30.04.2011 um 18:06 (UTC)    
Titel:

Versuch es mal so Idea

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 Wink

// 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
Beitrag30.04.2011 um 19:58 (UTC)    
Titel:

Genau da war der Haken Wink
der CSS Code ist dann der folgende:
Code:
<style type="text/css">
<!--
#content{
background-image: url(Bild URL);}
-->
</style>
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de