Antworten auf deine Fragen:
Neues Thema erstellen

Erledigt - Bitte um Hilfe! Background-Bilder verschwinden mit der Vorlage.

Sisankha

Aktives Mitglied

Zuerst dachte ich, ich hätte zu viel rumprobiert und hätte nun eben den Codesalat. Weil ich den Code ja nur ansatzweise verstehe. Arbeite das erste Mal wieder mit Dreamweaver seit er von Adobe übernommen wurde. Ist also schon eine Weile her. Und ich habe immer nach Auge und nie nach Code gearbeitet.

Nun hab ich ein Buch gelesen. Dreamweaver CC - der praktische Einstieg. Das war einigermassen hilfreich.
Zusätzlich hab ich mir noch einen DVD-Workshop besorgt und alles durchgeguckt. Adobe Dreamweaver CC - Das umfassende Training. Das war auch geeignet.

Ich habe nach den Anleitungen gearbeitet, soweit es für mein Layout passt.
Solang das eine einzelne Seite ist, funktioniert das auch bestens. Aber sobald ich die Seite als Vorlage (mit 2 bearbeitbaren Bereichen) speichere, ist fertig lustig.

Wenn ich eine neue Seite auf Basis der Vorlage erstelle, verschwinden beide Background-Bilder. Das vom Body ebenso wie das vom Kopf (Header).

Die Idee, dass ich die Bilder manuell noch extra in den Templates-Ordnern speichern muss, hat nichts gebracht.

Also dachte ich, ich hätte den Code mit meiner Rumprobiererei demoliert. Und weil mehr Übung nicht schaden kann, hab ich nochmal angefangen.

Nun hab ich einen sauberen Code - soweit ich das begreife. Aber das Problem besteht immer noch.
Kann mir hier jemand sagen, was ich falsch mache?

-----------------------

Die beiden Bilder, die in Entwurf, Live-Ansicht und Browser-Vorschau da sind, wie sie sollen, aber dann im gleichen Layout von einer Vorlage (ebenfalls in Entwurf, Live-Ansicht und Browser-Vorschau) verschwunden sind, hab ich rot markiert. (Im Code der Vorlage sind sie an derselben Stelle, aber sie erscheinen trotzdem nicht.)
Als editierbare Bereiche hab ich vor dem Speichern nur die Sidebar und Inhalt angegeben.
Hier ist der Code. Ich lade ihn komplett hoch, da ich nicht weiss, was relevant sein könnte.

HTML:
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Unbenanntes Dokument</title>

<style type="text/css">

body {

  color: rgba(7,5,166,1.00);

  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

  font-size: 10pt;
  background-image: url(pix%20layout/kachel7646hoch.jpg);
  background-repeat: repeat;

}

#container {

  height: auto;

  width: 1000px;

  margin-right: auto;

  margin-left: auto;

  border: thin solid rgba(72,169,240,1.00);

}

#kopf {
  background-image: url(pix%20layout/logo.jpg);
  background-repeat: no-repeat;

  margin: 0px;

  height: 170px;

  width: 1000px;

  border: thin solid rgba(72,169,240,1.00);

}
 
Zuletzt bearbeitet von einem Moderator:

lachender_engel

Aktives Mitglied

Was erwartest Du, dass wir jetzt machen? Uns eine Testumgebung aufbauen um Deinen Code zu testen? Und das ohne alle Daten zu haben?!
Lade die Seite irgendwo hoch und gebe uns einen Link dazu. Dann können wir "mal nachschauen".
Aber so...
 

Sisankha

Aktives Mitglied

Das sind ALLE Daten, die die Seite bisher hat.
Ich dachte, wenn man sich auskennt, liest man das und findet gleich den Fehler :)

Faszinierend. Ich finde beim Googeln in anderen Foren nur drei Leute, die dasselbe Problem haben. Aber in keinem der Foren gabs eine Anwort *seufz*

-----------------------------
Edit:
Mit anderen Formulierungen find ich noch mehr Leute, die das Problem haben. Ab 2008 bis heute. Es hat wohl etwas mit Pfaden zu tun. Auch wenn ich noch nicht kapiert habe was. Aber ich hab deswegen oben mal den ganzen Code nach dem Problem mit den Backgroundbildern rausgeholt.
 
Zuletzt bearbeitet:

Sisankha

Aktives Mitglied

Nachdem ich nun weiss, dass es etwas mit Pfaden zu tun hat, hab ich mir Pfade für die Hintergrundbilder mal angesehen. Das kam dabei raus:

neue Seite erstellt: url(pix%20layout/kachel7646hoch.jpg)
als Vorlage gespeichert: url(../pix%20layout/kachel7646hoch.jpg)
neue Seite von Vorlage: url(file:///D|/001 seids/! welit/pix%20layout/kachel7646hoch.jpg)

neue Seite erstellt: url(pix%20layout/logo_welit.jpg)
als Vorlage gespeichert: url(../pix%20layout/logo_welit.jpg)
neue Seite von Vorlage: url(file:///D|/001 seids/! welit/pix%20layout/logo_welit.jpg)

Ich versuch jetzt rauszufinden, was ich damit anfangen muss. In einem dw-externen Editor den Pfad der Vorlage ändern? *grübel* .... Ich geh weiter rumprobieren.
 

Sisankha

Aktives Mitglied

Es gibt nicht mehr Code. Behauptet jedenfalls Dreamweaver. Ich hab nur das Zeugs mit Margin und so rausgelöscht oben, nachdem klar war, dass es ein Pfadproblem ist.

In Post 5 kann man die verschiedenen Pfade sehen, die DW generiert.

Aber ich hab jetzt sowieso genug und geb auf.
Seit 10 Stunden schlag ich mich mit dem Blödsinn rum und komme nicht weiter.
Dann muss das eben eine Seite ohne Vorlagen werden. Ist ja völlig witzlos. Wenn ich sowieso jedesmal die Backgrounds für Body und Header separat reinlesen muss, kann ich genauso gut wie in Macromediazeiten jede Seite aus derselben erstellen und bei allfälligen Änderungen mit Surch-Replace arbeiten. Solang das mit den Backgrounds nicht klappt, gibt das jedenfalls weniger Arbeit.

Aber danke für's Lesen *seufz*


ps: Nein, es gibt keinen Link. Ich habe nichts online. Übe nur auf meinem PC rum.
 

patrick_l

Hat es drauf

ls Vorlage gespeichert: url(../pix%20layout/kachel7646hoch.jpg)
neue Seite von Vorlage: url(file:///D|/001 seids/! welit/pix%20layout/kachel7646hoch.jpg)

Genau dort ist der Fehler. Entweder liegen deine Bilder oder die neuen Seiten nicht im Stammverzeichnis (Stammordner) deiner Website. Hier mal eine mögliche Ordnerstruktur:

Code:
[Projektordner]
- index.html
- beispiel-1.html
- Unterordner images (Bilder)
- - header-hintergrund.jpg
- - footer-hintergrund.jpg

In deinem Markup werden die Bilder dann über das img-tag wie folgt eingebunden:
HTML:
<img src="images/header-hintergrund.jpg" alt="" />
Im CSS nicht viel anders. Zumindest was den Pfad des Bildes / der Grafik angeht:
CSS:
selektor {
/* kurze Schreibweise */
background:url(images/header-hintergrund.jpg) no-repeat;
/* lange Schreibweise */
background-image:url(images/header-hintergrund.jpg);
background-repeat: no-repeat;
}

Mit anderen Worten, überprüfe deine Stammverzeichnis und passe die Verlinkungen an. Achte darauf das alle Inhalte (Bilder, Grafiken "what ever") im Projektordner zu finden sind.

Edit:
Schönes Beispiel dafür, was für Dreckscode DW auswirft.
Lag mir ebenso auf der Zunge. ;) Richtig spaßig wird es, wenn auch noch Adobes "Spry" den Quellcode zumüllt. Der "Code-Editor" selbst ist nicht schlecht. Der WYSIWYG-Krempel jedoch für die Tonne. Dreamweaver das neue Frontpage ;)

Liebe Grüße, Patrick
 
Zuletzt bearbeitet:

Sisankha

Aktives Mitglied

Schönes Beispiel

Genau dort ist der Fehler.

Ich bin wahrlich schon völlig entnervt. Hatte auch schon alles geschlossen. Aber dann dachte ich, ich guck hier nochmal rein und da finde ich eure zwei Antworten.

IHR HABT MICH GERETTET. DANKE !!!!

Wenn ich könnte, würd ich euch umarmen. Aber das würdet ihr vielleicht gar nicht wollen von einer Oma wie mir *g* .... Jedenfalls habt ihr mir meine Laune gerettet. :D

:happy2::happy2: :danke: :happy2: :happy2:
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.612
Beiträge
1.538.343
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben