MatzeA: Bild linksbündig ausrichten...

Ich weiss,
es ist nicht die feinste Art immer noch das Design per Tabellen
hin zu biegen...

Ich hab aber ein kleines Problem mit dem Inhalt einer Zelle.

Egal was ich versuche, zumindest was mir logisch erschien, das Bild wird nicht links und nicht Kopfbündig angeördnet. Es bleibt immer
zentriert.

Hat jemand eine Idee?

<td id=left-fixed-image valign="top" align="left">
<p id=left-fixed-image align="left">
  <img id=left-fixed-image src="images/senertec_1.jpg">
</p>
</td>

Das das inzwischen so nicht mehr passt weiss ich auch.

Es war ursprünglich so:

<td>
  <img id=left-fixed-image src="images/senertec_1.jpg">
</td>

das css dazu.

#left-fixed-image {
 height: 380px;
 width: 500px;
 float: left;
}

Was auch immer ich versuche mit text-align
margin-left usw. Es hilft irgendwie nicht.

Von euch findet da sicher gleich jemand was hierfür.

Dank im vorraus.

  1. Hallo,

    <td id=left-fixed-image valign="top" align="left">
    <p id=left-fixed-image align="left">
      <img id=left-fixed-image src="images/senertec_1.jpg">
    </p>
    </td>

    eine "id" darf nur _einmal_ innerhalb eines Dokumentes vorkommen. Nimm Klassen "class='' "

    #left-fixed-image {
    height: 380px;
    width: 500px;
    float: left;
    }

    auf welches Element beziehen sich die Angaben? Kann eine Tabellenzelle links gefloatet werden oder ist das Quatsch? Brauchst du ein <p> in einer Tabellenzelle?

    Diese Mischung aus CSS und formatierten HTML-Elementen ist doch eigentlich sinnlos?! Nutze doch konsequent CSS.

    Dem <img> fehlen die Attribute für Weite, Höhe und Alternativtext.

    Mit freundlichen Grüßen

    André

    1. Hi,

      lass mich mal so fragen:
      Was müsste ich an folgendem Fragment ändern, damit mir das Bild ohne abstand am linken und oberen Zellenrand angezeigt wird.

      <td>
      <img id=left-fixed-image src="images/senertec_1.jpg">
      </td>

      #left-fixed-image {
      height: 380px;
      width: 500px;
      float: left;
      }

      Die id wird nicht öfters verwendet als für dieses "eine" mal.
      Das Objekt gibt es Pro Seite nur einmal.

      Gruss Matze

      1. Hallo Matze,

        <td>
        <img id=left-fixed-image src="images/senertec_1.jpg">
        </td>

        #left-fixed-image {
        height: 380px;
        width: 500px;
        float: left;
        }

        ich würde erst mal probieren

        HTML
        ------

        <td id="left-fixed-image">

        <img src="images/senertec_1.jpg" width="???" height="???" alt="???">

        </td>

        CSS
        -----

        #left-fixed-image {
          vertical-align:top;
          text-align:left;
        }

        gemäß

        http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align

        und

        http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align

        sowie bei Bedarf noch mit margin und padding experimentieren.

        Alternativ könnte ich mir in der CSS auch vorstellen:

        #left-fixed-image img {float:left;}
        #left-fixed-image {vertical-align:top}

        Mit freundlichen Grüßen

        André

        1. Servus,

          irgendwie bin ich zu doof heute dafür....

          Das CSS...
          #left-fixed-image {
            vertical-align:top;
            text-align:left;
            margin-left: 0%;
            padding-left: 0px;
          }

          Das HTML
          <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

          <html>

          <head>
          <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
          <link rel="stylesheet" href="index.css" type="text/css">
          <title>Titel</title>
          </head>
          <body>
          <div align="left">
          <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">
          <tr height="0">
          <td align="left" valign="top" width="235" height="0">
          <p align="left"><img src="images/top.jpg" width="220"
          height="102" alt="top.jpg (18750 Byte)" align="top"></p>
          </td>
          <td width="565" height="0" valign="top" align="left"><img src="images/esw_logo.jpg"
           alt="logo.jpg (22566 Byte)" width="698" height="102"></td>
           </tr>
          </table>
          <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">
          <tr>
          <td>

          <table cellspacing="0" cellpadding="0" height="0" width="220">
              <tr>
              <td width="220" colspan="3">
              <img src="images/top_down_1.jpg" width="220"
                height="98" alt="top_down_1.jpg (11732 Byte)"></td></tr>
              <tr>
                <td id=nav-border>&nbsp;&nbsp;</td>
                <td id=nav-left>&nbsp;</td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;</td>
                <td id=nav-lactiv>
                 <a href="unt.html">Unternehmen</a></td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;</td>
                <td id=nav-left><a href="sen.html">Senertec</a></td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;</td>
                <td id=nav-left><a href="pho.html">Photovoltaik</a></td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;&nbsp;</td>
                <td id=nav-left><a href="was.html">Wasserkraft</a></td>
                <td id=nav-right>&nbsp;</td>
              </tr><tr>
                <td id=nav-border>&nbsp;&nbsp;</td>
                <td id=nav-left><a href="sch.html">Schaltanlagen</a></td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;&nbsp;</td>
                <td id=nav-left><a href="kon.html">Kontakt</a></td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;&nbsp;</td>
                <td id=nav-left>&nbsp;</td>
                <td id=nav-right>&nbsp;</td>
              </tr>
              <tr>
                <td id=nav-border>&nbsp;&nbsp;</td>
                <td id=nav-foot colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html">home&nbsp;</a>
          <a href="impressum.html">impressum </a><p>suchen <input type="text" name="T1" size="10">
          go</td>
          </tr>
          <tr>
          <td width="10" height="100"><br>
          </td>
          <td width="210" colspan="2" height="100"><small><font face="Arial"><br>
          </font></small></td>
          </tr>
          </table>

          </td>

          <td id="left-fixed-image">
          <img src="images/senertec_1.jpg" width="500" height="308" alt="xyz">
          </td>

          </tr>
          </table>

          So sieht das aus. Der Rest ist soweit ok wenn auch das HTML an der einen stelle noch etwas -> alt. Wird aber noch ins CSS übernommen.

          Nur.... warum  will das Bild nicht linksbündig?

          Wenn ich folgendes mache, wandert das Bild dahin, wo ich es haben wollte.

          <td>
            <img src="images/senertec_1.jpg" width="500" height="308" alt="xyz" align="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br><br><br><br><br><br><br><br><br>
          </td>

          Jetzt ist das Bild links bündig und sogar ganz oben.
          Aber das kann nicht die feine Art sein.
          Zumal je nach Browser entweder das Bil einen kleinen 1 pixel abstand zum oberen Bild hat bzw. die navigation eine Lücke aufweist.

          Hat keiner eine Konkrete Idee?
          Die ganzen ausrichtungen habe ich inzwischen druch aber man muss doch ein Element wie img einfach links und oben bündig platzieren können oder nicht?

          Gruss Matze

          1. Hallo,

            du hast ja immer noch "id"s mehrmals vergeben!

            Poste einfach mal den _relevanten_ Quelltext und räume mal ein wenig auf.

            Mit freundlichen Grüßen

            André

            1. Ja ich habe bei der naivation ID`s mehrfach vergeben.
              -> Damit jeder Browser auch das Ergebnis liefert was ich möchte.

              Es handelt sich lediglich um diese Stelle:

              <td>
              <img src="images/senertec_1.jpg" width="500" height="380" alt="xyz">
              </td>

              Hierbei ist das Bild kleiner als die Zelle selbst.

              Lassen wir mal CSS die ID`s einfach weg.
              Das Bild soll linksbündig und oben anliegen.

              Auch wenn es nicht mehr perfektes HTML ist...

              <td valign="top">
              <img src="images/senertec_1.jpg" width="500" height="380" alt="xyz">
              </td>

              bringt zumindest das Bild nach oben.
              Aber wie bekomme ich es linksbündig?

              text-align="left" bringt nicht align="left" ebenso nichts.

              Ich verzichte auch an der Stelle gerne auf CSS wenn Du mir erklärst wie ich das Bild hier linksbündig bekomme.

              Gruss Matthias

              1. Hallo,

                Ja ich habe bei der naivation ID`s mehrfach vergeben.
                -> Damit jeder Browser auch das Ergebnis liefert was ich möchte.

                Verstehe das wer will...

                Es handelt sich lediglich um diese Stelle:

                <td>
                <img src="images/senertec_1.jpg" width="500" height="380" alt="xyz">
                </td>

                Hier ist keine "id" vergeben. Der Bezug zum Stylesheet fehlt.

                Hierbei ist das Bild kleiner als die Zelle selbst.

                Macht doch nix.

                Lassen wir mal CSS die ID`s einfach weg.

                Macht keinen Sinn.

                Das Bild soll linksbündig und oben anliegen.

                Ich weiß..

                Auch wenn es nicht mehr perfektes HTML ist...

                <td valign="top">
                <img src="images/senertec_1.jpg" width="500" height="380" alt="xyz">
                </td>

                <td style="vertical-align:top; text-align:left; padding:0px;">
                 <img src="images/senertec_1.jpg" width="500" height="380" alt="xyz">
                </td>

                Hast du eventuell für die Tabelle align="center" definiert?

                Mit freundlichen Grüßen

                André

                1. Hallo,

                  Ja ich habe bei der naivation ID`s mehrfach vergeben.
                  -> Damit jeder Browser auch das Ergebnis liefert was ich möchte.

                  Verstehe das wer will...

                  Als ich es als Class definiert habe, gab es Probleme mit Mozilla und IE.

                  Weiss nicht mehr ob es an den "" lag oder was auch immer der IE anderster wollte als der Mozilla.
                  Es war einfach eine Kleinigkeit, die mit der Definition einer ID behoben war..

                  Es war halt so und wurde mir hier irgendwo in den tiefen des Archives erklärt.

                  Hast du eventuell für die Tabelle align="center" definiert?

                  Nein genau das  macht uns hier ja so kribelig.
                  Deine Lösung lässt das Bild nicht an den linken Rand wandern.

                  Hier nochmals das gesammte html.

                  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

                  <html>

                  <head>
                  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                  <link rel="stylesheet" href="index.css" type="text/css">
                  <title>Titel</title>
                  </head>
                  <body>
                  <div align="left">
                  <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">
                  <tr height="0">
                  <td align="left" valign="top" width="235" height="0">
                  <p align="left"><img src="images/top.jpg" width="220"
                  height="102" alt="top.jpg (18750 Byte)" align="top"></p>
                  </td>
                  <td width="565" height="0" valign="top" align="left"><img src="images/esw_logo.jpg"
                   alt="logo.jpg (22566 Byte)" width="698" height="102"></td>
                   </tr>
                  </table>
                  <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">
                  <tr>
                  <td>

                  <table cellspacing="0" cellpadding="0" height="0" width="220">
                      <tr>
                      <td width="220" colspan="3">
                      <img src="images/top_down_1.jpg" width="220"
                        height="98" alt="top_down_1.jpg (11732 Byte)"></td></tr>
                      <tr>
                        <td id=nav-border>&nbsp;&nbsp;</td>
                        <td id=nav-left>&nbsp;</td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;</td>
                        <td id=nav-lactiv>
                         <a href="unt.html">Unternehmen</a></td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;</td>
                        <td id=nav-left><a href="sen.html">Senertec</a></td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;</td>
                        <td id=nav-left><a href="pho.html">Photovoltaik</a></td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;&nbsp;</td>
                        <td id=nav-left><a href="was.html">Wasserkraft</a></td>
                        <td id=nav-right>&nbsp;</td>
                      </tr><tr>
                        <td id=nav-border>&nbsp;&nbsp;</td>
                        <td id=nav-left><a href="sch.html">Schaltanlagen</a></td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;&nbsp;</td>
                        <td id=nav-left><a href="kon.html">Kontakt</a></td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;&nbsp;</td>
                        <td id=nav-left>&nbsp;</td>
                        <td id=nav-right>&nbsp;</td>
                      </tr>
                      <tr>
                        <td id=nav-border>&nbsp;&nbsp;</td>
                        <td id=nav-foot colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html">home&nbsp;</a>
                  <a href="impressum.html">impressum </a><p>suchen <input type="text" name="T1" size="10">
                  go</td>
                  </tr>
                  <tr>
                  <td width="10" height="100"><br>
                  </td>
                  <td width="210" colspan="2" height="100"><small><font face="Arial"><br>
                  </font></small></td>
                  </tr>
                  </table>

                  </td>

                  <td id="left-fixed-image">
                  <img src="images/senertec_1.jpg" width="500" height="308" alt="xyz">
                  </td>

                  </tr>
                  </table>

                  </div>
                  </body>
                  </html>

                  Gruss Matze

                  1. Hallo Matze,

                    bitte korrigiere erst einmal alle Fehler in deiner Seite. Dann lass uns schauen, ob der Fehler immer noch vorhanden ist. Wenn du die Seite online stellen könntest wäre das noch viel besser. So kommen wir erst einmal nicht weiter.

                    ----------- VALIDATOR-ERGEBNISSE --------------------
                                http://validator.w3.org/

                    This page is not Valid HTML 4.01 Transitional!
                    Below are the results of attempting to parse this document with an SGML parser.

                    Line 12, column 37: there is no attribute "HEIGHT"

                    <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">

                    You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

                    This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

                    How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

                    Line 13, column 11: there is no attribute "HEIGHT"

                    <tr height="0">

                    Line 37, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;</td>

                    An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hock for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 40, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 43, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 44, column 13: ID "NAV-LEFT" already defined

                    <td id=nav-left><a href="sen.html">Senertec</a></td>

                    Line 33, column 13: ID "NAV-LEFT" first defined here

                    <td id=nav-left>&nbsp;</td>

                    Line 45, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 48, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 49, column 13: ID "NAV-LEFT" already defined

                    <td id=nav-left><a href="pho.html">Photovoltaik</a></td>

                    Line 33, column 13: ID "NAV-LEFT" first defined here

                    <td id=nav-left>&nbsp;</td>

                    Line 50, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 53, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 54, column 13: ID "NAV-LEFT" already defined

                    <td id=nav-left><a href="was.html">Wasserkraft</a></td>

                    Line 33, column 13: ID "NAV-LEFT" first defined here

                    <td id=nav-left>&nbsp;</td>

                    Line 55, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 57, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 58, column 13: ID "NAV-LEFT" already defined

                    <td id=nav-left><a href="sch.html">Schaltanlagen</a></td>

                    Line 33, column 13: ID "NAV-LEFT" first defined here

                    <td id=nav-left>&nbsp;</td>

                    Line 59, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 62, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 63, column 13: ID "NAV-LEFT" already defined

                    <td id=nav-left><a href="kon.html">Kontakt</a></td>

                    Line 33, column 13: ID "NAV-LEFT" first defined here

                    <td id=nav-left>&nbsp;</td>

                    Line 64, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 67, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 68, column 13: ID "NAV-LEFT" already defined

                    <td id=nav-left>&nbsp;</td>

                    Line 33, column 13: ID "NAV-LEFT" first defined here

                    <td id=nav-left>&nbsp;</td>

                    Line 69, column 13: ID "NAV-RIGHT" already defined

                    <td id=nav-right>&nbsp;</td>

                    Line 34, column 13: ID "NAV-RIGHT" first defined here

                    <td id=nav-right>&nbsp;</td>

                    Line 72, column 13: ID "NAV-BORDER" already defined

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    Line 32, column 13: ID "NAV-BORDER" first defined here

                    <td id=nav-border>&nbsp;&nbsp;</td>

                    --------- VALIDTAOR ENDE --------------

                    Mit freundlichen Grüßen

                    André

                    1. Servus,

                      trotz nacher validem HTML.
                      Trotz beheben alle Fehler .....
                      Keine Besserunge.
                      Lediglich folgendes bracht eine Änderung...

                      <td width="220">

                      Und zwar an der Spalte mit der Navigation.
                      Warum ohne die breiten Angabe eine Lücke entsteht ist mir unklar aber ok...

                      Jetzt ist es gut.

                      Gruss Matze

                  2. Hallo,

                    Ja ich habe bei der naivation ID`s mehrfach vergeben.
                    -> Damit jeder Browser auch das Ergebnis liefert was ich möchte.
                    Als ich es als Class definiert habe, gab es Probleme mit Mozilla und IE.

                    Käse. Lasse lieber die Bindestriche weg.

                    Weiss nicht mehr ob es an den "" lag oder was auch immer der IE anderster wollte als der Mozilla.

                    Anderster?

                    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

                    <html>

                    <head>
                    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
                    <link rel="stylesheet" href="index.css" type="text/css">
                    <title>Titel</title>
                    </head>
                    <body>
                    <div align="left">

                    Verwende CSS fürs Design!

                    <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">

                    Verwende CSS fürs Design!

                    <tr height="0">

                    Verwende CSS fürs Design!

                    <td align="left" valign="top" width="235" height="0">

                    Verwende CSS fürs Design!

                    <p align="left"><img src="images/top.jpg" width="220"
                    height="102" alt="top.jpg (18750 Byte)" align="top"></p>

                    Verwende CSS fürs Design und anständige Alternativtexte!

                    </td>
                    <td width="565" height="0" valign="top" align="left"><img src="images/esw_logo.jpg"
                    alt="logo.jpg (22566 Byte)" width="698" height="102"></td>

                    Verwende CSS fürs Design und anständige Alternativtexte!

                    </tr>
                    </table>
                    <table border="0" width="800" height="0" cellspacing="0" cellpadding="0">

                    Verwende CSS fürs Design!

                    <tr>
                    <td>

                    <table cellspacing="0" cellpadding="0" height="0" width="220">

                    Verwende CSS fürs Design!

                    <tr>
                        <td width="220" colspan="3">

                    Verwende CSS fürs Design!

                    <img src="images/top_down_1.jpg" width="220"
                          height="98" alt="top_down_1.jpg (11732 Byte)"></td></tr>

                    Verwende CSS fürs Design und anständige Alternativtexte!

                    <tr>
                          <td id=nav-border>&nbsp;&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-lactiv>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche!

                    <a href="unt.html">Unternehmen</a></td>
                          <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left><a href="sen.html">Senertec</a></td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left><a href="pho.html">Photovoltaik</a></td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left><a href="was.html">Wasserkraft</a></td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr><tr>
                          <td id=nav-border>&nbsp;&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left><a href="sch.html">Schaltanlagen</a></td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left><a href="kon.html">Kontakt</a></td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-left>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-right>&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    </tr>
                        <tr>
                          <td id=nav-border>&nbsp;&nbsp;</td>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <td id=nav-foot colspan=2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.html">home&nbsp;</a>

                    Verwende IDs nur einmal, setze Attributwerde in Anführungszeichen und verwende wenn möglich keine Bindestriche! Und verwende CSS fürs Design!

                    <a href="impressum.html">impressum </a><p>suchen <input type="text" name="T1" size="10">

                    Verwende CSS fürs Design!

                    go</td>
                    </tr>
                    <tr>
                    <td width="10" height="100"><br>
                    </td>

                    Verwende CSS fürs Design!

                    <td width="210" colspan="2" height="100"><small><font face="Arial"><br>
                    </font></small></td>

                    Verwende CSS fürs Design!

                    </tr>
                    </table>

                    </td>

                    <td id="left-fixed-image">

                    Verwende IDs nur einmal und verzichte wenn möglich auf die Bindestriche!

                    <img src="images/senertec_1.jpg" width="500" height="308" alt="xyz">

                    Verwende CSS fürs Design!

                    </td>

                    </tr>
                    </table>

                    </div>
                    </body>
                    </html>

                    Und – zu guter Letzt – achte auf eine korrekte logische Auszeichnung!

                    Das musste jetzt einfach gesagt werden.

                    Grüße,
                    Amadäus

                    1. Hallo Amadäus,

                      Das musste jetzt einfach gesagt werden.

                      lol

                      Mit freundlichen Grüßen

                      André

                    2. Servus,

                      Das musste jetzt einfach gesagt werden.

                      Grüße,
                      Amadäus

                      Naja dafür, dass Du das Problem nicht behoben hast.... ziemlich viel heise Luft produziert. ;-)
                      Redesign ist übrigens fertig funktioniert und in Deinem ach so gelobten CSS erledigt. Aber all das hat immer noch den Anzeigefehler nicht behoben gehabt.

                      Anderster gesagt: Sei halt Still wenn Du nichts dazu beitragen kannst
                      oder geh in die Politik.

                      Gruss Matze

                      1. Hallo,

                        Naja dafür, dass Du das Problem nicht behoben hast.... ziemlich viel heise Luft produziert. ;-)

                        Heise-Luft? ;-)

                        Redesign ist übrigens fertig funktioniert und in Deinem ach so gelobten CSS erledigt.

                        Freut mich.

                        Aber all das hat immer noch den Anzeigefehler nicht behoben gehabt.
                        Anderster gesagt: Sei halt Still wenn Du nichts dazu beitragen kannst
                        oder geh in die Politik.

                        Gib uns einen Link auf dein »Redesign« und wir werden dir sicherlich helfen können.

                        Grüße,
                        Amadäus

                        1. Servus,

                          Gib uns einen Link auf dein »Redesign« und wir werden dir sicherlich helfen können.

                          Ziemlich unnötig. Nicht nur, dass Du gerne stänkerst lesen kannst Du offensichtlich auch nicht.
                          Der Code ist Valide die Seite tut auf allen aktuellen Browsern.

                          Und um dann hinterher selber auf die eine oder ander notwendige Änderung zu kommen?

                          Nene Du lass mal gut sein :-)

                          Aber schön dass sich in dem Forum nicht all zu viel geändert hat.
                          Fühlt man sich ja gleich wieder wie zu Hause.

                          Gruss Matze

                          1. Hallo,

                            Ziemlich unnötig. Nicht nur, dass Du gerne stänkerst lesen kannst Du offensichtlich auch nicht.
                            Der Code ist Valide die Seite tut auf allen aktuellen Browsern.

                            Sehr wohl kann ich lesen. Du schriebst:
                            »Aber all das hat immer noch den Anzeigefehler nicht behoben gehabt.«

                            Vermutlich willst du mit dem eigenartigen – oft im Schwaben verwandten – Tempus eine Vorzeitigkeit ausdrücken. Also dass du es mittlerweile gelöst hast. Das kam aber leider nicht klar herüber.

                            Grüße,
                            Amadäus

                            1. Servus,

                              Vermutlich willst du mit dem eigenartigen – oft im Schwaben verwandten – Tempus eine Vorzeitigkeit ausdrücken. Also dass du es mittlerweile gelöst hast. Das kam aber leider nicht klar herüber.

                              Doch doch hatte ich gesagt gehabt.
                              Sogar bevor Du eingestiegen bist.

                              http://forum.de.selfhtml.org/?t=98445&m=600268 Am 10.01.2004 etwa 15:30

                              Deine Antwort kam etwa gegen 23:00 am gleichen Tag.
                              Augen Ölen :-)

                              Nix für ungut.
                              Aber wenn ich gerade was umbaue, dann bin ich meistens noch nicht fertig, bevor ich angefangen habe.

                              Gruss Matze

                              1. Hallo,

                                Doch doch hatte ich gesagt gehabt.
                                Sogar bevor Du eingestiegen bist.

                                https://forum.selfhtml.org/?t=98445&m=600268 Am 10.01.2004 etwa 15:30

                                Hmm... tatsächlich. Nach zweimaligem Lesen lässt sich tatsächlich vermuten, dass du es gelöst hast. ;-)
                                Dann will ich nicht weiter stören... ;-)

                                Grüße,
                                Amadäus

                                PS: </faq/#Q-19>