Hauptseite des Portals Home Seitendesigns XHTML Seite XHTML - CSS Seite XHTML - CSS Menü

 Portal Home
 Forum / Board
 Desktopmotive
 Bildergalerie
 Kalender

 Seitendesigns Home
 CSS Styleaufbau
 XHTML Seitenaufbau
 XHTML - CSS Seite
 XHTML - CSS Menü
 PHP - Internetseite
 Verweise XHTML
 Style Positionierung

Dies ist eine Testseite um unsere Cascading Style Sheet`s zu testen.

Diese Zeile ist in class q.

Diese Zeile ist in class h.

Diese Zeile ist in class h1

Diese Zeile ist in class h2

Dies noch h2

Ich bin mit dieser Seite auf der Suche nach fehlerhaftem CSS - Ausführungen im Portal.

www.helmstedt24.info Link zur Hauptseite.

Mein Style Sheet des Stadtportals hatte viele Fehler.

Wer Hilfe für seine CSS benötigt kann sich über das Kontaktformular mit mir in Verbindung setzen.
<td class="blau">&nbsp;</td>   Tabelle zum Nachschlagen unserer css - Daten.
<td class="sand">&nbsp;</td>
<td class="rot">&nbsp;</td>
<td class="black">&nbsp;</td>
<td class="box_table_subheader">&nbsp</td>
<td class="filterhead">&nbsp</td>
 <small>&nbsp;</small> Smalltext der im Feld angegebenen Texte.

<p>&nbsp; </p> P-Texte mit eigener Größenangabe.

<span class="text">&nbsp;</span> Spanclass Text.

<span class="kat">&nbsp;</span> Spanclass Kat.

<span class="head">&nbsp;</span> Spanclass Head.

<span class="news">&nbsp;</span> Spanclass News.

<span class="newstitel">&nbsp;</span> Spanclass Newstitel.

<span class="newslink">&nbsp;</span> Spanclass Newslink.

<span class="q">&nbsp;</span> Spanclass q.

<h1>&nbsp;</h1> h1-Text mit Ausrichtung.

<h2>&nbsp;</h2> h2-Text mit Ausrichtung.

<span class="h">&nbsp;</span> Span h mit Farbe, Größe und Ausrichtung.

<a href="http://www.helmstedt24.info">www.helmstedt24.info</a> Linkeingabe - Beispiel: www.helmstedt24.info

<span class="newstitel-weiss"> Spanclass Newstitel-weiss
- body

<body bgcolor="660000">

<head>
<link rel="stylesheet" href="index.css" type="text/css">
</head>

Die Datei index.css sieht so aus:

body {font-family:Verdana,Arial,Helvetica,sans-serif;font-size: 10pt;color: #000000} .h{font-family:Arial,sans-serif;font-size: 20px;color: #008000} .q{text-decoration:none; color:#0000cc}
td {font-family:Arial,sans-serif;font-size: 9pt;color: #000000}
a {font-size: 9pt ;font-family: Arial; color: #72869E}
a:hover {font-size: 9pt ;font-family: Arial; color: #990000}
a.portal_link {font-size: 8pt ;font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
a.portal_link:link { color:#FFFFFF; }
a.portal_link:visited {font-size: 8pt ;font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
a.portal_link:active {font-size: 8pt ;font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF}
a.portal_link:hover {font-size: 8pt ;font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFCC00}
p {font-size: 9pt ;font-family: Arial; color: #000000}
.text {font-size: 9pt ;font-family: Arial; color: #000000}
.kat {font-size: 9pt ;font-family: Arial; color: #FF0000}
.head {font-size: 10pt ;font-family: Arial; font-weight: bold; color: #000000}
.news {font-size: 9pt ;font-family: Arial; color: #000000}
.newstitel {font-size: 9pt ;font-family: Arial; color: #000000}
.newstitel-weiss {font-size: 9pt ;font-family: Arial; color: #FFFFFF}
.newslink {font-size: 9pt ;font-family: Arial; color: #000000}
h1 {font-size: 16pt ;font-family: Arial; font-weight: bold; color: #000000; text-align:center}
h2 {font-size: 10pt ;font-family: Arial; font-weight: bold; color: #000000; text-align:center}
.foot {font-size: 8pt ;font-family: Arial; color: #cccccc}
.fehler {font-size: 10pt ;font-family: Arial; color: #ff0000; font-weight: bold;}
input, select {background-color:#FFFFFF; color:#000000; font-family:Arial; font-size:10pt; border-color:#000000; border-width:1px;}
td.sand {background-color: #FFCC66;}
td.rot {background-color: #EED2D2;}
td.blau {background-color: #BBFFFF;}
td.black {background-color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt}
all.clsMenuItemNS, .clsMenuItemIE{text-decoration: none; font: bold 12px Arial; color: white; z-index:100}
#MainTable A:hover {color: yellow;}
td.box_table_subheader {background-color: #ff9933; color: #990000;}
td.filterhead {background-color: #CCCCFF;font-family: Arial;font-size: 10pt; font-weight: bold;;color: #000000;}
tr.list_row_even {background-color: #ffffff;font-family: Arial;font-size: 10pt;color: #000000 ;}
tr.list_row_small {background-color: #cccccc;font-family: Arial;font-size: 10pt;color: #000066 ;}
tr. {background-color: #FFFFCC;color: #000000 ;font-family: Arial;font-size: 10pt;}
small {color: #000000 ;font-family: Arial;font-size: 10pt;}

Nach vielen Versuchen habe ich im Großen und Ganzen die Fehler beseitigen können.
Hatte immer mindestens einen bei der CSS-Kontrolle: Fehleranzeige= Nicht erkanntes Linkelement oder xml-stylesheet PI.
Hier noch eine class Tabellenzeile in blau eingegeben.

Alle Text und Tabelleneigenschaften werden hier über die Cascading Style Sheet geladen.
Diese Tabellenzeile ist ohne Hintergrundfarbe angegeben.
  Ich habe hier den bodytext eingearbeitet.

Valid CSS!