• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit style

Status
Für weitere Antworten geschlossen.
kann das sein, dass der mit php nicht klar kommt, denn der meckert, dass eine seite highscore.php?von=0&bis=30 heißt, was aber im php ganz normal ist.

außerdem sieht der "<hr />" als fehler, bzw der mag generell kein />

auch bei den umgeänderten umlauten zeigt er fehler an, wie &auml;

bzw die navigazions leiste soll in etwa so aussehen:

Pennergame Hilfeseite PennerKenner
 
kann das sein, dass der mit php nicht klar kommt, denn der meckert, dass eine seite highscore.php?von=0&bis=30 heißt, was aber im php ganz normal ist.

Ein HTML-Validator erkennt kein PHP zumal PHP vom Server geparst wird. Was an dieser URL falsch ist ist die Kodierung der &'s. Eigentlich müsste es so aussehen im HTML-Quellcode:

Code:
highscore.php?von=0&amp;bis=30

außerdem sieht der "<hr />" als fehler, bzw der mag generell kein />

Du hast weiterhin keinen Doctype angegeben, daher springt der HTML-Validator wie auch jeder Browser in den Quirksmodus um. In diesem wie auch bei allen HTML-Doctypes ist das beenden von einzelnen HTML-Tags mittels / am Ende nicht zulässig. Wenn du <hr /> nutzen willst und der Code valide sein soll müsstest Du einen XHTML-Doctype angeben.

auch bei den umgeänderten umlauten zeigt er fehler an, wie &auml;

Hängt vermutlich ebenfalls mit dem fehlenden Doctype und auch mit dem fehlenden Zeichensatz zusammen.

bzw die navigazions leiste soll in etwa so aussehen:

Pennergame Hilfeseite PennerKenner

Das ist auch in dieser Vorlage eher miserabel implementiert, sieht in meinem Firefox auch etwas merkwürdig aus. Auch dort ist der Quellcode sehr fehlerhaft. Schau dir lieber mal die Grundlagen für CSS-Menüs an:
http://www.css-menü.de/
Tips und Tricks
 
Vielen dank, ich werde jetzt aber offline gehen, und mir das morgen ansehen, aber kannst du mir das mit dem doctyp erklären, bzw wie ich die fehler beheben kann?

mfg
zipper
 
Das mit dem Doctype ist eigentlich relativ einfach erklärt. Es gibt ja verschiedene HTML, XHTML und auch verschiedene CSS Versionen. Um jetzt dem Browser zu sagen, wie er das, was vom Webserver kommt, interpretieren soll, dazu gibt es den Doctype. Fehlt der Doctype, dann schaltet der Browser automatisch in den Quirksmodus, d.h. er versucht eine Art "Minimalstandard" anzuwenden. Da die verschiedenen Browser diesen Minimalstandard interpretieren, bit es da dann auch unterschiedliche Darstellungen der gleichen Inhalte.

Weitere Informationen zum Doctype: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

Gruß thuemmy
 
hab nun folgendes hinzugefügt:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
oder sollte ich das EN durch ein DE ersetzen?
 
wieso wird das jetzt alle so kacke dargestellt?
Pennergame Hilfeseite PennerKenner

ich habe da drei seiten, ganz oben die seite global.php, dann eine hr und die hauptseite, dann wieder eine hr und dann ende.php. aber nun werden die beiden hr's oben angezeigt, obwohl die eine ganz unten sein müsste. wie kann ich das ändern?
 
So einiges ist immernoch falsch. Z.B. gehört das

Code:
<link rel="stylesheet" type="text/css" href="base3.css" />
<link rel="stylesheet" type="text/css" href="v3.css" />

in den head-Bereich.

Außerdem hast du 2 Mal html geöffnet:
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<html>

Weiterhin würde ich dir die Ausgabe des o.g. Validators nahe legen. Solange dein Quellcode nicht wenigstens valide ist lassen sich Fehler in der Darstellung nur ratenderweise lösen.
 
Das XHTML 1.1-Dokument wurde mit dem MIME-Type "text/html" ausgeliefert, was jedoch nicht empfohlen wird.
Ändern Sie bitte den MIME-Type zu "application/xhtml+xml"
ich kann nirgendwo text/html finden ?

Es wurde keine Angabe zur Zeichenkodierung gefunden. Aus diesem Grund wurde UTF-8 verwendet.
wie mache ich das denn?

im Element table ist das Attribut `background` nicht erlaubt.
wieso das?

Im Element td ist das Attribut `width` nicht erlaubt.
Ich versteh das alles nicht :(
 
Zuletzt bearbeitet:
ich kann nirgendwo text/html finden ?

Das wird auch im header der Seite geschickt, nur sichtbar wenn du auch den header mal abfragst. Um das Problem zu lösen würde es schon reichen einen anderen Doctype zu verwenden, z.B. xhtml 1.0 transitional.

wie mache ich das denn?

Zeichensatz als meta-Tag angeben. Steht ebenfalls bei selfhtml.

background und width sind HTML-Attribute die man in xhtml nicht verwenden sollte. Nutze stattdessen CSS um Gestaltungen wie Hintergrundbilder festzulegen.
 
ok, aber wie mache ich denn nun das mit css, dass der style nur bei einer tabelle wirkt, ich habe es mit <div id="navigation"> probiert, es geht aber nicht, btw jetzt ist der hintergrund überall so, wie er eigentlich nur da sein sollte.

ich habe nun die zeichencodierung festgelegt.

danke schonmal, dass ihr mir geholfen habt ;)

und welchen Content-Type würdet ihr mir empfehlen?
 
ok, aber wie mache ich denn nun das mit css, dass der style nur bei einer tabelle wirkt, ich habe es mit <div id="navigation"> probiert, es geht aber nicht
Dazu kann man Selektoren oder IDs oder Klassen verwenden. Das, was Du da geschrieben hast, ist eine ID (aber keine Tabelle, wie Du sagst).

Due hast folgende Möglichkeiten, beispielsweise:

Code:
<table id="Bundesliga1">

table#Bundesliga1 {
...
}
Das ist eine ID. Nur für Tags mit Namen "table" und der ID (kenntlich gemacht durch das "#") mit Namen "Bundesliga1" gilt diese Angabe im Stylesheet. Du könntest auch "table" im CSS weglassen, dann gilt das für alle Elemente mit der ID, auch für nicht-tables.

Code:
<ul id="Liste">
  <li class="typ1">...</li>
  <li class="typ1">...</li>
  <li class="typ2">...</li>
  <li class="typ3">...</li>
  <li class="typ3">...</li>
</ul>

.typ1 {
...
}
li.typ2 {
...
}
ul#Liste li.typ3 {
...
}
Hier definierst Du mit ".typ1" alle Elemente der Klasse (über den Identifikator ".") mit Namen "typ1".
Mit "li.typ2" machst Du Angaben für alle Elemente "li" mit der Klasse "typ2".
"ul#Liste li.typ3" hingegen gilt für alle Elemente "li" mit der Klasse "typ3", die unterhalb des Elements "ul" mit der Id "Liste" liegen. Das ist ein Selektor.

Es gibt noch einige Möglichkeiten mehr, lies Dich mal ins Thema ein.
 
nun hab ich es mal so probiert:
Code:
*[typ|=nav] {
a {
      display:block;
      color:#000;
      width:90px;
      padding:7px;
      font-size:14px;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      background-image:url(background/back_button_frame.png);
      }
   a:hover {
      display:block;
      color:#000;
      background-image:url(background/back_button_frame_.png);
      }
}
Und in der Menülieste dann:
Code:
<span typ="nav">
MEINE LINKGS
</span>
aber es geht immer noch nicht :(

und das mit table hab ich nicht ganz verstanden,

wenn ich
Code:
<table id="navigation">
table#navigation {

a {

      display:block;

      color:#000;

      width:90px;

      padding:7px;

      font-size:14px;

      font-family:Verdana, Arial, sans-serif;

      font-weight:bold;

      text-decoration:none;

      text-align:center;

      background-image:url(background/back_button_frame.png);

      }

   a:hover {

      display:block;

      color:#000;

      background-image:url(background/back_button_frame_.png);

      }

}
Probiere weiß ich nicht, was ich dann bei der menüleiste machen muss.
 
nun hab ich es mal so probiert:
<span typ="nav">

Es gibt im span-Tag kein Attribut namens "typ". Du kannst nicht einfach was neues definieren.

Und Dein Code mit der Tabelle ist gemischt und unvollständig und fehlerhaft.
Außerdem sind Tabellen für tabellarische Daten, nicht aber für Menüs. Die zeichnet man als Liste aus.

Außerdem verschachtelst Du da immer irgendwas, das geht auch nicht.
Code:
table#navigation {
a {
Sowas z.B. Du musst table#navigation erst wieder schließen, bevor Du a aufmachst.

Wenn Du Links innerhalb der Tabelle definieren wllst, muss es heißen:
Code:
table#navigation a {
...
}
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben