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

Text in der Mitte neben einem Bild

Status
Für weitere Antworten geschlossen.

Blokkmonsta

Neues Mitglied
Hi,

ich habe diesen HTML Code, natürlich selbst erstellt:

PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="_css/styles.css" rel="stylesheet" type="text/css">
<style type="text/css"> 

body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; background-color:transparent}

</style>
</head>
<table width="650" border="0" align="left">
  <tr>
    &nbsp;<td valign="middle" bgcolor="#444444"><span class="textus"><a name="top">Navigation</a></span></span></td>
  </tr>
  <tr>
    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td valign="middle" class="text"><p>
&nbsp;&nbsp;&nbsp;<a href="#freetracks">Freetracks</a><br>
&nbsp;&nbsp;&nbsp;<a href="#signaturen">Signaturen</a><br>
&nbsp;&nbsp;&nbsp;<a href="#wallpaper">Wallpaper</a><br></p></td>
 </tr>
  <tr>

    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
  <tr>
&nbsp;<td valign="middle" bgcolor="#444444"><span class="textusdate"><a name="freetracks">dDwnload | <span class="textus">Freetracks</a></span></span></td>
  </tr>
  <tr>
    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td valign="middle" class="text"><p>
<a href="http://www.kingofkingz.de/downloads/freetracks/chakuza-waswolltihr-kingofkingz_de.mp3" target="_blank"><img src="images/waswolltihr.jpg" border="0" width="280" height="100"></a>
<br>
<a href="http://www.kingofkingz.de/downloads/freetracks/Chakuza-Chakuza_kingofkingz-de.mp3" target="_blank"><img src="images/chakuza.jpg" border="0" width="280" height="100"></a>
<br>
<a href="http://www.kingofkingz.de/downloads/freetracks/Chakuza-Es_ist_mehr_kingofkingz-de.mp3" target="_blank"><img src="images/esistmehr.jpg" border="0" width="280" height="100"></a>
<br>
<a href="http://www.kingofkingz.de/downloads/freetracks/Chakuza-Hand_im_Feuer_kingofkingz-de.mp3" target="_blank"><img src="images/handimfeuer.jpg" border="0" width="280" height="100"></a>
<br>
<a href="http://www.kingofkingz.de/downloads/freetracks/Chakuza-Sieh_mich_an_kingofkingz-de.mp3" target="_blank"><img src="images/siehmichan.jpg" border="0" width="280" height="100"></a>
<br>
<div align="right"><a href="#top">^ Nach oben ^</a></div></p></td>
 </tr>
  <tr>

    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
  <tr>
    &nbsp;<td valign="middle" bgcolor="#444444"><span class="textusdate"><a name="signaturen">Download | <span class="textus">Signaturen</a></span></span></td>
  </tr>
  <tr>
    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td valign="middle" class="text"><p>
<a href="_downloads/signatur01.jpg" target="_blank"><img src="_downloads/signatur01.jpg" border="0" width="300" height="120"></a>
<br>
<a href="_downloads/signatur02.jpg" target="_blank"><img src="_downloads/signatur02.jpg" border="0" width="300" height="120"></a>
<br><div align="right"><a href="#top">^ Nach oben ^</a></div></p></td>
 </tr>
  <tr>

    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
   &nbsp;<td valign="middle" bgcolor="#444444"><span class="textusdate"><a name="wallpaper">Download | <span class="textus">Wallpaper</a></span></span></td>
  </tr>
  <tr>
    <td valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td valign="middle" class="text"><p>
<a href="_downloads/wallpaper01.jpg" target="_blank"><img src="_downloads/wallpaper01.jpg" border="0" width="150" height="130"></a>
<br><div align="right"><a href="#top">^ Nach oben ^</a></div>
</p></td>
 </tr>
  <tr>

    <td valign="middle">&nbsp;</td>
  </tr>
</table>
</body>
</html>
Nun will ich neben den Freetrack Bildern, einen Text haben der die Ausrichtig in der Mitte hat. Also align. Nun leider weiß ich nicht weiter. Hab schon vieles ausprobiert.

MFG Blokkmonsta
 
Hi!

So steht Dein Text horizontal in der Mitte.
Die vertikale Ausrichtung erfolgt eigentlich automatisch, dennoch habe ich den Code hierfür auch noch eingesetzt.

Gruß
Jagognussel


Code:
<table width="450" border="1">
<tr>
 <td width="225" height="300">Dein Bild</td>
 <td width="225" align="center" valign="middle">So steht der Text in der Mitte<br>Dies als Beispiel!</td>
</tr>
</table>
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben