Bilder und Text in einer Tabele zu einander ausrichten

Hallo WP-Gemeinde,

ich bin zusammen mit meiner Schwester als Freizeit-Admin für die Internetseite einer Amatuer Rallye verantwortlich. Vor einigen Tagen konnte mir die Gemeinde schon ein mal helfen. Leider habe ich zu meinem neuen Problem anderweitig keine Lösung gefunden, daher mache ich hier ein neues Thema auf.

Ich habe auf einer Seit eine Tabelle erstellt. am Ende jeder Spalte soll hinter dem Namen die Flage der Nationalitat des Teams / Teilnehmer erscheinen.

http://tuareg-live.com/test/

Wie hier sehen könnt schaffe ich es weder mit einem Bild über Medien noch über Nextgen das Bild mitig hinter dem Text erschent :sad::?:

<table width="100%" border="0" cellspacing="0" cellpadding="0"><colgroup> <col width="79" /> <col width="145" /> <col width="93" /> <col width="133" /> <col width="68" /> </colgroup>
<tbody>
<tr>
<td>Driver</td>
<td width="145"></td>
<td>Codriver</td>
<td></td>
<td>Nationality</td>
</tr>
<tr>
<td><span>Jesus</span></td>
<td width="145"><span>Henriquez Navarr</span></td>
<td><span>Edd</span></td>
<td><span>Cobley</span></td>
<td> <a href="http://tuareg-live.com/wp-content/upl…89547057651.png"><img class="alignnone size-full wp-image-2252" alt="Flag_of_the_United_Kingdom" src="http://tuareg-live.com/wp-content/upl…89547057651.png" width="50" height="25" /></a></td>
</tr>
<tr>
<td><span>Jóhann</span></td>
<td width="145"><span>Halldórsson</span></td>
<td><span>codriver</span></td>
<td><span>will follow</span></td>
<td><span>Icelandic</span></td>
</tr>
<tr>
<td><span>Robin</span></td>
<td width="145"><span>Krüger</span></td>
<td><span>John</span></td>
<td><span>Schach</span></td>
<td><span>[singlepic id=911 w=50 h=25]</span></td>
</tr>
</tbody>
</table>

vielen Danke im Voraus für die mögliche Hilfe.

Hallo ArtofPic,

super der der Weg klappt. Zwei Dinge die mir an der Lösung noch nicht so gefälltem. Der Rahmen um die Flagge sollte noch weg, und wenn ich mit dem Editor im CSS eingreife, dann muss ich das doch jedes mal beim Update von WP machen oder?

viele Dank für die superschnelle Hilfe, und viele Grüße aus Dachau ;-)

Zitat von ArtofPic

du kannst das Bild auch so

Code

<img style="vertical-align: middle;" width="50" height="25" src="http://tuareg-live.com/wp-content/uploads/2014/01/Flag_of_the_United_Kingdom-e1389547057651.png" alt="Flag_of_the_United_Kingdom">

in die Tabelle einfügen

dann müsste auch der Rahmen weg sein

und mit margin

Code

<img style="vertical-align: middle; margin-left:5px" width="50" height="25" src="http://tuareg-live.com/wp-content/uploads/2014/01/Flag_of_the_United_Kingdom-e1389547057651.png" alt="Flag_of_the_United_Kingdom">

ausrichten nach Bedarf

ach ja Grüße nach Chaos City :smile:

Alles anzeigen

He, jetzt wird's echt klasse!!! Nun muss ich das ganze nur noch ein wenig Scriptten damit ich das auf die vielen Teilnehmer und Klassen umsetzen kann. wenn mich jemand fragt warum unser Seite immer besser wird werde ich natürlich auf dich zeigen:p

Vielleicht kann ich mich ja mal mit nem Bier in der Stadt erkenntlich zeigen

nochmals vielen Dank!!!!!

Ps. Lösung geht erst Ende der Woche online

Zitat von infected

Ergänze obige CSS Anweisung um border:none;

Ja, wenn die style.css bei Update überschrieben wird. Von daher sollte man solche Änderungen in einem Childtheme umsetzen.

http://bueltge.de/wordpress-child-themes-verstehen/1192/

auch dir noch mal danke für die Hilfe. Das mit dem Childtheme ist echt ein wichtiger Hinweis, dem Thema muss ich mich nach der Rallye an nehmen. Davor ist einfach noch zu viel zu machen.

vG dirk