sowas ..

[fz2k]

Hallo,

Ich hab mal ne Frage wie erstellt man solche Bilder fürs Webdesign (s. anhang)

wie rechnte man denn die größe aus und wie lang das bild sein soll das geht doch gar nicht *?*

[kenny]

Hallo fz2k,

Ohne Komma, ohne Punkt! Herzlich willkommen im TP. Welche Bilder, welcher Anhang? Oder bezieht sich die Frage auf die Site von "Versicherungskaufmann" - ? Ich glaube, der Anhang ist mißglückt. Probiere es bitte noch mal. Beste Grüße - thomas

Ps. Ist <www.Versicherungskaufmann.net> von Dir? Dort haben sich einige Fehler eingeschlichen (Grammatik, Orthographie, Syntax etc.)

[Powerposting]

Ich gehe davon aus, dass Du das Image auf Deiner Seite verwendest, sieht zumindest so aus.
Als erstes schneidest Du die Rundungen links und rechts ab und verwendest eine Tabelle mit einer Zeile und drei Spalten.
Jetzt fügst Du die Rundungen jeweils in die äusseren Spalten ein.

Als nächstes schneidest Du ein kleines Stück aus der Mitte der Grafik und fügst diese in die mittlere Spalte Deiner Tabelle als Hintergrund-Grafik ein. Dann sollte Du die Breite der Tabelle so anpassen, dass sie mit der Breite Deiner Seite übereinstimmt.

So solltest Du Dein gewünschtest Ziel erreichen.

[fz2k]

das soll mal einer verstehen lol ..

[Philip Fuchslocher]

Ist doch eigentlich klar!
Die Leiste mit den abgerundeten Ecken musst du in 3 teile zerschneiden.
Einmal die beiden Rundungen und dann den Querbalken zwischen den rundungen.
Da du aber evtl. nicht weisst, wie breit die Tabelle sein soll, weil sie prozentual dargestellt wird, verwendest du folgenden "Trick":

Du schneidest dir nur einen 1px breiten Streifen aus der horizontalen- ist ja überall das selbe, da es eine einfache gerade linie ist!
Wenn du das nun im HTML code einfügst, erstellst du dir eben die besagte zeile mit 3 spalten.

die Rechte und Linke Spalte ist für die beiden Rundungen, die mittlere Spalte hält für die horizontale Linie her.
Hier fügst du das Bild als Hintergrundbild ein, d.h. der browser füllt dann die Zelle so oft mit dem 1px breiten element, bis sie vollständig damit ausgefüllt ist.

Wenn du nun breiter ziehst, wird die Zelle öfter gefüllt, bei schmaler entsprechend weniger oft!

Mit ein wenig Grundverständnis an HTML müsstest du das verstehen. Ansonsten vielleicht die Frage im HTML Forum diskutieren, da es mit Photoshop dann ja nimmer so viel zu tun hat!

Gruß, BSE!

[webmichl]

Ich auch noch mal...

Du schneidest aus deine Grafik die oben rot markierten Segmente aus und speicherst sie als einzelne Dateien ab. Bei Segment c reicht 1px Breite - ich hab's etwas breiter gemacht, damit man's auch sieht...

Für die Ausgabe legst Du in der gewünschten Breite eine Tabelle mit 3 Spalten an - der linken und der rechten Spalte gibst Du die Breite der Ecksegmente ( müssten so ca 7px sein ). Bei jeder der Spalten definierst Du als Hintergrundbild das entsprechende Teilbild ( links a, rechts b, mitte c). Das wars dann auch schon...

Für weitergehende Fragen ist dann wirklich das Puristen-Forum zuständig...

[Thomas]

ganz kleine Ergänzung zu Webmichl:

besser das Segment C doch in 10 - 20 px breite anlegen, dann spielt auch NN 4.x mit.

Aus unerfindlichen Gründen kommt der mit Kachelung so kleiner Grafiken nicht klar

[fz2k]

thanx

Hab mal nen paa Fehler weggemacht von VKM

[webmichl]

@Thomas: ups, stimmt ja. Danke.