Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Tabelle zentrieren mit CSS?

Empfohlene Antworten

wie kann ich eine Tabelle mit CSS zentrieren?

ich finde keinen Befehl dazu!

in HTML lautet dies: <table align="center">, wie das in CSS?


<div style="height: 100%; width: 100%; text-align: center">

  <table>

    <tr>

      <td>abc</td>

    </tr>

  </table>

</div>

@kills

Die Variante funktioniert allerdings nur mit dem IE...

So funktionierts auch mit anderen Browsern:

<style type="text/css">
body { text-align:center; }
table { margin-left:auto; margin-right:auto; }
th,td { text-align:left; }
</style>[/php]

Bei mir funktioniert das Beispiel nicht.

Die Tabelle wird einfach nicht zentriert. Oder liegt es vielleicht an dem Webserver XAMPP, wo ich auf meinem PC installiert habe, um das mit CSS zu testen?

egal ob Firefox oder IE.

und im Firefox werden die Farben nicht richtig angezeigt, da wird was anderes angezeigt. Irgendwie stimmt die Linkfarbe in Tabellen nicht. Dazu habe ich auch keine Erklärung, warum das nicht geht.

Ich habe die Linkfarben definiert. Ich programmiere nämlich mit PHP und diese DAtein werden CSS fähig gemacht. Kann das sein, das da PHP Probleme damit hat?

soweit ich weiß hat firefox nur Probleme mit Farbangaben wie z.B. Grey.

Werden die Farben aber korrekt definiert, dann lüppts auch mit der Farbe :)

PHP ist sicherlich nicht dein Problem

ich habe die Farbe mit Hexadezimalcode definiert, das passt ja.

ich werde mich weiter in das Thema CSS einlesen, vielleicht finde ich das irgendwo.

welche Sites sind denn gut zum Lernen für CSS?

Bei mir geht das so:

<html>
<head>
<title>Titel</title>
<style type="text/css">
body { text-align: center; }
table { margin-left: auto; margin-right: auto; }
td, th { text-align: left; }
</style>
</head>
<body>
<table>
<tr>
<td>123</td>
</tr>
</table>
</body>
</html>[/php]

Zur Linkfarbe:

Wie hast du sie definiert?


a:link

{

 color:#0000FF;

}

a:visited

{

 color:#0000FF;

}

a:hover

{

 color:#0000FF;

}

a:active

{

 color:#0000FF;

}

Dazu muss ich noch sagen, die Links sind in einem Auswahlmenu, das in einer Tabelle eingebettet sind.

kann man überhaupt 2 verschiedene CSS-Dateien in eine PHP-Datei einbinden? Ich habe die beiden Links zu der CSS-Datei hintereinander geschrieben.

Mh, beim Auswahlmenü kannst du nicht direkt die Links definieren, sondern nur den HG des Menüs:

select { background: #00f; }

Zwei CSS-Dateien gehen nur, wenn sie sich nicht überschneiden, sprich dort z. B. nicht zweimal z. B. a { } (mit Inhalt) drinsteht, es sei denn, du arbeitest mit Klassen bzw. verschiedenen Medientypen (http://de.selfhtml.org/css/formate/einbinden.htm#link_media).


a:link

{

 color:#0000FF;

}

a:visited

{

 color:#0000FF;

}

a:hover

{

 color:#0000FF;

}

a:active

{

 color:#0000FF;

}

Ein einfaches

a {

  color: blue;

}

reicht.
kann man überhaupt 2 verschiedene CSS-Dateien in eine PHP-Datei (richtig: HTML-Datei, Anm. dersheriff) einbinden? Ich habe die beiden Links zu der CSS-Datei hintereinander geschrieben.
Ja, man kann beliebig viele Stylesheets einbinden. Falls ein Attribut eines Elementes noch einmal definiert wird, wird die letzte Zuweisung genommen:

a {

  color: blue;

}

a {

  color: red;

}

Der a-Tag wird rot dargestellt.

Gruß, Tobias

@dersheriff

Das mit der Verkürzung ist richtig (was du nicht erwähnt hattest ist, dass man die Farbangaben auch verkürzen kann), hatte ich aber außen vor gelassen, weil a beim Dropdownmenü (was ich unter der Bezeichnung Auswahlmenü vermute) nicht interpretiert wird, hier gehts mit

select { color: #00f; }

und wenn das in einer Tabellenform ist? geht denn da die Linkfarbe?

Irgendwie bin ich jetzt leicht verwirrt...wie ist jetzt genau dein (bisheriger) Quelltext in der HTML- bzw. CSS-Datei?

Auszug aus der PHP-Datei


echo "<table>";
echo "<tr>";
echo "<td><a href="hallo.php">Hallo</a></td>";
echo "</tr>";
echo "</table>";
[/PHP]

Auszug aus der CSS-Datei

[code] table { background: #C0C0C0; font-family:Arial; font-size:14px; color: #0000ff; } td { text-align: center; /*background: #A0A0A0; */ } th { text-align: center; /*background: #A0A0A0;*/ } /* Hintergrund-/ Textfarbe und Schriftart/ -größe festgelegt */ body { background: #FFFFFF; color: #0000FF; font-family: Arial; font-size: small; } /* Linkfarbe festgelegt */ a:link { color:#0000FF; } a:visited { color:#0000FF; } a:hover { color:#0000FF; } a:active { color:#0000FF; } h3 { text-align: center; } p.center { text-align: center; } p.justify { text-align: justify; } [/code]

Das ist jetzt der Quelltext, habe den verkürzt.

und kann ich dir jetzt damit helfen?

Du verwendest bei body, table und a im CSS dieselbe Farbe (color: #0000ff; ), weshalb auch keine Farbänderung sichtbar sein kann...

ich möchte ja, das überall die gleiche Farbe beim Text verwendet wird, bloß wird es in der Tabelle bei den Links nicht übernommen. Ich weis leider nicht warum?

Probiers mal so via CSS:

td a { color: #00f; }

echo "<table>";
echo "<tr>";
echo "<td><a href="hallo.php">Hallo</a></td>";
echo "</tr>";
echo "</table>"; [/php]

Kann eigentlich nicht funktionieren, weil du die " innerhalb von echo escapen, sprich so schreiben musst:

[php]echo "<td><a href=\"hallo.php\">Hallo</a></td>";

Probiers mal so via CSS:

td a { color: #00f; }

echo "<table>";
echo "<tr>";
echo "<td><a href="hallo.php">Hallo</a></td>";
echo "</tr>";
echo "</table>"; [/php]

Kann eigentlich nicht funktionieren, weil du die " innerhalb von echo escapen, sprich so schreiben musst:

[php]echo "<td><a href=\"hallo.php\">Hallo</a></td>";

oder das ganze so schreiben:


?>
<table>
<tr>
<td><a href="hallo.php">Hallo</a></td>
</tr>
</table>
<?php
[/PHP]

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.