Bild teilen

**frank 5** · 11.03.2009, 12:56

Hallo,

ich habe mal ein Problem.
Ich möchte eine Webseite gestalten, wo ich ein "Blatt" habe mit Bildern drauf.
Dieses Blatt soll aus Kopf-, Mittel- und Fußteil bestehen. Dabei soll das Kopf- und Fußteil fest sein und das Mttelteil sich je nach Inhalt in der Länge verändern können.
Nun meine Fragen:
- Wie kann ich das Blatt (Bild) in 3 Teile zerlegen, so dass die genau aufeinander passen?
- Macht man dann zum Zusammenfügen ein dreiteilige Tabelle, oder wie bindet man diese Teile dann ein?

Mit besten Grüßen
Frank

**Zer0** · 11.03.2009, 16:12

Ich würde dir raten, mit DIV's zu arbeiten, wobei es Tabellen womöglich auch tun werden, ist eber eher "unschön".

Dein Zauberwort heißt "repeat". Schau mal, ob du etwas finden kannst.

**frank 5** · 11.03.2009, 17:09

Hallo,

danke für die schnelle Antwort.
Leider habe ich da nicht richtig was gefunden.

Viele Grüße
Frank

**Zer0** · 11.03.2009, 18:12

Pass auf, im Endeffekt brauchst du drei verschiedene Grafiken!

Header: Dort baust du dir den oberen Teil deines Blatt Papier
Footer: Dort baust du dir den unten Teil deines Blatt Papier
Ich denke, soweit ich alles klar und verständlich.

Und im mittleren Teil brauchst du eben eine Grafik, die sich eben wiederholen soll. Sie muss sich "kacheln"/ wiederholen.

Für den Background gibt es eine einfache Zeile Code.Dafür benutzt man zum Beispiel folgende Zeile:

HTML-Code:

<!--Css Teil -->

#mittlerer_Teil{background: url(bilder/MeinBackground.gif)}

/* -->Body Teil<-- */
<body>
  <div id="mittlerer_Teil">
    .. Dieser Hintergrund passt sich leider nicht nach der Größe meines Textes an.. Schade!
  </div>
</body>

So, nun soll sich das ganze ja aber dem Inhalt nach anpassen, der Hintergrund soll sich, wie oben gesagt, wiederholen (repeat), damit er eben auch größer wird, wenn der Inhalt mehr wird.
Da könnte man durchaus mit background-repeat arbeiten:

HTML-Code:

/* -->Css Teil<-- */

#mittlerer_Teil{background: url(bilder/MeinBackground.gif)
background-repeat:repeat-y } <!-- soll sich ja entlang der Y-Achse "repeaten", daher repeat-y --> 

<!--Body Teil-->
<body>
  <div id="mittlerer_Teil">
    .. Wow, das könnte funktionieren..?
  </div>
</body>

Mal ausprobieren, vielleicht klappt es ja und erzielt den gewünschten Effekt.
Du solltest allerdings darauf achten, dass deine Grafik auch für diesen Effekt geeignet ist, sie sollte also "kachelbar" sein.

Gruß

**frank 5** · 11.03.2009, 18:30

Hallo,

danke für die Antwort.
Was noch ein Problem ist, wie kann man das Bild zerschneiden?
Ich habe es schon mit Slicer probiert, doch kann ich es bei PhotoImpect 6 nicht speichern, bzw. mache ich da was falsch.

Viele Grüße
Frank

**frank 5** · 11.03.2009, 18:35

Ich habe mal ein Foto von PhotoImect gemacht, blos geht das nicht mit dem Speichern, oder?

**Zer0** · 11.03.2009, 19:05

Frag mich nicht, wie man das in diesem von dir genannten Programm bearbeitet. Vielleicht kann dir da wer anders helfen..

Kannst aber ja schon einmal den Code für alles auf die Beine stellen, dann ist die halbe Miete ja schon eingefahren ;-)

**frank 5** · 11.03.2009, 19:15

Trotzdem erst mal vielen Dank für Deine Hilfe.

Viele Grüße
Frank

**Dirk Levy** · 15.03.2009, 17:15

Hi,

wenn der Mittelteil sich vergrößert je nach
Inhalt wird dein Bild skaliert und verpixelt,
es sei denn du arbeitest dann mit einer
festen Größe und einer Scrollbar am Rand,
dann geht es....

Slicing geht in Photoshop Elements, Photoshop,
ImageReady, Fireworks und vielen anderen
Programmen. PhotoImpact ist mir unbekannt...

Gruß

Dirk

zur Startseite vom TP

Thema: Bild teilen

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Bild teilen

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Bilder teilen

2 farbiges Bild in 2 Bilder teilen mit nur eine der jeweiligen Farbe ohne! die andere

Ein großes Bild in mehrere kleine Bilder teilen

Verkauf von PC-Teilen

Frames Teilen

Aktive Benutzer

Aktive Benutzer

Berechtigungen