Zum Inhalt springen

Übung 1 mal 1 tabelle

evgnbz
 Teilen

Empfohlene Beiträge

evgnbz

evgnbz

Geschrieben
Geschrieben

Moin,

ich habe hier eine 1*1 Tabelle erstellt  

<body>
<table>
<?php

    $spalte="1";
 
 echo "<table border='1'>\n";

while($spalte<=10){
     
 
     echo "\t<tr>\n";
 $zeile="1";
    
while($zeile<=10){
        
        $ergsp=$zeile*$spalte;
		echo "\t\t<td>$ergsp</td>\n";
    	$zeile++;
    } 
     
       echo "\t</tr>\n";
       $spalte++;
 }
	?>
</table>
</body>

Jetzt will ich alle gerade und ungerade zahlen markieren und komme nicht so richtig weiter , brauche ein paar tipps in diese richtung 

 

Link zu diesem Kommentar
Auf anderen Seiten teilen
Gast Interrupt

Gast Interrupt

Geschrieben
Geschrieben (bearbeitet)

Hallo,

schau dir dazu mal den Modulo Operator an. 

https://code.tutsplus.com/tutorials/how-to-use-the-modulo-operator-in-php--cms-32393

https://de.wikipedia.org/wiki/Division_mit_Rest

Falls du immer noch Schwierigkeiten haben solltest, dann solltest du mal genauer Beschreibung wo du hängst. 😉

MfG

Bearbeitet von Interrupt
Link zu diesem Kommentar
Auf anderen Seiten teilen
evgnbz

evgnbz

Geschrieben
  • Autor
Geschrieben
vor 53 Minuten schrieb Interrupt:

Hallo,

schau dir dazu mal den Modulo Operator an. 

https://code.tutsplus.com/tutorials/how-to-use-the-modulo-operator-in-php--cms-32393

https://de.wikipedia.org/wiki/Division_mit_Rest

Falls du immer noch Schwierigkeiten haben solltest, dann solltest du mal genauer Beschreibung wo du hängst. 😉

MfG

  

<body>
<table>
<?php

    $spalte="1";
 
 echo "<table border='1'>\n";

while($spalte<=10){
     
 
     echo "\t<tr >\n";
 $zeile="1";
    
while($zeile<=10){
        
        $ergsp=$zeile*$spalte;
		
        if($ergsp % 2 == 0){        echo "\t\t<td bgcolor=#FF0000>$ergsp</td>\n";
        } else {echo "\t\t <td  bgcolor=#00FF7F>$ergsp</td>\n";}
$zeile++;
    } 
     
       echo "\t</tr>\n";
       $spalte++;
 }
	?>
</table>
</body>

ich habe es so gelöst , vielen dank für die hilfe! 

Link zu diesem Kommentar
Auf anderen Seiten teilen
Whiz-zarD

Whiz-zarD

Geschrieben
Geschrieben

In diesem Zusammenhang solltest du dir mal CSS anschauen. Das Design sollte nicht im HTML-Dokument gemacht werden, sondern in CSS. Das macht änderungen später einfacher, weil das Design an einer Stelle definiert wird und nicht überall verteilt.

https://jsfiddle.net/xvoLr16h/ 

<!DOCTYPE html> 

<html> 
  <head>
    <style>
        table {
          border: 1px solid black;
        }

        .even {
          color: red;
        }

        .odd {
          color: black;
        }
     </style>	
   </head>
   <body> 
      <table>
        <tr>
        <td class="odd">1</td>
          <td class="even">2</td>
          <td class="odd">3</td>
          <td class="even">4</td>
          <td class="odd">5</td>
          <td class="even">6</td>
          <td class="odd">7</td>
          <td class="even">8</td>
          <td class="odd">9</td>
          <td class="even">10</td>
        </tr>
        <tr>
          <td class="even">2</td>
          <td class="even">4</td>
          <td class="even">6</td>
          <td class="even">8</td>
          <td class="even">10</td>
          <td class="even">12</td>
          <td class="even">14</td>
          <td class="even">16</td>
          <td class="even">18</td>
          <td class="even">20</td>
        </tr>
      </table>
      ...
   </body> 
</html>

 

Link zu diesem Kommentar
Auf anderen Seiten teilen
evgnbz

evgnbz

Geschrieben
  • Autor
Geschrieben
vor 7 Minuten schrieb Whiz-zarD:

In diesem Zusammenhang solltest du dir mal CSS anschauen. Das Design sollte nicht im HTML-Dokument gemacht werden, sondern in CSS. Das macht änderungen später einfacher, weil das Design an einer Stelle definiert wird und nicht überall verteilt.

https://jsfiddle.net/xvoLr16h/ 

<!DOCTYPE html> 

<html> 
  <head>
    <style>
        table {
          border: 1px solid black;
        }

        .even {
          color: red;
        }

        .odd {
          color: black;
        }
     </style>	
   </head>
   <body> 
      <table>
        <tr>
        <td class="odd">1</td>
          <td class="even">2</td>
          <td class="odd">3</td>
          <td class="even">4</td>
          <td class="odd">5</td>
          <td class="even">6</td>
          <td class="odd">7</td>
          <td class="even">8</td>
          <td class="odd">9</td>
          <td class="even">10</td>
        </tr>
        <tr>
          <td class="even">2</td>
          <td class="even">4</td>
          <td class="even">6</td>
          <td class="even">8</td>
          <td class="even">10</td>
          <td class="even">12</td>
          <td class="even">14</td>
          <td class="even">16</td>
          <td class="even">18</td>
          <td class="even">20</td>
        </tr>
      </table>
      ...
   </body> 
</html>

 

war mein erster gedanke , ich wollte es zuerst mit php/html lösen , css geht immer . danke für den vorschlag

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

×
 Teilen
Zur Themenübersicht

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Links

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...