Frage: Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

SELF-Forum

Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

Frage
– Informationen zu den Bewertungsregeln

Ich habe folgenden tag im Queltext stehen

<td valign="top" colspan="2"><img src="images/pixel_grey.gif" width="100%" height="1"></td>

Nun eigentlich funktioniert auch alles, aber sollte man die 100% im width lieber in der Zelle definieren oder ist es so schon o.k ?
Was ist generell richtig oder zu bevorzugen ?

Danke im Voraus

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Was ist generell richtig oder zu bevorzugen ?

    Um eine Linie um einen Bereich zu ziehen eignet sich CSS wesentlich besser.

    Struppi.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

      frage
      – Informationen zu den Bewertungsregeln

      Was ist generell richtig oder zu bevorzugen ?

      Um eine Linie um einen Bereich zu ziehen eignet sich CSS wesentlich besser.

      Struppi.

      Mag sein aber meine Tabelle besteht zur Zeit aus purem HTML code.
      Ist es überhaupt möglich Tabellenartige Formen mit CSS zu erstellen und dabei Bilder zu integrieren ?

      Die Ecken meiner Tabellen bestehen z.B aus kleinen Grafiken die eine kleine Rundung haben, siehe airline-direkt.de

      MFG

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

        thunderstorm
        – Informationen zu den Bewertungsregeln

        Die Ecken meiner Tabellen bestehen z.B aus kleinen Grafiken die eine kleine Rundung haben, siehe airline-direkt.de

        Geht alle piccobello :-)
        Sieh Dir www.erlebnis-toskana.ch ah. Da hat es auch dieselben runden Rahmen in den Ecken und so weiter.
        Die sind im CSS folgendermassen gemacht:

        /* Rahmen gruen fuer Formulare */
        TD.topR { background-image : url(../images/rahmen/cv_green_topr.gif); }
        TD.topL { background-image : url(../images/rahmen/cv_green_topl.gif); }
        TD.botL { background-image : url(../images/rahmen/cv_green_botl.gif); }
        TD.botR { background-image : url(../images/rahmen/cv_green_botr.gif); }
        TD.top { background-image : url(../images/rahmen/cv_green_top.gif); background-repeat : repeat-x; }
        TD.bot { background-image : url(../images/rahmen/cv_green_bot.gif); background-repeat : repeat-x; }
        TD.left { background-image : url(../images/rahmen/cv_green_left.gif); background-repeat : repeat-y; }
        TD.right { background-image : url(../images/rahmen/cv_green_right.gif); background-repeat : repeat-y;}

        Wie Du siehst, sind die Bilder jeweils in einem eigenen Tabledata (evtl. Sourcecode von der Toskana Page anschauen. Sonst nochmal fragen, OK?

        Nice weekend
        thunderstorm

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

          Frage
          – Informationen zu den Bewertungsregeln

          Danke für die schnelle Antwort ..
          Muss da erstmal durchblicken und alles verarbeiten ;)

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

        2. Tabellenbreite im Td Bereich oder als Grafikgrösse definiert ?

          Struppi Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Hallo thunderstorm

          Die Ecken meiner Tabellen bestehen z.B aus kleinen Grafiken die eine kleine Rundung haben, siehe airline-direkt.de

          Geht alle piccobello :-)
          Sieh Dir www.erlebnis-toskana.ch ah. Da hat es auch dieselben runden Rahmen in den Ecken und so weiter.
          Die sind im CSS folgendermassen gemacht:

          Naja, dass sind ja auch Tabellen, da spielt es keine Rolle ob mit oder ohne CSS.

          Ich hab zum testen grad nur einen IE 4 hier, der in CSS nicht besonders ausgereift ist.

          Aber das sieht in etwa so aus:

          CSS:
          <style type="text/css">
          #logo
          {
          border-top: #ccc 1px solid;
          border-bottom: #ccc 1px solid;
          padding:0;
          margin:0;
          height:36px;

          margin-left:10px;
          margin-right:10px;
          padding-left:12px;
          padding-top:5px;

          }

          #left
          {
          position:relative;
          top:-36px;
          float:left;
          display:inline;
          width:10px;
          }
          #right
          {
          position:relative;
          top:-36px;
          float:right;
          display:inline;
          width:10px;
          }

          </style>

          HTML:

          <div id="logo">
          <a href="#"><img src="head_logo.gif" width="130" height="20" border="0"></a>
          </div>
          <img src="head_left_rounding.gif" id="left">
          <img src="head_right_rounding.gif" id="right">

          Aber es geht sicher noch besser.

          Struppi.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln