Nicht Valide CSS

PHP, Ajax, CSS, HTML, Javascript
Eben für die wirklich Harten, die alles selber machen.
Antworten
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Nicht Valide CSS

Beitrag von KeineAhnung »

Ich habe Folgende Sachen in meiner CSS stehen:

Code: Alles auswählen

body {
background-color : #000000;
}
a {
font-size : 10px;
color : #ffffff;
font-family : arial;
}
a:link {
text-decoration : none;
}
a:visited {
text-decoration : none;
}
a:active {
text-decoration : none;
}
a:hover {
text-decoration : none;
}
.impressum {
background-color : #000000;
}
p {
font-size : 10px;
color : #ffffff;
font-family : arial;
}
und der CSS Validator von W3 sagt mir das die folgende sache falsch ist:

Code: Alles auswählen

21 	  	Ungültige Nummer : top nur 0 kann ein length sein. Nach der Zahl muß eine Einheit stehen. : 50
Aber 1. auf der Zeile 21 ist nichts falsch und merh weis ich auch nicht :( kann mir jemand helfen, ich kenn mcih nicht so gut aus in CSS, und bei W3 ist alles in englisch und ncith jeder ist noch in der schule und kann das nicht lesen >_< :P

schonmal danke zum Validiren ;)
Zuletzt geändert von KeineAhnung am Sa 18.Aug, 2007 17:45, insgesamt 1-mal geändert.
Benutzeravatar
Giga4000
Beiträge: 181
Registriert: Sa 26.Nov, 2005 09:19
Wohnort: Hamburg
Kontaktdaten:

Beitrag von Giga4000 »

Also wenn ich den Code validieren lasse, wird kein Fehler gefunden!

Edit: Nur zur Info: Bei den Farben Weiß (#FFFFFF) und Schwarz (#000000) reicht es wenn du nur die ersten drei Buchstaben angibst: #FFF, #000
Zuletzt geändert von Giga4000 am Sa 18.Aug, 2007 17:57, insgesamt 1-mal geändert.
Site: www.mx-forums.de - New!
phpBB MODs: Click Here
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

oh, thx, aber wenn ich die datei (also nicht eingeben) validieren lasse kommt der fehler:

http://jigsaw.w3.org/css-validator/vali ... e/500.html
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Also zunächst sollte die CSS-Datei gekürzt werden, wie nachfolgend geschehen.
Dazu die Definitionen eingerückt, um sie besser lesbar zu machen (nicht nur für das menschliche Auge ;) ).
Und zuletzt die Schriftarten so angeben, wie sie auf dem Rechner des Users im Normalfall vorzufinden sind. Also "Arial" eben gross- und nicht kleingeschrieben.
Kann dann je nach Browser zu einer Ersetzung der Schrift und damit zur Zerstörung des Layouts führen.
Auch empfiehlt es sich, immer weitere Schriften als Alternative anzubieten, die der Browser dann nach und nach prüft, sofern (von links nach rechts) eine Schrift nicht vorhanden ist.
Ich habe das ebenfalls mal ergänzt:

Code: Alles auswählen

body {
	background-color: #000000;
}

a {
	font-size: 10px;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}

.impressum {
	background-color: #000000;
}

p {
	font-size: 10px;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
Dieses als Code oder Datei erzeugt bei mir dazu keine CSS-Validate-Fehler...
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

thx, die sieht gut aus, aber jetzt ist mir erst aufgefallen das der nicht über die CSS schümpft, sondern über die seite wo die eingebunden ist, da kann der wohl das:

Code: Alles auswählen

style="position: relative; top 50;"
nicht leiden, habe ich dadrin irgendwas falsch gemacht ?
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Nimm doch mal nach "relativ" das Semikolon weg ;)
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

dann kommen noch mehr errors dadurch xP:

Code: Alles auswählen

22 	  	Ungültige Nummer : position Versuche ein Semikolon vor dem Eigenschaftsnamen zu finden. Füge es hinzu.
22 		Ungültige Nummer : top nur 0 kann ein length sein. Nach der Zahl muß eine Einheit stehen. : 50
Quelltext der Seite auf http://ultimatik.de/500.html angucken wenn nötig ^^
Zuletzt geändert von KeineAhnung am Sa 18.Aug, 2007 22:02, insgesamt 1-mal geändert.
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Öhm, mal so nebenbei gefragt:
Wo soll denn das Image hin?
Ist es denn so nicht korrekt?
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

ja doch, und der normale Validator meldet auch keine Fehler :wall:
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Also warum dann anstelle

Code: Alles auswählen

<img style="position: relative top: 50;" src="500.png" border="0" width="815" height="611" alt="500 Error">
nicht einfach

Code: Alles auswählen

<img src="500.png" border="0" width="815" height="611" alt="500 Error">
verwenden?
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

achja xD das geht ja auch :pfff

thx ^^
Benutzeravatar
Giga4000
Beiträge: 181
Registriert: Sa 26.Nov, 2005 09:19
Wohnort: Hamburg
Kontaktdaten:

Beitrag von Giga4000 »

Nochmal zu dem Fehler:

Code: Alles auswählen

style="position: relative; top 50;"
Bei top 50; fehlt erstens der Doppelpunkt und zweitens die Einheit hinter dem Wert, also Prozent, Pixel etc.
Site: www.mx-forums.de - New!
phpBB MODs: Click Here
JaneDoe
Beiträge: 230
Registriert: Sa 16.Jul, 2005 12:18

Beitrag von JaneDoe »

[quote="oxpus";p="75898"]Nimm doch mal nach "relativ" das Semikolon weg ;)[/quote]

Sollte da nicht eigentlich immer ein ; stehen?

Code: Alles auswählen

style="position: relative top 50;"

ist imo nicht korrekt.
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Position kennt mehrere Werte, aber top ist nicht dabei, wie ich erfahren habe.
Und da das Image auch ohne den Style-Eintrag korrekt sitzt, ist das Thema ja dann wohl durch, oder?
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

ein neues themer zu eröffnen wäre unnötig dachte ich mir wos ja eh hierzu passt ^^:

dies ist ein selbstgebauter teil meiner CSS:

Code: Alles auswählen

  .valide {
  font-size: 0.6em;
  display: block;
  padding: 0.2em;
  font-weight: bold;
  }
  .valide a:link {
    color: black; background-color: #eee;
  }
  .valide a:visited {
    color: #666; background-color: #eee;
  }
  .valide a:hover {
    color: black; background-color: white;
  }
  .valide a:active {
    color: white; background-color: gray;
  }
und wenn ich dann im HTML Teil den Code:

Code: Alles auswählen

      <a class="valide" href="http://validator.w3.org/check?uri=referer">Valide XHTML 4.01</a>
hinzufüge ist der nur vom 1 abschnitt der CSS formatiert:

Code: Alles auswählen

 .valide {
  font-size: 0.6em;
  display: block;
  padding: 0.2em;
  font-weight: bold;
  }
der rest der CSS (nur von dem abschnitt den ich hier gepostet habe) wird nur ignoriert, was habe ich falsch gemacht ???
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Code: Alles auswählen

  color: white; background-color: gray;
gray muss grey heissen.

Und um das zu verwenden, must Du a.valide... definieren.
Damit wäre .valide und a "falsch".
Halt immer schauen, wo eine Klasse eingesetzt wird.
Ist ein Element von hause aus schon definiert, muss man die Klasse da drinnen mit definieren.
Also der Anker a wäre nach Deiner Definition bereits formatiert, dann zieht .valide nicht mehr.
Also entweder .valide weglassen, besser aber a.valide definieren, weil sonst jeder Link formatiert wäre und das kann schon mal zu unerwünschten Nebenwirkungen führen (so weiß auf weiß z. B. ist kaum sichtbar ;)).
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

leider nichts passiert :'(, ich hänge mal den rohbau der seite an :D:

unten im footer ist der W3C validierungs link der so wie ein normaler link aussieht.
Zuletzt geändert von KeineAhnung am Mo 02.Jun, 2008 13:13, insgesamt 1-mal geändert.
Benutzeravatar
Giga4000
Beiträge: 181
Registriert: Sa 26.Nov, 2005 09:19
Wohnort: Hamburg
Kontaktdaten:

Beitrag von Giga4000 »

So sollte es funktionieren:
Dateianhänge
index.rar
(1.33 KiB) 102-mal heruntergeladen
Site: www.mx-forums.de - New!
phpBB MODs: Click Here
Benutzeravatar
oxpus
Administrator
Beiträge: 28737
Registriert: Mo 27.Jan, 2003 22:13
Wohnort: Bad Wildungen
Kontaktdaten:

Beitrag von oxpus »

Ich weis gar nicht, was Du hast, funktioniert im FF und IE7 alles perfekt...
Karsten Ude
-={ Das Mädchen für alles }=-
Kein Support per Messenger, Email oder PN! Unaufgeforderte Nachrichten werden ignoriert!
No support per Messenger, Email or PM. Each unasked message will be ignored!
Benutzeravatar
Giga4000
Beiträge: 181
Registriert: Sa 26.Nov, 2005 09:19
Wohnort: Hamburg
Kontaktdaten:

Beitrag von Giga4000 »

Ich weis gar nicht, was Du hast, funktioniert im FF und IE7 alles perfekt...
Hmm, also bei mir wurde der Link bei der ersten Version nur ganz normal dargestellt (Firefox & IE6).
Bei meiner Version funktioniert die Formatierung und der Mouseover von dem Link bei beiden Browsern!
Site: www.mx-forums.de - New!
phpBB MODs: Click Here
Benutzeravatar
KeineAhnung
Beiträge: 349
Registriert: Di 29.Mai, 2007 17:35
Wohnort: NRW
Kontaktdaten:

Beitrag von KeineAhnung »

[quote="Giga4000";p="76192"]
Ich weis gar nicht, was Du hast, funktioniert im FF und IE7 alles perfekt...
Hmm, also bei mir wurde der Link bei der ersten Version nur ganz normal dargestellt (Firefox & IE6).
Bei meiner Version funktioniert die Formatierung und der Mouseover von dem Link bei beiden Browsern![/quote]

jo, bei deiner vesion funktioniert alles so wie's soll, thx, und nätürlich auhc thx an oxpus ;)
Antworten