✔ Probleme mit Schriftgröße und mit Tabellen

[Storch]

Guten Tag,

ich bin gerade dabei, eine in Photoshop erstelle Website in HTML umzusetzen - aber ich stoße dabei auf immer neue Probleme

Erstmal ein Bild des "Problemkindes":

click

Diese Sache möchte ich nun in HTML umsetzen, den Code dazu habe ich mir von Imageready generieren lassen und das ganze in verschiedene Tabellen zerlegt ...

Dann musste ich z.b. schon mal feststellen, dass ich die in PS verwendete Schriftart nicht nutzen konnte ... irgendwie stimmte die Größe absolut nicht überein (in PS Größe 8 - in HTML genauso, aber dennoch funktioniert es nicht)

Aber dann die absolute Katastrophe - ich kann bei den Pfeilen recht nichts reinschreiben Wenn ich das entsprechende Teilbild an dieser Stelle als Background definiere, dann zerhaut es mir das ganze Layout ... können Background Dateien keine Höhe von 10px haben ?

Ich brauche bitte dringend eure Hilfe,

thx Storch

 

[kasi]

Also nochmal zur Erläuterung:
Was alles genau ist mit Photoshop bzw. ImageReady erstellt worden und wird als Bild eingebaut?
Ist die Schriftart vielleicht eine besondere?
Also nicht Arial, verdana, und die anderen Standardschriftarten, die es im Web gibt?

 

[Storch]

Also, dass was man da auf dem Bild erkennen kann, ist ein Screenshot vom Internet Explorer - quasi die komplette Seite ohne jeglichen Inhalt ...

Das Design der Seite (genauso wie sie auf dem Screen dort ausschaut) habe ich in Photoshop gemacht und dann anschließend in Imageready zerschnitten und mir den HTML Code generieren lassen ...

Ich hatte geplant, dass ich auf der ganzen Website die Schrit "Sevenet 7" einsezten wollte ... soweit kein Problem dachte ich mir und erinnerte mich an ein Tutorial bei w33k.de (Font Embedding) ... aber da ich die Schrift ja installiert hatte und zuerst die HP offline fertigstellen wollte, habe ich mal versucht in der Website einen Text in Sevenet 7 zu schreiben ... aber es geht darum, dass die Schriftgröße nicht übereinstimmt - die PS sieht Größe 8 völlig anders aus als Größe 8 in HTML ... und eine Veränderung des Größemparameters brachte rein gar nichts ...

 

[THE REAL TOOLKIT]

wie legst du denn die schriftgröße fest?
mit <font size="8pt"> ?
wenn dann ist das wohl nicht übereinstimmend
versuchs mal so: <font style="font-size:8px">
die 8 pixel werden womöglich auch nicht übereinstimmen aber dann hast du einen größeren spielraum zum anpassen

 

[Storch]

Danke

Mit der Steuerung über eine *.css Datei geht das jetzt - ich versteh zwar nicht so ganz den genauen Unterschied zwischen den beiden Definitionen ... aber hauptsache es funktioniert

Aber ich hatte ja oben noch was gefragt - können Tabellenspalten mit Bilder (jetzt mal egal ob als Background oder img) eine Breite von 10px haben ? Irgendwie kommt es da bei mir immer zu Problemen

Gibt es vielleicht die Möglichkeit, über einen bestimmten Bereich der Website (z.b. über ein bestimmtes) Bild eine art unsichtbare Ebene zu legen, in die ich dann z.b. eine HTML Datei reinlesen lassen kann ?

 

[Loomis]

vorweg: alles kann jede grösse haben von 1px bis 1000px...ganz egal

also das mit den pfeilen sollte eigendlich ganz einfach zu lösen sein (vorrausgesetzt ich habe deine frage richtig verstanden )

du nimmst dir den pfeil und schneidest ihn aus...so das der dann 10x10 pixel hat (oder wie gross der halt ist) und speicherst das als datei...arrow.gif zb

dann den pfeil ganz normal einbinden als bild, etwa so:
<img src="arrow.gif" height="10" width="10" align="absmiddle"> LINKTEXT<br>

dann wird der pfeil so wie auf dem bild angezeigt

 

[Storch]

Nunja .. aber leider hast Du das was übersehen

Wenn Du Dir den Screenshot nochmal ansiehst, wirst du feststellen, dass dort der Hintergrund nicht einheitlich ist (man hat da unten den Rest der Zeichnung im Bild enthalten ...) ...

Also nützt mir Dein Vorschlag leider nicht so viel

 

[Loomis]

nicht verzagen

wenn du den pfeil ausschneidest, musst du einfach mit transparenz arbeiten, also alles bis auf den weissen pfeil transparent machen...
das geht mit fast jedem grafikprogramm

den pfeil habe ich dir mal erstellt (mit der transparenz)...als anhang

 

[Loomis]

nur dumm das das forum weis ist und man den pfeil nicht sieht

hier als zip zum runterladen