• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Text in Tabelle mit zwei Schriften

_R_A_L_F_

Mitglied
Hallo,

kann mir jemand sagen, wie ich in einer Tabellenzelle zwei verschiedne Schriften nebeneinander anzeigen kann?

Habe das Problem, dass immer ein Absatz zw. den beiden Schriften gemacht wird.

Hier der Code:

CSS:
HTML:
<style type="text/css">

h2 {
    font-family: "Arial Black", Gadget, sans-serif;
    color:#0066CC;
    font-size: 12px;
    text-align: left;
}
h3 {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 12px;
    text-align: left;
    color:#00CC33;
}
</style>

HTML:
Code:
<table width="750px" height="30px" border="0" align="center">
<tr bgcolor=#F5F2CD>            
  <td width="100px"><h2>ID:</h2><h3>12</h3></td>
  <td width="650px"><h2>Name:</h2><h3>Hans</h3></td> 
</tr>
</table>

Danke
 
Dein Problem hat nichts mit den Fonts zu tun, sondern mit der Standard-Anzeige der gewählten Elemente!
Die H*-Elemente sind Block-Elemente.
Block-Elemente nehmen, anders als Inline-Elemente, standardmäßig 100% der verfügbaren Breite ein und erzeugen auch dann noch einen Zeilenumbruch, wenn man lediglich die Breite beschränkt.
Um sie nebeneinander darzustellen, hast du zwei gängige Möglichkeiten.
1. Die Anzeigeart ändern mit display: inline;
2. Einen Umfluss erzeugen mit float: left;
 
Zuletzt bearbeitet:
Zurück
Oben