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

Hintergrundbild

Status
Für weitere Antworten geschlossen.
Raphael

Raphael

Neues Mitglied
Hallo an alle im Forum!
Ich versuche gerade eine im Aufbau befindliche Seite durch ein Hintergrundbild zu ändern. Leider klappt es nicht und ich würde mich über Eure Tipps freuen.

Also erst mal das Stylesheet:
Da habe ich definiert:

Code: 
.bg1 {
	background-image: url(_img/bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

Und im Quellcode habe ich diesen Bereich gefunden in den ich wahrscheinlich die Info über das BG-Bild irgendwo reinschreiben soll. Das Problem ist: Wo genau und mit welchem Code???

HTML: 
 </table></td>
      <td width="23" height="25" align="left" valign="top" id="textfensterrand"><p class="head">&nbsp;</p></td>
      <td width="704" align="left" valign="top" id="textfensterrand">&nbsp;</td>
      <td width="25" align="left" valign="top" id="textfensterrand">&nbsp;</td>
    </tr>
    <tr>
      <td height="523" align="left" valign="top" id="textfensterrand">&nbsp;</td>
      <td align="left" valign="top" id="textfenster"><p class="head">
          <!--Hier den Inhalt einfügen -->
          Feldenkrais Studio Georg Odenahl </p>

Ich hab den Codeausschnitt absichtlich ein bisschen größer gewählt, damit der Überblick nicht verlohren geht. Die ganze site findet man hier:
http://www.feldenkrais-studio.at

Würde mich sehr über eure Tipps freuen!
DANKE!!!
Rapahel
 
prm schrieb:
Wo genau musst du selbst wissen, vermutlich willst du damit einer Zelle einen Hintergrund zuweisen.

Versuchs mal an der entsprechenden Stelle so:

statt <td ....
schreib
Zum Vergrößern anklicken....

Nein, leider :( Funzt nicht. Habe 100 Varianten ausprobiert, aber es geht nicht. Mein erster Versuch war ja genau so, wie in der Antwort beschrieben, aber als das nicht geklappt hat, habe ich gedacht, dass ich etwas falsch mache.

Die CSS scheint zu stimmen. Bei HTML ist ja fast nichts falsch zu machen.
Könnte es also sein, dass irgendwo im Dokument etwas steht, was Hintergrundbilder verbietet? :?::?::?:

Danke für Ideen!
Raphael
 
Raphael schrieb:
Nein, leider :( Funzt nicht.
Zum Vergrößern anklicken....

Nichtmal das da funktioniert:
HTML: 
<html>
<head>
<title>Feldenkraisstudio Georg Odenal</title>
<link href="_css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <td style="bg1">Testtext</td>
     </body>
</html>

Aber mehr reduzieren ist wohl nicht möglich... ;)
Also muss es wohl etwas anderes sein.

Wäre für Ideen recht aufgeschlossen, da ich komplett ratlos bin.
lG
Raphael
 
Hallo,

also erstmal kannst du kein <td> ohne eine umgebende Tabelle und eine Tabellenzeile benutzen, müsste also wie folgt aussehen
HTML: 
<table><tr><td>Muh</td></tr></table>
und dann sprichst du deine CSS-Klasse nicht mit
HTML: 
<td style="bg1">
sondern mit
HTML: 
<td class="bg1">
an, denn der "." im CSS definiert eine Klasse.

Dann wird auch dein Hintergrundbild angezeigt.
 
|Thor| schrieb:
Hallo,

also erstmal kannst du kein <td> ohne eine umgebende Tabelle und eine Tabellenzeile benutzen, müsste also wie folgt aussehen...und dann sprichst du deine CSS-Klasse nicht mit
HTML: 
<td style="bg1">
sondern mit
HTML: 
<td class="bg1">
an, denn der "." im CSS definiert eine Klasse.
Zum Vergrößern anklicken....

Berechtigte Einwände. Ich hab eben 1000 Varianten durchprobiert und dann eine ganz falsche gepostet. sorry! Aber auch mit deinen Vorgaben funzt es nicht. Ich habe jetzt ein Bildschirmfoto gemacht. Es enthält den besprochenen Ausschnitt der CSS-Datei, den minimalst möglichen Codeschnipsel in HTML, der Sinn macht, und das Ergebnis im Dreamweaver. Zusätzlich habe ich auch noch die Struktur der Ordner mitfotografiert. Das Bild ist etwas zu groß geworden, dehalb habe ich es hier raufgeladen:

Nix geht.

Und irgendwo muss der Fehler sein, den ich nicht finde...Falls also jemand sieht, wo der Wurm drin ist, bitte nur raus damit. Ich geb langsam auf!

Danke!
Raphael
 
Dir fehlt noch das <table> am Anfang, ich sehe nur <tr><td></td></tr></table>, ausserden fehlt <body>

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <style type="text/css">
      body { 
        background-image: URL(test.jpg);
        background-repeat: no-repeat;
      }
    </style>
  </head>
  <body>
    <p>Muh</p>
  </body>
</html>
So sollte es aussehen.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben