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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 04:15 Benutzername: Passwort: Auto-Login

Thema: CSS-Tabellenproblem vom 17.12.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS-Tabellenproblem
Autor Nachricht
Druckvorstufe
Threadersteller

Dabei seit: 27.03.2004
Ort: RS
Alter: 44
Geschlecht: Männlich
Verfasst Sa 17.12.2011 22:15
Titel

CSS-Tabellenproblem

 Antworten mit Zitat Zum Seitenanfang
Hallo Zusammen,

ich habe ein kleines Layout-Problem und hoffe auf Eure Hilfe.

Ich habe eine wirklich einfache Tabelle gesetzt:

Code:

<table width="100%" cellpadding="0" cellspacing="5" border="0">
<tr>
<td width="100" height="133">Hier kommt ein Bild 100x133px rein</td>
<td valign="middle" height="133">Hier kommt Text rein</td>
</tr>
</table>


Und so sieht das dann am Ende aus:




Warum stehen Bild und Textblock wie eine Treppe versetzt? Ich erwarte, dass durch den Befehl valign der Text Höhe Mittig des Bildes ausgerichtet wird.

Danke für Eure Hilfe, mir raucht echt der Kopf!

Hier die globale CSS-Datei für Tabellen:


Code:

/** Tables **/
table {
   border-collapse:collapse
}

tr, td {
   border:solid 1px #ddd
}

table.weblinks,
table.category {
   margin:10px 10px 20px 0px;
   width:100%;
}

table.weblinks td,
table.category td {
   border-collapse:collapse;
   padding:7px;
}

table.weblinks th,
table.category th {
   padding:7px;
   text-align:left
}

td.num {
   vertical-align:top;
   text-align:left;
}

td.hits {
   vertical-align:top;
   text-align:center
}

td p {
   margin:0;
   line-height:1.3em
}

.display-limit,
.filter {
   text-align:right;

}

tr.cat-list-row1 {
   background-color: rgb(242,242,242);
}

table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
   background: #1a1c2a;
}

table.weblinks th a,
table.newsfeeds th a,
table.category th a,
table.jlist-table th a,
table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th {
   color:#fff
}

table.category th a img {
   border:solid 0px ;
   display: none;
}

table.category th a:hover {
   color: #02a6dc;
}

table.moduletable td,
table.moduletable tr {
   border:0;
}


Zuletzt bearbeitet von Druckvorstufe am Sa 17.12.2011 22:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
mokleini

Dabei seit: 23.12.2007
Ort: deutschland
Alter: -
Geschlecht: Männlich
Verfasst So 18.12.2011 12:30
Titel

Antworten mit Zitat Zum Seitenanfang
bei mir sieht es genauso aus, wie es aussehen soll.

wenn ich aber eine reset.css einfüge, dann sieht alles so aus, wie bei dir.
wahrschienlich liegt es in der rest.css an dieser eigenschaft:
Code:
vertical-align: baseline;


überschreibe diese in deiner css datei, und du solltest ruhe haben;)
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Mo 19.12.2011 11:29
Titel

Antworten mit Zitat Zum Seitenanfang
Lediglich die ersten beiden CSS-Deklarationen greifen für dein Tabellen-Beispiel, wobei die zweite teilweise unsinnig ist.

In deinem Beispiel wird nur auf die zweite Zelle ein vertical-align via valign angewendet.

Davon ab, solltest du sämtliche Attribute durch CSS ersetzen.

Gruß
Karl
  View user's profile Private Nachricht senden
Druckvorstufe
Threadersteller

Dabei seit: 27.03.2004
Ort: RS
Alter: 44
Geschlecht: Männlich
Verfasst Mo 19.12.2011 11:42
Titel

Antworten mit Zitat Zum Seitenanfang
Super! Vielen Dank! Das hat geholfen. Wäre ich nie drauf gekommen!

Wo kann ich denn noch Cellpadding und Cellspacing editieren? Auch hier werden HTML-Definitionen durch die CSS überschrieben...
  View user's profile Private Nachricht senden
Karlarsch

Dabei seit: 05.02.2007
Ort: -
Alter: 58
Geschlecht: Männlich
Verfasst Mo 19.12.2011 12:21
Titel

Antworten mit Zitat Zum Seitenanfang
Die passenden Equivalente sind "padding" (für Tabellenzellen), "border-collapse" und "border-spacing" (für Tabellen).

Gruß
Karl
  View user's profile Private Nachricht senden
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 62
Geschlecht: Männlich
Verfasst Mo 19.12.2011 13:14
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.css4you.de/tableproperty.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Tabellenproblem
tabellenproblem
Tabellenproblem bzw. Frage
Tabellenproblem mit Facebook
CSS / Tabellenproblem ... Hilfe!
Tabellenproblem im IE [Problem gelöst]
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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