Text über Bild in Dreamweaver

[plappi87]

Hallo alle zusammen.

Ich bin neu hier und hoffe dass ihr mir helfen könnt. Ich habe in Photoshop eine Seite erstellt... Jetzt arbeite ich mit dreamweaver. Ich möchte Texte einfügen und meine Bilder als hintergrund definieren, damit ich eben darüber contents einfügen kann. aber das funktioniert nicht bei mir...

danke schon im vorraus...


liebe grüße

 

[sunny_76m]

AW: Text über Bild in Dreamweaver

Hallo und herzlich Willkommen hier im Forum.

Wie bist du denn im Photoshop vorgegangen? Du hast die Grafik in PS vermutlich erstellt und dann abgespeichert.

Zuvor musst du hier die Seite dementsprechend aufteilen (Slice-Tool) und dann mit "Für Web und Geräte speichern" abspeichern. Zum Slice-Tool findest du hier über die Suchfunktion so Einiges, und auch die programmeigene Hilfefunktion von PS kann dir hier gute Dienste leisten.

Sollte das nicht das Problem sein, so schreib doch mal noch konkreter woran es hakt. Evtl. hast du auch einen Screenshot dazu.

 

[plappi87]

AW: Text über Bild in Dreamweaver

Hi danke für die antwort.
Also die seite habe ich aufgeteilt und als html dokument gespeichert. Jetzt möchte ich meine Seiten mit content füllen. Wenn ich aber text einfüge, dann verschieben sich die einzelnen ausgeschnittenen bilder. Ich muss die ganzen bilder irgendwie als hintergrund deklarieren was ich auch schon versucht habe (wie weis ich leider nicht mehr :-/ )

Hier ein screenshot von meinem tabellen aufbau

 

[plappi87]

AW: Text über Bild in Dreamweaver

hier nochmal n screenshot vom entwurf (ist halt ne anfängerwebsite für meine WG)

 

[sunny_76m]

AW: Text über Bild in Dreamweaver

ah verstehe... du musst in diesen DIV-Containern (quasi in dem Feld wo du deinen Text reinschreibst) das Bild das sich darin befindet als Hintergrund festlegen.

Such mal im HEAD deiner Datei nach der Definition deiner DIV-Container. Das sollte so ähnlich aussehen:

#NAME_DIV-CONTAINER { 
     position:absolute;
     overflow:auto;
     left:189px;
     top:84px;
     width:746px;
     height:478px;
     background-image:url(images/NAME_BILDDATEI)
}

Wobei die px-Angaben sich natürlich nach der Größe und Lage deines einzelnen Feldes richten.

Die letzte Zeile (background-image...) musst dabei hinzufügen (geht am schnellsten wirklich über die Texteditorfunktion im Dreamweaver.

 

[plappi87]

AW: Text über Bild in Dreamweaver

cool danke ich probier es gleich mal aus

 

[plappi87]

AW: Text über Bild in Dreamweaver

leider hab ich keine divcontainer gefunden deshalb habe ich selbst einen eingebastelt. Zusätzlich einen stylesheet eingearbeitet und mit einer css regel zusammengepfuscht aber der text ist immer noch nicht auf dem bild :-/

 

[plappi87]

AW: Text über Bild in Dreamweaver

hier ein screenshot

hier das bild vom stylesheet

 

[s4f]

AW: Text über Bild in Dreamweaver

wenn du dich langfristig mit webdesign befassen willst, dann solltest du dir die css grundlagen aneignen. das kann man nicht so auf die schnelle erklären.

wenn du aber dein aufbau mit den tabellen so lassen willst, dann merke dir, dass du ein hintergrundbild auch einer tabelle (oder anderen tags) zuweisen kannst. es muß nicht ein div sein.

nimm deinen code, schau dir an wo du dein hintergrund haben willst (tag bestimmen), id oder class diesem tag zuweisen, die id o. class dann per css formatieren, fertig.

 

[Fritschie]

AW: Text über Bild in Dreamweaver

Die neueste Technik heisst CSS und DIV Container und keine Tabellenaufteilung.
Tabellen nimmt man heute nur noch um etwas tabellarisch (Werte) darzustellen.
Also am besten gleich mit CSS und Div Container anfangen.
Das Slicen von Photoshop geht nämlich auch noch mit Tabellen was nicht gut ist.

 

[plappi87]

AW: Text über Bild in Dreamweaver

Also ich hab die Website jetzt fertig gestellt und hab divcontainer benutzt. vielen dank für die ratschläge. bis dennne