mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 22:20 Benutzername: Passwort: Auto-Login

Thema: Bild zentrieren in einer Table "td" die align left ist ? vom 05.10.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bild zentrieren in einer Table "td" die align left ist ?
Autor Nachricht
ginobranco
Threadersteller

Dabei seit: 08.06.2009
Ort: Hamburg
Alter: 40
Geschlecht: Männlich
Verfasst Fr 05.10.2012 13:03
Titel

Bild zentrieren in einer Table "td" die align left

 Antworten mit Zitat Zum Seitenanfang
Hallo Zusammen,

danke fürs reinschauen Lächel

Stehe gerade vor einem Problem und zwar habe ich eine Tabelle die text-align left ist, also alle Elemente stehen links.
Das ist eigentlich auch ok, weil die Schrift Linksbündig sein soll, doch die Bilder sollen zentriert dargestellt werden.

Ist das möglich wenn ja wie?

Ich habe schon echt einiges probiert, finde aber keine Lösung, ausser die Bilder per ID anzusprechen und mit margin zu positionieren, das ist aber nicht gut, weil die dann auf jeder Bildschirmauflösung anders stehen.

Hier mal der Code...


Code:
<table id="SpecialCategoryTable" class="filterable dataTable" aria-describedby="SpecialCategoryTable_info">
<thead>
<tr role="row">
<th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="SpecialCategoryTable" rowspan="1" colspan="1" style="width: 20%;" aria-label=" Bezeichnung : activate to sort column ascending"> Bezeichnung </th>
<th class="sorting" role="columnheader" tabindex="0" aria-controls="SpecialCategoryTable" rowspan="1" colspan="1" style="width: 35%;" aria-label=" Bemerkung : activate to sort column ascending"> Bemerkung </th>
<th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 20%;" aria-label=" Platzkategorie bearbeiten "> Platzkategorie bearbeiten </th>
<th class="sorting_disabled" role="columnheader" rowspan="1" colspan="1" style="width: 20%;" aria-label=" Platzkategorie stornieren "> Platzkategorie stornieren </th>
</tr>
</thead>
<tbody role="alert" aria-live="polite" aria-relevant="all">
<tr class="odd">
<td class=" sorting_1">Kinder</td>
<td class="">Sonderplätze</td>
<td class="">
<button id="pencil" onclick="OpenSpecialDialog('3ba2b858-a573-40fd-b86e-dfb35c800fee')" align="center">
<img width="16" height="16" align="top" alt="EditDetails" src="http://localhost:41850/Content/Images/pencil2.png" title="Platzkategorie bearbeiten">
</button>
</td>
<td class="">
</tr>

</tbody>
</table>


Es wäre noch zu erwähnen, dass es sich hierbei um eine Webapplication handelt, und die Tabelle automatisch generiert wird. Habe den Code mit Firebug kopiert. Ich kann z.B. einer TD nicht eine align center geben, weil sie automatisch erzeugt wird. *Schnief*

Hier wäre für Pencil die CSS Deklaration:

Code:
#pencil {
background-color:transparent;
border:none;
cursor: pointer;
text-align:center;
margin-left:0px;
}



Egal wo ich Center einsetze, es bringt einfach nichts....

Würde mich über eine Hilfe sehr freuen.

Danke

Zuletzt bearbeitet von ginobranco am Fr 05.10.2012 13:10, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
lefoff

Dabei seit: 27.09.2006
Ort: KL
Alter: 39
Geschlecht: Männlich
Verfasst Fr 05.10.2012 15:03
Titel

Antworten mit Zitat Zum Seitenanfang
Ist es immer die dritte Spalte, die zentriert werden soll? Dann wäre nth-child was für dich.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
DEKONSTRUKTIV

Dabei seit: 22.06.2009
Ort: bln
Alter: -
Geschlecht: -
Verfasst Fr 05.10.2012 15:24
Titel

Antworten mit Zitat Zum Seitenanfang
ich würd jetz ersma versuchen, den img n margin: 0 auto zu geben
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen maindiv zentrieren mit 3 unterdivs auf float left
bild zentrieren
[CSS] Bild + Text vertikal zentrieren?
GoLive Raster ohne weißen Rand oder Head-Bild zentrieren?
DIV align=center in CSS
[CSS] vertical-align: middle
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB