JLI Spieleprogrammierung Foren-Übersicht JLI Spieleprogrammierung

 
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen 
 medals.php?sid=66b1cff965533c633a28a42b01e0bf9fMedaillen   RegistrierenRegistrieren   ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

HTML 4.01 Strict und CSS

 
Neues Thema eröffnen   Neue Antwort erstellen    JLI Spieleprogrammierung Foren-Übersicht -> Entwicklung
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
AFE-GmdG
JLI MVP
JLI MVP


Alter: 45
Anmeldedatum: 19.07.2002
Beiträge: 1374
Wohnort: Irgendwo im Universum...
Medaillen: Keine

BeitragVerfasst am: 07.07.2003, 21:12    Titel: HTML 4.01 Strict und CSS Antworten mit Zitat

Hallo, Leute!

Ich habe mal eine sehr spezielle Frage zu HTML 4.01 Strict in Verbindung mit CSS.
Für alle, die es nicht wissen, in HTML 4.01 Strict sind keine Attribute außer class="..." sowie für Links und Bilder die href-Angaben erlaubt.
Die Formatierung der Elemente erfolgt komplett über Cascade Style Sheet.

Nun meine Frage: Was muß ich der Klasse table hinzufügen, damit ich die Tabelle zentriert dargestellen kann, so als ob ich <table align="center"> eingeben würde? (was ja laut HTML 4.01 Strict nicht erlaubt ist)

Test.html
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <title>Titel</title>
    <link rel="stylesheet" type="text/css" href="format.css">
  </head>
  <body>
    <table>
      <tr>
        <td>Testtext 1</td>
        <td>Testtext 2</td>
      </tr>
      <tr>
        <td>Testtext 3</td>
        <td>Testtext 4</td>
      </tr>
    </table>
  </body>
</html>

format.css
Code:

table
{
  width: 80%;
  float: none;
  border: gray thin solid;
  table-layout: fixed;
  text-align: center;
}


Hoffe, das mir jemand mit HTML / CSS-Kentnissen weiterhelfen kann.

AFE-GmdG
_________________
CPP:
float o=0.075,h=1.5,T,r,O,l,I;int _,L=80,s=3200;main(){for(;s%L||
(h-=o,T= -2),s;4 -(r=O*O)<(l=I*I)|++ _==L&&write(1,(--s%L?_<(L)?--_
%6:6:7)+\"World! \\n\",1)&&(O=I=l=_=r=0,T+=o /2))O=I*2*O+h,I=l+T-r;}
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Mr.X
Junior JLI'ler



Anmeldedatum: 15.04.2003
Beiträge: 88

Medaillen: Keine

BeitragVerfasst am: 08.07.2003, 11:39    Titel: ... Antworten mit Zitat

Die Tabelle innerhalb eines <div>-Tags schreiben, welches Du mit CSS formatierst (text-align:center;).
Das dürfte mit "Strict" konform gehen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
AFE-GmdG
JLI MVP
JLI MVP


Alter: 45
Anmeldedatum: 19.07.2002
Beiträge: 1374
Wohnort: Irgendwo im Universum...
Medaillen: Keine

BeitragVerfasst am: 08.07.2003, 12:13    Titel: Antworten mit Zitat

Hab ich leider schon probiert. Text, der innerhalb von Div erscheint, ist auch Zentriert, aber die Tabelle leider nicht.
_________________
CPP:
float o=0.075,h=1.5,T,r,O,l,I;int _,L=80,s=3200;main(){for(;s%L||
(h-=o,T= -2),s;4 -(r=O*O)<(l=I*I)|++ _==L&&write(1,(--s%L?_<(L)?--_
%6:6:7)+\"World! \\n\",1)&&(O=I=l=_=r=0,T+=o /2))O=I*2*O+h,I=l+T-r;}
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
DarK
Super JLI'ler



Anmeldedatum: 23.07.2002
Beiträge: 452
Wohnort: NRW
Medaillen: Keine

BeitragVerfasst am: 08.07.2003, 20:10    Titel: Antworten mit Zitat

versuchs mal mit

Code:

vertical-align:middle;


bin mir aber nicht sicher,
hf gl
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden
Mr.X
Junior JLI'ler



Anmeldedatum: 15.04.2003
Beiträge: 88

Medaillen: Keine

BeitragVerfasst am: 08.07.2003, 21:01    Titel: ... Antworten mit Zitat

Zitat:
versuchs mal mit
vertical-align:middle;


????????
vertical != horizontal also was soll der Post?


...

Ich habs grad mal probiert mit nem <div>-Tag und text-align. Ebenso mit der Tabelle innerhalb einer zweiten Tabelle zur Ausrichtung.
Nach "Strict" zeigt bei mir lediglich der IE das gewünschte Ergebnis, der Netscape z.B. schon nicht mehr (bei beiden Varianten)!
Mit CSS-Positionsangaben kam ich auch nicht weiter (zumindest nicht, wenn die Tabellenbreite variabel sein soll).
Und ein CSS-Attribut, welches den Inhalt mittig ausrichtet, wenn es sich NICHT um Text handelt, ist mir nicht bekannt.

Solltest Du eine Lösung gefunden haben, dann poste sie hier bitte. Interessiert mich auch!

mfG
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
AFE-GmdG
JLI MVP
JLI MVP


Alter: 45
Anmeldedatum: 19.07.2002
Beiträge: 1374
Wohnort: Irgendwo im Universum...
Medaillen: Keine

BeitragVerfasst am: 09.07.2003, 09:50    Titel: Antworten mit Zitat

Die einzige Lösung, die mir einfällt, ist der Tabelle 3 Spalten zu geben, die erste mit 10% breitem, die zweite mit 80% und die dritte wieder mit 10%. Dann wäre die mittlere Spalte mittig angeordnet - aber ich müßte den Ramen dieser Tabelle unsichtbar machen und für den sichtbaren Teil eine neue Tabelle in der Mittleren Spalte mit ensprechenden Rahmen definieren.
(noch ungetestet, aber ich werd's jetzt so machen.)
Als alternative bliebe mir wohl nur, auf <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> auszuweichen, obwohl ich das eigendlich nicht will.
Wenn mir noch was passenderes einfällt sag ich natürlich bescheid.

AFE-GmdG
_________________
CPP:
float o=0.075,h=1.5,T,r,O,l,I;int _,L=80,s=3200;main(){for(;s%L||
(h-=o,T= -2),s;4 -(r=O*O)<(l=I*I)|++ _==L&&write(1,(--s%L?_<(L)?--_
%6:6:7)+\"World! \\n\",1)&&(O=I=l=_=r=0,T+=o /2))O=I*2*O+h,I=l+T-r;}
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden E-Mail senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    JLI Spieleprogrammierung Foren-Übersicht -> Entwicklung Alle Zeiten sind GMT
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de

Impressum