1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

Jede zweite Zeile blau - HTML

Discussion in 'Web-Know-how für die Homepage' started by Stefan_123, May 22, 2006.

Thread Status:
Not open for further replies.
  1. Stefan_123

    Stefan_123 Byte

    Hallo Leute!

    Ich habe auf meiner Internetseite eine relativ lange Liste (ca 40 Einträge), wobei jede zweite Zeile wegen der Übersicht eingefärbt werden soll. Derzeit ist die Liste in Form einer Tabelle (unsichtbarer Rahmen) angelegt.

    Hat jemand eine Idee, wie ich das machen kann? Ich wäre euch sehr Dankbar.

    mfG
    Stefan
     
    Stefan_123, May 22, 2006
    #1
  2. cyberwarrior

    cyberwarrior Kbyte

    Mit CSS ist das doch kein Problem... einfach zwei Klassen mit unterschiedlichen Hintergrundfarben vergeben und fertig :D
     
    cyberwarrior, May 22, 2006
    #2
  3. Beatcounter

    Beatcounter Guest

    oder komplizierter in php und für jede zeile ne tabelle erstellen in ner anderen farbe - css is da um einiges schöner deneke ich :rolleyes:
     
    Beatcounter, May 22, 2006
    #3
  4. Michael_x

    Michael_x Halbes Megabyte

    <html>
    <head>
    <title>Überschrift</title>
    </head>
    <style>
    #blau{background-color:blue}
    </style>
    <body>
    <table>
    <tr>
    <td>Zeile 1.1</td>
    <td>Zeile 1.2</td>
    </tr>
    <tr id="blau">
    <td>Zeile 2.1</td>
    <td>Zeile 2.2</td>
    </tr>
    </table>
    </body>
    </html>
     
    Michael_x, May 22, 2006
    #4
  5. frajoti

    frajoti Viertel Gigabyte

    @Michael_x: Jetzt hat der die 2. Zeile blau, aber nicht jede zweite Zeile (also 2., 4., 6., 8., 10. ...) ;).

    @Beatcounter: Mit PHP ist das gar nicht kompliziert. Ne simple For-Schleife und eine If-Abfrage und die Sache ist fertig. Und für jede Zeile eine Tabelle zu erstellen ist unnötig.
     
    frajoti, May 22, 2006
    #5
  6. cyberwarrior

    cyberwarrior Kbyte

    Code:
    <style>
.td1 {color: #fff; background: blue;}
.td2 {color: #000; background: silver; }
</style>

<table>
  <tr>
    <td class="td1">Zeile 1</td>
  </tr>
  <tr>
    <td class="td2">Zeile 2</td>
  </tr>
<tr>
    <td class="td1">Zeile 3</td>
  </tr>

   u.s.w.

</table>
     
    cyberwarrior, May 23, 2006
    #6
  7. Michael_x

    Michael_x Halbes Megabyte

    ist ja nur ein bsp.

    die dritte zeile ist wieder die erste zeile... :rolleyes:


    und um die seite automatisch zu formatieren, brauchste kein php... simples javascript reicht da aus
     
    Michael_x, May 24, 2006
    #7
Thread Status:
Not open for further replies.

Share This Page