lapaka: Unterstreichen einer Zeile

Hallo ich habe eine Rechnung / tabelle im HTML geschrieben

jetzt würde ich gerne eine Linie zwischen die Zeilen 4 und 5 einzeichen...

Leider bekomme ichd as nciht hin, hat irgendjemand nen Tip für mich?

Vielen Dnak

hier mal der HTML-code

<table width="100%" border="0" bordercolor="#000000" cellpadding="0" cellspacing="1" >  
 <tr>  
  <td><b><font face="helvetica"><font size="2">Menge</font></b></td>  
  <td><b><font face="helvetica"><font size="2">Bezeichnung</b></td>  
  <td><b><font face="helvetica"><font size="2">Einzelpreis</b></td>  
  <td><b><font face="helvetica"><font size="2">Betrag</b></td>  
  
 </tr>  
 <tr>  
<font face="VERDANA,ARIAL,HELVETICA">  <td>{!Produktkauf__c.Menge__c}</td>  
  <td><td><font face="ARIAL"><font size="2">{!Produktkauf__c.Produktkatalog__c}</td>  
  <td><td><font face="ARIAL"><font size="2">{!Produktkauf__c.Listenpreis__c}</td>  
  <td><font face="ARIAL"><font size="2">{!Produktkauf__c.Gesamt_inkl_mwst__c}</td></font>  
  
 </tr>  
  <td><font face="ARIAL">&nbsp;</td>  
  <td><font face="ARIAL">&nbsp;</td>  
  <td><font face="ARIAL"><font size="2">Nettobetrag</td>  
  <td><font face="ARIAL"><font size="2">{!Produktkauf__c.Gesamt_vor_MwSt__c}</td>  
  
 </tr>  
 <tr>  
  <td><font face="helvetica">&nbsp;</td>  
  <td><font face="helvetica">&nbsp;</td>  
  <td><font face="helvetica"><font size="2"> Mehrwertsteuer</td>  
 <td><font face="helvetica"><font size="2">{!Produktkauf__c.MwSt1__c}</td>  
  
  </tr>  
  <tr>  
  <td><font face="helvetica">&nbsp;</td>  
  <td><font face="helvetica">&nbsp;</td>  
  <td><b><font face="helvetica"><font size="2"><b> Rechnungsbetrag</b></b></td>  
  <td><font face="ARIAL"><font size="2">{!Produktkauf__c.Gesamt_inkl_mwst__c}</font></td>  
  
  </tr>  
