DCoder: Schatten?

Hi,

ich will einer Tabelle einen Schatten zuweisen - weiß jemand von euch, wie das geht? Wenn ihr nicht genau wisst, was ich meine, dann guckt euch mal die Seite an - http://www.microsoft.com/germany/windows/ - so einen Schatten mein ich!

Danke,

DCoder

  1. Hi,

    das hat nix mit css zu tun, der Schatten ist eine Bilddatei.

    Gruß

    uepselon

  2. Hi,

    kannst Du mit Fireworks oder Photoshop ganz easy machen.

    Gruss
    Uwe

  3. Hallo,

    wie die anderen schon so ausführlich(?) beschrieben haben, handelt es sich um Bilddateien. Trotz der Ausführlichkeit hier noch meine Erklärung hinterher.

    Man nehme eine Tabelle. Dann sorgt man (hier wurde das per CSS "vordefiniert"), das in der untersten Zeile (unter dem Inhalt des "Tabellenblocks") eine über die ganze Breite gehende Zelle als gekachelten Hintergrund den unteren Schatten hat. Das Bild braucht nur ein pixel breit sein, durch die Kachelung wird es entsprechend gestreckt..... Das hier verwendete Bild sieht so aus (genau hinschauen, es ist sehr sehr klein....)

    <img src="http://www.microsoft.com/germany/library/webparts/static/bg_sh_vertical.jpg" border=0 alt="">

    Als erstes Bild in dieser zelle (also linksbündig) kommt die untere linke Ecke:

    <img src="http://www.microsoft.com/germany/library/webparts/static/bg_sh_ecke_ul.gif" border=0 alt="">

    Ganz rechst in der Tabelle geht eine Zelle in der breite des rechten Schattens über die Reihen hinweg (rowspan entsprechend setzen) und hat das rechte Schattenbild von oben nach unten gekachelt. Das Bild ist folgendes:

    <img src="http://www.microsoft.com/germany/library/webparts/static/bg_sh_horizontal.jpg" border=0 alt="">

    als erstes Bild in dieser über mehrere Reihen hinweg gehende Zelle ist das Bild der oberen rechten Schattenecke, dieses hier:

    <img src="http://www.microsoft.com/germany/library/webparts/static/bg_sh_ecke_or.gif" border=0 alt="">

    Unten rechst gibts noch eine Zelle, in der ist das Bild der unteren rechten Ecke:

    <img src="http://www.microsoft.com/germany/library/webparts/static/bg_sh_ecke_ur.gif" border=0 alt="">

    Die Tabelle sieht in etwa so aus:

    ------------------------
    !                   !  !
    !                   !  !
    !                   !  !
    !                   !  !
    !                   !  !
    ------------------------
    !                   !  !
    ------------------------

    wobei im oberen Teil Du natürlich soviele Reihen einziehen kannst, wie Du brauchst (oder einfgach noch ne Tabelle reinsetzen), dann must Du in der rechten Zelle den Rowspan entsprechend setzen.....

    Chräcker

    http://www.Stempelgeheimnis.de

  4. hi

    mit CSS gibt's da was, aber kann kein Browser. Und 'ne M$-Abwandlung, die will aber keiner.

    Grüße aus Bleckede

    Kai

  5. Hi, DCoder,

    selbst Microsoft verläßt sich offenbar noch auf Bilddateien. Im Prinzip kann man Schatten für rechteckige Flächen aber auch mit Filtern erstellen:

    http://msdn.microsoft.com/workshop/author/filter/reference/filters/shadow.asp

    Grüße,

    Sebastian

    1. hi

      selbst Microsoft verläßt sich offenbar noch auf Bilddateien. Im Prinzip kann man Schatten für rechteckige Flächen aber auch mit Filtern erstellen:

      http://msdn.microsoft.com/workshop/author/filter/reference/filters/shadow.asp

      .....wieso stofe ich wenn filter: im Gesräch ist immer auf demn gleichen? ;)

      Grüße aus Bleckede

      Kai

      1. Hallo,

        .....wieso stofe ich wenn filter: im Gesräch ist immer auf demn gleichen? ;)

        Ach, da kannst Du noch mehr von haben: http://www.styleassistant.de/tips/beispiel8.htm, wobei ich mal annehme, dass Du mir diesen peinlichen Ausrutscher von vor drei Jahren verzeihst ...

        Obwohl, Du wirst ja wieder kaum etwas "Buntes" zu sehen bekommen ;-).

        MfG, Thomas

        1. hi

          Ach, da kannst Du noch mehr von haben: http://www.styleassistant.de/tips/beispiel8.htm, wobei ich mal annehme, dass Du mir diesen peinlichen Ausrutscher von vor drei Jahren verzeihst ...

          Obwohl, Du wirst ja wieder kaum etwas "Buntes" zu sehen bekommen ;-).

          ich bekommt gar nix zu sehen, weil das, wie du vielleicht weiß kein einziger Browser auf meinen PCs kennt.
          btw. tun die Filter eigentlich im MSIE5/Mac?

          Grüße aus Bleckede

          Kai

          1. Hallo,

            Obwohl, Du wirst ja wieder kaum etwas "Buntes" zu sehen bekommen ;-).

            ich bekommt gar nix zu sehen, weil das, wie du vielleicht weiß kein einziger Browser auf meinen PCs kennt.

            War mir schon klar, aber den #CAFFEE-Background solltest Du noch sehen koennen ;-).

            btw. tun die Filter eigentlich im MSIE5/Mac?

            Habe ich noch nicht probiert. Wenn ich naechste Woche mal an einem Mac vorbeikomme, versuche ich dran zu denken. Ansonsten habe ich diese Dinger (abgesehen vom Opacity-Filter, den es ja auch als Mozilla-Aequivalent gibt, siehe meine Tipps 48 und 84) nicht wieder angefasst.

            MfG, Thomas

            1. hi

              Habe ich noch nicht probiert. Wenn ich naechste Woche mal an einem Mac vorbeikomme, versuche ich dran zu denken. Ansonsten habe ich diese Dinger (abgesehen vom Opacity-Filter, den es ja auch als Mozilla-Aequivalent gibt, siehe meine Tipps 48 und 84) nicht wieder angefasst.

              der opacity ist die eigene Abart einer vom W3C geplanten technologie (wenn auch mit besch... Syntax) - ist imho in die gleiche rubrik zu stellen wie ein marginwidth="0" für Netscape 4

              Grüße aus Bleckede

              Kai

              1. Hallo,

                der opacity ist die eigene Abart einer vom W3C geplanten technologie (wenn auch mit besch... Syntax) - ist imho in die gleiche rubrik zu stellen wie ein marginwidth="0" für Netscape 4

                Wie auch immer, in SVG 1.0 ist opacity nebst weiteren Ablegern enthalten, was mich zu http://www.styleassistant.de/tips/tip84.htm "verfuehrte".

                MfG, Thomas