HTML Die Tabelle rutscht immer nach unten?

Hallo!
Ich habe momenatn ein Schulprojekt bei dem ich eine Fahradshop mit html bauen soll. Ich habe Bilder in eine Tabelle hinzugefügt (weil es uns so vorgegeben wurde) was auch ohne Probleme geklappt hat. Danach wollte ich unter der Tabelle einen Strich setzten welcher dann aber über der Tabelle angezeigt wurde.

Hier der Code:

<html>
<title>Fahrrad Verkauf</title>
<head><center>
<img src=leisteprodukte.png usemap="#image-map">
</center>
</head>
<body bgcolor=#CAE1FF><center>
  <br><br><br>
  <map name="image-map">
      <area target="" alt="" title="" href="Produkte.html" coords="3640,911,3974,990" shape="rect">
      <area target="" alt="" title="" href="Kaufen.html" coords="4320,990,4039,906" shape="rect">
      <area target="" alt="" title="" href="Startseite.html" coords="4390,889,4732,986" shape="rect">
  </map>
  <map name="1">
    <area target="" alt="Trackind Rad1" title="Trackind Rad" href="Fahrrad1.html" coords="2,1,610,610" shape="rect">
  </map>
  <map name="2">
    <area target="" alt="Trackind Rad2" title="Trackind Rad" href="Fahrrad2.html" coords="2,1,610,610" shape="rect">
</map>
<map name="3">
  <area target="" alt="Mountainbike1" title="Mountainbike" href="Fahrrad3.html" coords="2,1,610,610" shape="rect">
</map>
<map name="4">
  <area target="" alt="Mountainbike2" title="Mountainbike" href="Fahrrad4.html" coords="2,1,610,610" shape="rect">
</map>
<map name="5">
  <area target="" alt="City Rad1" title="City Rad" href="Fahrrad5.html" coords="2,1,610,610" shape="rect">
</map>
<map name="6">
  <area target="" alt="City Rad2" title="City Rad" href="Fahrrad6.html" coords="2,1,610,610" shape="rect">
</map>
<map name="7">
  <area target="" alt="Kinder Rad1" title="Kinder Rad" href="Fahrrad7.html" coords="2,1,610,610" shape="rect">
</map>
<map name="8">
  <area target="" alt="Kinder Rad2" title="Kinder Rad" href="Fahrrad8.html" coords="2,1,610,610" shape="rect">
</map>
<br><br><br><br><br><br>
<span style="font-size:70">Drücke auf die Bilder für eine Groß-Ansicht.</span>
<table bordercolor=#6381d8 border=1>
   <tr>
    <td><img src=Fahrrad1.jpg usemap=#1></td>
    <td><img src=Fahrrad2.jpg usemap=#2></td>
    <td><img src=Fahrrad3.jpg usemap=#3></td>
    <td><img src=Fahrrad4.jpg usemap=#4></td>
  </tr>
   <tr>
    <td><img src=Fahrrad5.jpg usemap=#5></td>
    <td><img src=Fahrrad6.jpg usemap=#6></td>
    <td><img src=Fahrrad7.jpg usemap=#7></td>
    <td><img src=Fahrrad8.jpg usemap=#8></td>
  </tr><br>
  <hr color=#6381d8 size=10 width=100%>
</body>
</html>

Bild zum Beitrag
HTML, Webseite, Webentwicklung, Tabelle
Excel Tabellen automatisch Inhalt umstrukturieren (mehrere Zeilen zu einer)?

Ich habe eine Tabelle mit Inhalt nach folgendem Schema

|| Object Name || Attribute Name || Attribute Hint ||
| Object 1 | Attribute 11 |                  |
|         | Attribute 12 | complex |
|         | Attribute 13 | dont use |
|         | Attribute 14 |                       |          
|         | Attribute 15 |                       |
| Object 2 | Attribute 21 | red  |
|         | Attribute 22 |             |
|         | Attribute 23 |             |
| Object 3 | Attribute 31 |                   |
|         | Attribute 32 |             |
|         | Attribute 33 |             |
|         | Attribute 34 |             |
| Object 4 | Attribute 41 |                   |
|         | Attribute 42 |                       |
|         | Attribute 43 | funny   |
|         | Attribute 44 |                       |
|         | Attribute 45 |                       |
|         | Attribute 46 | crazy   |

 Also: 

  • Erste Spalte: der Objekt Name (allerdings nur in der ersten Zeile des Objects)
  • Zweite Spalte: Attribut Name (das können pro Objekt beliebig viele sein; zwischen 1 und 20)
  • Dritte Spalte: Hinweise zum Attribut (diese Zelle kann leer sein oder etwas drinnen)

 Ich würde daraus gerne eine Umformung machen die wie folgt aussieht

|| Object Name || Simple Attributes || Other Attributes ||
| Object 1 | Attribute 11, Attribute 14, Attribute 15                                      | Attribute 12 (complex), Attribute 13 (don't use)     |
| Object 2 | Attribute 22, Attribute 23                                                                                  | Attribute 21 (red)                                                                                       |
| Object 3 | Attribute 31, Attribute 32, Attribute 33, Attribute 34 |                                                                                                                                                 |
| Object 4 | Attribute 41, Attribute 42, Attribute 44, Attribute 45 | Attribute 43 (funny), Attribute 46 (crazy)                    |

 

Also nur eine Zeile pro Object

  • Erste Spalte: der Objekt Name
  • Zweite Spalte: Attribut Namen bei denen es keinen "Hint gab" mit einem Beistrich getrennt
  • Dritte Spalte: Attribut Namen bei denen es einen "Hint gab" mit einem Beistrich getrennt (und wenn geht den Hint dazu in klammer, aber das ist kein muss)

Jetzt Frage ich mich ob es da Formeln/Funktionen gibt mit denen das halbwegs einfach geht, ohne das ich gleich Macros programmieren muss?

Computer, Microsoft Excel, Schule, Formel, Tabelle

Meistgelesene Fragen zum Thema Tabelle