</table>  

  1. Om nah hoo pez nyeetz, lapaka!

    hier mal der HTML-code

    Nicht wirklich ;-)

    Stecke alle Styleangaben ins CSS!

    <table>  
      <thead>  
        <tr>  
          <th>Menge</th>  
          <th>Bezeichnung</th>  
          <th>Einzelpreis</th>  
          <th>Betrag</th>  
        </tr>  
      </thead>  
      <tbody class="Positionen">  
        <tr>  
          <td>{!Produktkauf__c.Menge__c}</td>  
          <td>{!Produktkauf__c.Produktkatalog__c}</td>  
          <td>{!Produktkauf__c.Listenpreis__c}</td>  
          <td>{!Produktkauf__c.Gesamt_inkl_mwst__c}</td>  
        </tr>  
        <!-- ggf. noch mehr Positionen -->  
      </tbody>  
      <tbody class="Summen">  
        <tr>  
          <th colspan="3">Nettobetrag</th>  
          <td>{!Produktkauf__c.Gesamt_vor_MwSt__c}</td>  
        </tr>  
        <tr>  
          <th colspan="3">Mehrwertsteuer</th>  
          <td>{!Produktkauf__c.MwSt1__c}</td>  
        </tr>  
        <tr>  
          <th colspan="3">Rechnungsbetrag</th>  
          <td>{!Produktkauf__c.Gesamt_inkl_mwst__c}</td>  
        </tr>  
      </tbody>  
    </table>
    

    Das könnte/sollte dein zugrunde liegendes HTML werden.

    Für die Gestaltung siehe Wiki - Schriftformatierung, Wiki - Tabellenformatierung sowie Wiki - border

    Bau erst mal das entsprechende nackte HTML, ohne dich um Fromatierungsangaben zu kümmern. Dann können wir gemeinsam weitersehen.

    Matthias

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Hebe und Heberden-Arthrose.

    1. Hi,

      warum denn nicht wirklcih? Was habe ichd en falsch gemacht? versteh nur Bahnhof, da die Tabelle doch genau so aussieht wie bei dem HTML code den du geschrieben hast?

      .css nicht möglich, da es in ein CRM system gebunden wird....

      gerne können wir auch per mail weiter schreiben: sebroeder(at)hotmail.com

      Danke

      Om nah hoo pez nyeetz, lapaka!

      hier mal der HTML-code

      Nicht wirklich ;-)

      Stecke alle Styleangaben ins CSS!

      <table>

      <thead>
          <tr>
            <th>Menge</th>
            <th>Bezeichnung</th>
            <th>Einzelpreis</th>
            <th>Betrag</th>
          </tr>
        </thead>
        <tbody class="Positionen">
          <tr>
            <td>{!Produktkauf__c.Menge__c}</td>
            <td>{!Produktkauf__c.Produktkatalog__c}</td>
            <td>{!Produktkauf__c.Listenpreis__c}</td>
            <td>{!Produktkauf__c.Gesamt_inkl_mwst__c}</td>
          </tr>
          <!-- ggf. noch mehr Positionen -->
        </tbody>
        <tbody class="Summen">
          <tr>
            <th colspan="3">Nettobetrag</th>
            <td>{!Produktkauf__c.Gesamt_vor_MwSt__c}</td>
          </tr>
          <tr>
            <th colspan="3">Mehrwertsteuer</th>
            <td>{!Produktkauf__c.MwSt1__c}</td>
          </tr>
          <tr>
            <th colspan="3">Rechnungsbetrag</th>
            <td>{!Produktkauf__c.Gesamt_inkl_mwst__c}</td>
          </tr>
        </tbody>
      </table>

      
      >   
      > Das könnte/sollte dein zugrunde liegendes HTML werden.  
      >   
      > Für die Gestaltung siehe [Wiki - Schriftformatierung](http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung), [Wiki - Tabellenformatierung](http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Tabellenformatierung) sowie [Wiki - border](http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/%C3%A4u%C3%9Fere_Gestaltung/Rahmen/border)  
      >   
      > Bau erst mal das entsprechende nackte HTML, ohne dich um Fromatierungsangaben zu kümmern. Dann können wir gemeinsam weitersehen.  
      >   
      > Matthias
      
      1. Om nah hoo pez nyeetz, lapaka!

        Bitte zitiere nicht das gesamte Vorposting.

        warum denn nicht wirklcih? Was habe ichd en falsch gemacht?

        • du verwendest veraltete Elemente (font)
        • du verwendest b-Elemente, nur um einen Text fett darzustellen
        • du verwendest veraltete Attribute (border, cellpadding, cellspacing)
        • du verwendest nicht exitierende Attribute (bordercolor)
        • du versuchst, dem Rahmen eine Farbe zuzuweisen, obwohl er nicht zu sehen sein soll
        • du hast in deiner zweiten Zeile 6 td-Elemente, obwohl du nur 4 haben möchtest
        • du schachtelst die veralteten font-Elemente sinnfrei ineinander

        versteh nur Bahnhof, da die Tabelle doch genau so aussieht wie bei dem HTML code den du geschrieben hast?

        Schön, nicht? Und das mit der Hälfte an Quelltext. Zum Beispiel stellt ein th-Element eine Überschriftszelle dar - für alle Browser, auch für Screenreder.

        Und wenn du später mal in allen Zellen „Comic Sans“ verwenden möchtest, musst du an unzähligen Stellen eingreifen.

        .css nicht möglich, da es in ein CRM system gebunden wird....

        Das glaube ich nicht; wo HTML ausgegeben werden kann, sollte es auch CSS geben. Möglicherweise nicht ganz so offensichtlich. Kontaktiere dazu den Kundendienst deines CRMS.

        Wenn mein HTML zugrunde liegt, erreichst du die gewünschte Unterstreichung beispielsweise mit

        .Positionen { border-bottom: 2px solid; }

        gerne können wir auch per mail weiter schreiben: sebroeder(at)hotmail.com

        Das denke ich nicht, ich helfe dir gern, aber nur in der Öffentlichkeit dieses Forums, sodass ggf. auch andere, spätere Fragesteller davon profitieren können.

        Matthias

        --
        Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Rat und Ratsche.

        1. Hi habe dass jetzt so eingefügt, nur wo ist es ja nicht "richtig" oder?

          Wie kann ich sagen dass über der gesamten Tabelle in strick ist, wie gesagt mit den WIKI-.... artikeln komm ich irgendwie nicht weiter...

            <th colspan="3">Mehrwertsteuer</th>  
                <td>{!Produktkauf__c.MwSt1__c} <p style="border-bottom: 2px solid;"></p></td>  
              </tr>  
              <tr>  
                <th colspan="3">Rechnungsbetrag</th>  
                <td>{!Produktkauf__c.Gesamt_inkl_mwst__c}     <p style="border-bottom: 2px solid;"></p>  </td>  
              </tr>  
            </tbody>  
          </table> 
          
    2. HI ok ja stimmt macht mehr sinn das öffentlich zu machen!

      den Befehl: .Positionen { border-bottom: 2px solid; } wo füge ich den denn ein? komm damit irgendwie gar nicht klar ^^

      Danke & Grüße

    3. bzw was ist denn ".Positionen" finde irgendwie auch heri auf der Seite keine erkärung wie das einzufügen ist...:(

      1. Om nah hoo pez nyeetz, lapaka!

        bzw was ist denn ".Positionen" finde irgendwie auch heri auf der Seite keine erkärung wie das einzufügen ist...:(

        Das grundlegende Konzept des Zusammenspiels von HTML und CSS solltest du dir aber schon aneignen, wenn du in deiner Firma für die Pflege solcher Dokumente verantwortlich bist.

        Wiki - grundlegender Aufbau einer Tabelle

        Ich habe die Tabelle in 3 Bereiche unterteilt, 1 Tabellenkopf, er enthält die Überschriften; 1 Tabellenkörper, den ich „Positionen“ genannt habe, in den die einzelnen Rechnungspositionen hinein sollen und einen weiteren Tabellenkörper „Summen“ für gesamt Netto, gesamt MwSt und gesamt Brutto. Dabei habe ich mich an deinen Vorgaben orientiert.

        Ich habe einen Tabellenkörper „Positionen“ genannt, heißt auf HTML ich habe ihm die Klasse "Positionen" gegeben.

        <tbody class="Positionen">  
            <!-- Tabellenzeilen -->  
        </tbody>
        

        Mithilfe von CSS kann ich jetzt genau dieses Element ansprechen, etwa über den Klassenselektor. Ich hatte dich so verstanden, dass du unter die letzte Position eine Linie zeichnen möchtest. Das wäre beispielsweise mit der CSS-Regel

        .Positionen {  
            border-bottom: 2px solid;  
        }
        

        möglich.

        Wenn du, wie du behauptest, keine externe CSS-Ressource einbinden darfst (was sagt eigentlich der Kundendienst des CRMS?), wäre

        <tbody class="Positionen" style="border-bottom: 2px solid;">  
            <!-- Tabellenzeilen -->  
        </tbody>
        

        ein möglicher Quellcode.

        Die Klassenbezeichnung würde ich trotzdem drinlassen, auch wenn sie jetzt (d.h. mit inline-style-Angaben) nicht gebraucht wird. Sie beschreibt aber deine Tabelle näher.

        Falls du tatsächlich nur die Felder unterstreichen möchtest:

            <th colspan="3">Mehrwertsteuer</th>  
            <td style="border-bottom: 2px solid;">{!Produktkauf__c.MwSt1__c}</td>  
          </tr>  
          <tr>  
            <th colspan="3">Rechnungsbetrag</th>  
            <td style="border-bottom: 2px solid;">{!Produktkauf__c.Gesamt_inkl_mwst__c}</td>  
          </tr>
        

        Matthias

        --
        Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Skat und Skatepark.