Datenschutzerklärung

Wie Überschrift in einer Tabellenzell zentrieren?

Validome - Forum

 Startseite Validome
RSS 2.0  
Sie sind nicht angemeldet. Atom 1.0  
Forum Home / HTML und XHTML-Forum /

Wie Überschrift in einer Tabellenzell zentrieren?

   Beitrag schreiben
Autor
Beitrag Seiten: 1
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Hi!

Und wieder habe ich eine Frage an die Experten. :-)

Ich möchte in einer Tabellenzelle die Überschrift eines Textes zentriert darstellen. Die üblichen Tags <center> und <div style="text-align:center;"> sind jedoch nicht erlaubt. Also kam ich auf die Idee in <span style=...> zu benutzen. Das funktioniert bis auf die Zentrierung auch ganz gut, doch auch hier is text-align:center; nicht erlaubt.

Aktuelle sieht das ganze so aus:

Code:

<td class="row1" align="left"><span class="gensmall">
  <span style="font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; 
  font-size:1.8em; 
  line-height:2.0em; 
  font-weight:bold; 
  color:#767676; 
  text-decoration:underline;">Überschrift</span><br /><br />normaler Text
</td>

Nun bräuchte ich die rettende Idee. %-)

Bye/2

Beitrag geändert von Dungeonwatcher (27.08.2006 13:03:36)

_______________________________________
Gibt es einen Virenscanner der Windows erkennt?
27.08.2006 13:02:47
http://www.dungeon-bbs.de/forum/ Zitieren
HTMELL
Administrator

Registriert: 11.05.2006
Beiträge: 544
Hallo,

Code:

<td class="row1" align="center"><span class="gensmall">
  <div style="font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; 
    font-size:1.8em; 
    line-height:2.0em; 
    font-weight:bold; 
    color:#767676; 
    text-align:left;
    text-decoration:underline;"
   >Überschrift</div>
   <br /><br />normaler Text</span>
</td>



_______________________________________
mfg
Thomas Mell

www.validome.org
27.08.2006 13:26:32
  Zitieren
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Gerade das wird ja von allen Validatoren bemängelt:

div ist an dieser Stelle nicht erlaubt. Es fehlt ein `object`, `applet`, `map`, `iframe`, `button`, `ins`, `del` Tag.

_______________________________________
Gibt es einen Virenscanner der Windows erkennt?
27.08.2006 14:12:50
http://www.dungeon-bbs.de/forum/ Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Hi.
Da es sich um eine Überschrift handelt, würde ich auch ein entsprechendes Tag verwenden.

Code:

<td><h3 style="text-align:center;">Überschrift</h3></td>

Viel Spaß noch...

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
27.08.2006 18:19:12
http://dkmd.de | http://dkdenz.de Zitieren
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Den Spaß habe ich noch...  %-)

Aber auch das funktioniert leider nicht:

h3 ist an dieser Stelle nicht erlaubt. Es fehlt ein `object`, `applet`, `map`, `iframe`, `button`, `ins`, `del` Tag.

Code:

<td class="row1" align="left"><span class="gensmall">
  <h3 style="font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  color:#767676; 
  text-align: center;
  text-decoration:underline;">Überschrift</h3>
</td>



Beitrag geändert von Dungeonwatcher (27.08.2006 19:13:13)

_______________________________________
Gibt es einen Virenscanner der Windows erkennt?
27.08.2006 19:12:52
http://www.dungeon-bbs.de/forum/ Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Validiere das mal, denn das ist valide:

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Dokumenttitel</title>
<style type="text/css">
/*<![CDATA[*/
table{width:400px;height:400px;border:1px dotted #000;}
td{border:1px dotted #ccc;vertical-align:top;}
h3{text-align:center;}
/*]]>*/
</style>
</head>
<body>
<table>
  <tbody>
    <tr>
      <td><h3>&Uuml;berschrift</h3></td>
    </tr>
  </tbody>
</table>
</body>
</html>

Dein span stört irgendwie... ;-)

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
27.08.2006 20:10:52
http://dkmd.de | http://dkdenz.de Zitieren
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Jupp, feinst valide. Nur bekomme ich es bei mir einfach nicht hin. :-(

Wirf bitte mal einen Blick auf mein Portal.

http://dungeon-bbs.homeip.net/forum/portal.php

So wie es jetzt ist, ist es zwar valide, aber die graue Überschrift nicht in der Mitte.

_______________________________________
Gibt es einen Virenscanner der Windows erkennt?
27.08.2006 20:39:19
http://www.dungeon-bbs.de/forum/ Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Hier in Deiner fiblack.css folgendes hinzufügen:

Code:

/* General text */
.gensmall {
    font-size: 10px;display:block;width:100%;text-align:center;
}

Obwohl ich es nicht gutheissen kann, aus einem span ein Blockelement zu machen... ;-)

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
27.08.2006 21:05:27
http://dkmd.de | http://dkdenz.de Zitieren
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
<grins> Das funktioniert aber leider auch nicht. Das text-align:center; wird einfach ignoriert.  :-(

_______________________________________
Gibt es einen Virenscanner der Windows erkennt?
27.08.2006 22:10:00
http://www.dungeon-bbs.de/forum/ Zitieren
dkdenz
Administrator

Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
Hm, seltsam, vorhin ging das bei mir aber...
Probiere mal das hier, allerdings ist dann nicht nur die 'Überschrift' zentriert:

Code:

/* Main table cell colours and backgrounds */
.row1 {
    background: #272727;text-align:center;
}

Ich würde sowieso dafür plädieren, für eine 'Überschrift' auch ein entsprechendes Tag zu benutzen.
Für meinen Geschmack sind da zu viele unsinnige span's und Zeugs drinnen.
h1 bis h6 und p benutzen ist tatsächlich sinnvoller.
Zudem finde ich, das es nicht sehr toll aussieht, wenn die 'Überschrift' zentriert ist, aber der Rest linksbündig.

_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
27.08.2006 22:24:23
http://dkmd.de | http://dkdenz.de Zitieren
Dungeonwatcher
Mitglied

Ort: Berlin
Registriert: 08.11.2005
Beiträge: 105
Danke für eure Hilfe. ich hab's nun endlich hinbekomen. <freu>

Ich habe in das entsprechende Template nun umgeschrieben und die Überschrift in den bisher leeren Tabellenkopf verfrachtet. Nun ist sie zentriert und außerdem das ganze valide. <freu> :-)

Bleibt jetzt nur nach ein Problem, welches ich im anderen Thread angesprochen habe. %-)

_______________________________________
Gibt es einen Virenscanner der Windows erkennt?
27.08.2006 22:41:39
http://www.dungeon-bbs.de/forum/ Zitieren
Seiten: 1   Beitrag schreiben
Wechsel zu

Die letzten Beiträge aus diesen Forum

Valid HTML 4.01