HTML - Verschieben des Textes in einer Zelle

Ich muss eine Website mit ausschließlich Tabellen (altmodisch) erstellen. Ich habe mit dem Layout begonnen, und da ich nur Tabellen/HTML verwenden kann, habe ich einige Probleme festgestellt.HTML - Verschieben des Textes in einer Zelle

<body> 

<table width="1173" height="703" cellspacing="0" cellpadding="0"> 
    <tr style="text-align:center; font-family: Arial, Gotham, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; color:white; text-transform:uppercase"> 
     <td colspan="2"></td> 
     <td width="234" height="234" style="background-color:#1e8bc3; background-image:url(images/exercice1_iconeBatterie.gif); background-repeat:no-repeat; background-position:center; display: inline-block;">Expérience</td> 
     <td width="234" height="234" background="images/exercice1_img1.jpg"></td> 
     <td width="234" height="234" style="background-color:#ff9f00">Biographie</td> 
    </tr> 

    <tr style="text-align:center; font-family: Arial, Gotham, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; color:white; text-transform:uppercase"> 
     <td width="234" height="234" background="images/exercice1_img2.jpg"></td> 
     <td width="234" height="234" style="background-color:#f05a49">Compétence</td> 
     <td width="234" height="234" background="images/exercice1_img3.jpg"></td> 
     <td width="234" height="234" style="background-color:#f86923">Portfolio</td> 
     <td width="234" height="234" background="images/exercice1_img4.jpg"></td> 
    </tr> 
     <tr style="text-align:center; font-family: Arial, Gotham, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; color:white; text-transform:uppercase"> 
     <td style="background-color:#f86923">Réseaux sociaux</td> 
     <td width="234" height="234" background="images/exercice1_img5.jpg"></td> 
     <td width="234" height="234" style="background-color:#35bc7a">Blog</td> 
     <td width="234" height="234" background="images/exercice1_img6.jpg"></td> 
     <td width="234" height="234" style="background-color:#1e8bc3">Contact</td> 
    </tr> 
</table>

Ich brauche meinen Text unter dem Bild in der Mitte der Zelle ausgerichtet werden. Wenn ich versuche, etwas zu bewegen, bewegt sich offensichtlich die ganze Zelle. Was könnte die Struktur sein, zu wissen, dass ich da falsch liege. Dank

Quelle

2016-09-28 illiaskh

Heres eine Geige davon: https://jsfiddle.net/phc6jctg/ Alle von ihnen abgesehen von 1 scheinen in Ordnung zu sein? Ich bin verwirrt, was das Problem ist? –

Das Problem ist, dass ich in der Mitte meiner Zelle ein kleines Symbol (etwa so: http://imgur.com/a/xZ8bq) haben muss, dann wird der Text darunter ausgerichtet. – illiaskh

Die ganze Sache muss so aussehen: http://imgur.com/a/obDGr – illiaskh

Basierend auf unseren Kommentar Diskussion:

Versuchen Sie dies in der tds der Titelblöcke mit:

<img src="theimageurl.png" width="64" /><br/>Title

this helps :)

Quelle

2016-09-28 16:29:58

HTML - Verschieben des Textes in einer Zelle

Antwort

Verwandte Themen