Tabelle in Photoshop gelayoutet, wie slicen?

[Chaddy696]

Hallo liebe PS-Community,

ich bin gerade dabei mir eine neue Website zu basteln. Zum Großteil ist alles fertig aber nun bin ich am Punkt der Verzweiflung.

Und zwar habe ich eine 4-spaltige Tabelle in Photoshop entworfen. Der Hintergrund der Spalten ist abwechselnd grau und schwarz damit die Besucher leichter in den Zeilen bleiben beim lesen.
Diese Spalten will ich nun so slicen, damit ich den Text der sich darin befindet möglichst einfach per HTML editieren kann. Da der Text desöfteren ergänzt/editiert wird wäre es natürlich praktisch wenn ich nicht 300 Zeilen Code habe und ständig die richtige Spalte suchen muss

Ich schicke euch zur Veranschaulichung am besten ein jpg mit


Zum coden verwende ich übrigens Dreamweaver aber mein Wissen auf dem Sektor ist leider etwas beschränkt

 

[fakerer]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

Hi,
bei der Ausgabe der Tabelle einfach abwechselnd zwei Parameter (class) in die tr schreiben und dann per css den Hintergrund definieren.

hier ein Beispiel dort wird einfach in jede zweite zeile ein even per javascript geschrieben

also gar nix slicen

 

[MainAngler]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

Tabellen werden mit HTML erzeugt und per CSS ausgezeichnet und nichts anderes!
Slicen der Tabellen also sofort vergessen!

 

[cebito]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

Hi,
bei der Ausgabe der Tabelle einfach abwechselnd zwei Parameter (class) in die tr schreiben und dann per css den Hintergrund definieren.

hier ein Beispiel dort wird einfach in jede zweite zeile ein even per javascript geschrieben

also gar nix slicen

Dafür brauchts aber auch keine zusätzliche class oder JavaScript, das lässt sich allein mit CSS erledigen... Pseudo-Selector :nth-child()http://maddesigns.de/nth-child-pseudo-selektor-css3-adventskalender-tag-13-550.html

 

[fakerer]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

ahh danke, auch wieder was gelernt.
Frage ist ob das auch der IE6 und co so versteht.

 

[Aelfry]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

Frage ist ob das auch der IE6 und co so versteht.

so wie es unten auf der Seite steht, wohl nicht

Browser-Support:
Safari 3.1+, Chrome 2+, Firefox 3.5+, Opera 9.5+ und IE9beta.

 

[Chaddy696]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

hab mir gerade den quelltext einer seite angesehen, die ziemlich ähnlich aufgebaut ist. dort wurde ein css-stylesheet angelegt und die tabelle wurde anschließend über die parameter .odd und .even angelegt.

diese methode ist für mich persönlich die nachvollziehbarste und scheint auch vernünftig wenn daten ergänzt/gelöscht/editiert werden sollen.

Mit css kenne ich mich allerdings garnicht aus. Wäre vielleicht jemand interessiert mir dabei zu helfen? Als Gegenleistung könnte ich anbieten, einen Link mit in die Link-Page der Website zu nehmen.

 

[MainAngler]

AW: Tabelle in Photoshop gelayoutet, wie slicen?

Lern CSS!
Du wirst es brauchen wenn du weiterhin Webseiten mit HTML erstellst, denn die Formatierung wird nicht mehr in HTML sondern eben in CSS vorgenommen.