Ergebnisse des CSS-Validators https://m-bubenheim.de (CSS level 3 + SVG)

Gratulation! Es wurden keine Fehler gefunden.

Dieses Dokument wurde als CSS level 3 + SVG validiert!

Sie können die folgenden Symbole auf jeder validierten Seite darstellen, um zu zeigen, dass Sie sich die Mühe gemacht haben standardisierte Web-Seiten zu erstellen. Nachfolgend finden Sie den XHTML-Code, den Sie verwenden können um die Symbole in Ihre Web-Seiten einzubauen:

CSS ist valide!
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS ist valide!" />
    </a>
</p>
            
CSS ist valide!
<p>
    <a href="https://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
            alt="CSS ist valide!" />
    </a>
</p>
        

(beenden Sie ein img Tag mit > anstatt /> wenn Sie HTML <= 4.01 verwenden)

Sie können die Symbole auch herunterladen und in Ihrem lokalen Web-Verzeichnis speichern. In diesem Fall müssen sie die oben gezeigten XHTML-Fragmente so verändern, dass sie auf Ihre lokalen Symbole verweisen.

Wenn Sie einen Link auf diese Seite anlegen möchten (d. h. auf dieses Validierungsergebnis) um die erneute Validierung dieser Seite zu erleichtern oder um es anderen zu ermöglichen Ihre Seite zu validieren, so verwenden Sie folgenden URI:

http://jigsaw.w3.org/css-validator/validator?lang=de&profile=css3svg&uri=https%3A%2F%2Fm-bubenheim.de&usermedium=all&vextwarning=&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (nur für HTML/XML-Dokumente)

(Sie können die aktuelle Seite auch einfach in Ihre Bookmarks aufnehmen.)

↑ Top

Warnungen (7)

URI : https://m-bubenheim.de/standard.css

7 Namen von Schriftarten, die Leerzeichen enthalten, sollten in (doppelte) Anführungszeichen eingeschlossen werden. Ohne Anführungszeichen werden alle Leerraumzeichen (Leerzeichen, Tabulatoren, etc.) vor und nach dem Namen ignoriert, und jede Sequenz von Leerraumzeichen innerhalb des Namens wird durch ein einzelnes Leerzeichen ersetzt.
17 Namen von Schriftarten, die Leerzeichen enthalten, sollten in (doppelte) Anführungszeichen eingeschlossen werden. Ohne Anführungszeichen werden alle Leerraumzeichen (Leerzeichen, Tabulatoren, etc.) vor und nach dem Namen ignoriert, und jede Sequenz von Leerraumzeichen innerhalb des Namens wird durch ein einzelnes Leerzeichen ersetzt.
547 Die Eigenschaft -webkit-max-content ist eine unbekannte Erweiterung des Herstellers
547 Die Eigenschaft -moz-max-content ist eine unbekannte Erweiterung des Herstellers
549 Die Eigenschaft -webkit-max-content ist eine unbekannte Erweiterung des Herstellers
549 Die Eigenschaft -moz-max-content ist eine unbekannte Erweiterung des Herstellers
550 ::-webkit-details-marker is a vendor extended pseudo-element

↑ Top

Validiertes CSS:

* {
padding : 0;
margin : 0;
}
h1 {
font-family : "Open Sans", Verdana, sans-serif;
font-weight : bold;
font-size : 125%;
color : #375add;
text-align : center;
margin : 1em auto;
max-width : 100%;
}
h2 {
font-family : "Open Sans", Verdana, sans-serif;
font-size : 110%;
color : #375add;
text-align : center;
vertical-align : middle;
margin : 1.2em 2.5em;
max-width : 100%;
clear : both;
}
h3 {
font-family : Verdana, sans-serif;
font-size : 1.1vmax;
line-height : 1.5;
text-align : center;
color : #666666;
padding-right : 2.5em;
padding-left : 2.5em;
}
h4 {
font-family : Verdana, sans-serif;
font-size : 1.3em;
text-align : center;
color : #375add;
background-color : #999999;
padding : 1em 0 1em 0;
margin : 2em 0.5em 2em 0.5em;
}
hr {
border : 0;
height : 2px;
background-color : #aedb07;
margin-top : 1%;
margin-left : 15%;
margin-right : 10%;
}
img {
max-width : 100%;
height : auto;
}
.strong {
font-weight : bold;
}
.text {
font-family : Verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
text-align : left;
color : #666666;
padding-right : 2.5em;
padding-left : 2.5em;
clear : both;
}
.textlists {
font-family : Verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
text-align : left;
color : #666666;
margin-top : 3em;
padding-right : 2.5em;
padding-left : 2.5em;
}
.textli {
font-family : Verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
text-align : left;
color : #666666;
margin-top : 0.7em;
padding-right : 2.5em;
padding-left : 2.5em;
}
.textre {
font-family : Verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
text-align : left;
color : #666666;
padding-right : 2.5em;
padding-left : 2.5em;
}
.mueb {
font-family : Verdana, sans-serif;
font-size : 1.5em;
font-weight : bold;
color : #375add;
background-color : #999999;
text-align : center;
vertical-align : middle;
margin-top : 1.5em;
padding-top : 0.5em;
}
.mueb1 {
font-family : Verdana, sans-serif;
font-size : 1.2em;
font-weight : bold;
color : #375add;
background-color : #999999;
text-align : center;
padding-top : 0.5em;
padding-bottom : 0.5em;
margin-bottom : 1.5em;
}
.muebmi {
font-family : Verdana, sans-serif;
font-size : 1.5em;
font-weight : bold;
color : #375add;
background-color : #999999;
text-align : center;
vertical-align : middle;
padding : 0.5em 0 0.5em 0;
margin-top : 1.5em;
}
.sts {
font-family : Verdana, sans-serif;
font-size : 110%;
text-align : justify;
color : #333333;
padding-right : 2.5em;
padding-left : 2.5em;
}
.ksite1 {
font-family : Verdana, Arial, sans-serif;
font-size : 1em;
color : #666666;
font-weight : bold;
text-align : center;
margin : 3em 0 2em 0;
}
.ksite {
font-family : Verdana, Arial, sans-serif;
font-size : 1em;
color : #666666;
margin : 2em 2.5em 0 3vw;
}
.kontakt {
font-family : Verdana, Arial, sans-serif;
font-size : 100%;
font-weight : bold;
line-height : 2.0;
color : #666666;
margin : 0 20vw 0.2em 20vw;
}
.foot {
font-family : Open-Sans, Arial, sans-serif;
font-size : 105%;
}
table.style {
margin : 0 auto;
}
table.border {
border : #666666 solid 2px;
}
p.impr {
font-family : Verdana, sans-serif;
font-size : 80%;
text-align : left;
color : #666666;
margin : 0.5em 10vw 0.5em 10vw;
}
.imprueber {
font-family : Verdana, sans-serif;
font-size : 90%;
font-weight : bold;
vertical-align : middle;
color : #333333;
margin : 1em 10vw 1em 10vw;
}
li.impr {
font-family : Verdana, sans-serif;
font-size : 100%;
list-style-type : disc;
color : #666666;
margin : 1em 2.5em 0.1em 11vw;
}
.bild1 {
max-width : 100%;
height : auto;
margin : 1em 0 -0.2em 0;
}
.bild2 {
max-width : 100%;
height : auto;
margin : 2em 0 2em 0;
padding-right : 10px;
float : right;
}
.bild4 {
max-width : 60%;
height : auto;
margin-top : 2em;
margin-left : 6em;
}
.bild5 {
max-width : 60%;
height : auto;
margin-top : 2em;
margin-bottom : 2em;
margin-left : 30%;
}
.bild6 {
max-width : 60%;
height : auto;
margin : 2em;
}
.bild7 {
max-width : 80%;
height : auto;
margin : 2em;
}
.links {
float : left;
width : 20%;
margin-top : 1em;
margin-right : 20px;
margin-left : 3em;
margin-bottom : 1em;
border-radius : 0.2em;
}
.links-a {
float : left;
width : 30%;
margin : 1em 20px 0 3em;
border-radius : 0.2em;
clear : both;
}
.rechts {
float : right;
width : 20%;
margin : 1em 32em 0 20px;
border-radius : 0.2em;
clear : both;
}
.rechts-a {
float : right;
width : 30%;
margin : 0.5em 2em 0 20px;
border-radius : 0.2em;
clear : both;
}
.rechts-b {
float : right;
width : 20%;
margin : 0.5em 10vw 2em 1em;
clear : both;
border : grey solid 1px;
border-radius : 0.5em;
}
li.mouk {
font-family : Verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
text-align : left;
list-style-type : disk;
vertical-align : middle;
margin : 1em 0 1em 10em;
}
li.frage {
list-style-image : url(haken.gif);
vertical-align : middle;
text-align : left;
font-size : 100%;
line-height : 1.5;
color : #333333;
margin : 1em 2.5em 0.1em 20vw;
}
li.qdr {
list-style-image : url(quadrat.gif);
vertical-align : middle;
line-height : 1.2;
font-size : 100%;
color : #333333;
margin : 1em 0.5em 0.1em 15vw;
}
li.qdr2 {
list-style-image : url(quadrat1.gif);
vertical-align : middle;
text-align : left;
color : #666666;
margin : 1em 2.5em 0.1em 20vw;
list-style-position : outside;
}
li.qdr1 {
list-style-image : url(quadrat.gif);
vertical-align : middle;
text-align : left;
color : #666666;
list-style-position : outside;
margin : 1em 10vw 0.1em 20vw;
}
li.pfeil {
list-style-image : url(pfeil.gif);
vertical-align : middle;
color : #333333;
margin : 1em 2.5em 0.1em 20vw;
}
li.tel {
list-style-image : url(phone1.gif);
vertical-align : middle;
font-family : Verdana, sans-serif;
font-size : 100%;
color : #666666;
margin : 1em 2.5em 0.1em 20vw;
}
li.att {
list-style-image : url(mail.gif);
vertical-align : middle;
font-family : Verdana, sans-serif;
font-size : 100%;
color : #666666;
margin : 1em 2.5em 0.1em 20vw;
}
li.post {
list-style-image : url(haus.gif);
vertical-align : middle;
font-family : Verdana, sans-serif;
font-size : 100%;
color : #666666;
margin : 1em 2.5em 0.1em 20vw;
}
li.leer {
list-style-image : url(feld.gif);
vertical-align : middle;
font-family : Verdana, sans-serif;
font-size : 100%;
color : #666666;
margin : 1em 2.5em 0.1em 20vw;
}
ul.frage {
list-style-image : url(haken.gif);
}
#all {
margin : 0 auto;
}
body {
font : 100% Verdana, Arial, Helvetica, sans-serif;
background-color : #cccccc;
margin-top : 1em;
margin-bottom : 1em;
}
.container {
display : grid;
width : 80%;
margin : 0 auto;
grid-template-columns : repeat(auto-fit,minmax(250px,1fr));
gap : 0;
background-color : #e6e6e6;
}
.eins {
grid-column : auto / span 3;
margin : 0;
}
.zwei {
grid-column : 1 / 4;
margin : 0;
background : #7c7c7c;
}
.drei {
grid-column : 1 / 4;
padding : 1em;
background : #e6e6e6;
}
.vier {
grid-column : 1 / 4;
background : #e6e6e6;
}
.fuenf {
grid-column : 1 / 4;
background : #e6e6e6;
}
.sechs {
grid-column : 1 / 4;
margin : 0;
background : #e6e6e6;
}
.sieben {
grid-column : 1 / 4;
margin : 0;
background : #e6e6e6;
}
.acht {
grid-column : 1 / 4;
text-align : center;
background : #e6e6e6;
}
.neun {
grid-column : 1 / 4;
background : #e6e6e6;
}
.zehn {
grid-column : 1 / 4;
background : #e6e6e6;
text-align : center;
}
.vierup {
display : grid;
grid-template-columns : repeat(2,1fr);
}
.up1 {
grid-column : 1 / 4;
background : #e6e6e6;
}
.up2 {
grid-column : 1 / 4;
background : #e6e6e6;
}
.up3 {
grid-column : 1 / 4;
background : #e6e6e6;
}
.up4 {
grid-column : 1 / 4;
background : #e6e6e6;
}
.elf {
grid-column : 1 / 4;
background : #e6e6e6;
padding-bottom : 2em;
text-align : center;
}
.zwoelf {
grid-column : 1 / 4;
padding : 1em;
background : #aedb07;
text-align : center;
border-top : 0.2em solid #666666;
border-bottom : 2em solid #cccccc;
}
.columns {
float : left;
}
.row {
width : 100%;
float : left;
}
body {
margin-top : 3.5em;
}
#umnavi {
position : relative;
height : 4.2em;
}
#skip-link {
position : absolute;
left : 0;
top : 0;
background : #7c7c7c;
color : white;
padding : 0.25em;
transform : translateY(-100%);
transition : transform 0.2s;
z-index : 1001;
}
#skip-link:focus {
transform : translateY(0);
}
#sitenav *, #sitenav a {
background-color : #7c7c7c;
color : white;
}
#sitenav {
top : 1em;
left : 2em;
}
#sitenav ul {
list-style-type : none;
margin : 0;
padding-top : 0.5em;
padding-left : 1em;
padding-right : 1em;
border-radius : 0.5em;
}
#sitenav ul ul {
margin-left : 0;
margin-top : 0;
padding-left : 0.1em;
}
#sitenav li a {
display : inline-block;
margin-top : 0.1em;
margin-bottom : 0.1em;
}
#sitenav li a, #sitenav li summary {
padding : 0.5em;
margin : 0.3em;
line-height : 1.4em;
outline : none;
}
#sitenav li a:hover, #sitenav li summary:hover, #sitenav li a:focus, #sitenav li summary:focus {
outline : 1px solid #375add;
color : white;
}
#sitenav li a {
text-decoration : none;
}
#sitenav li {
white-space : nowrap;
padding : 0;
vertical-align : middle;
margin-top : 0.5em;
margin-bottom : 1em;
}
#sitenav li[aria-current] a[href="#"]::before {
content : " ";
font-family : arial_unicode_ms;
}
#sitenav ul details summary::after {
font-family : arial_unicode_ms;
}
#sitenav ul details:not(open) summary::after {
content : ' ';
}
#sitenav ul details[open] summary::after {
content : ' ';
}
#sitenav ul summary::before {
content : " ";
width : 0;
}
#sitenav > details:not(open) > summary::before {
content : ' ';
font-size : 0.9em;
}
#sitenav > details[open] > summary::before {
content : "";
font-size : 1.2em;
}
#sitenav > details {
border : white solid 2px;
border-radius : 0.2em;
max-width : max-content;
padding : 0.2em;
}
#sitenav > details > ul {
margin-left : -0.5em;
margin-top : 0.3em;
}
#sitenav summary {
cursor : pointer;
max-width : max-content;
}
#sitenav summary::-webkit-details-marker {
display : none;
}
#sitenav summary {
list-style-type : none;
}
#sitenav.withjs > details > ul > li[aria-current] {
border-left : 2px solid black;
}
#sitenav.withjs {
position : absolute;
}
#sitenav.withjs ul {
position : absolute;
}
#sitenav.large {
top : 0;
left : 0;
right : 0;
}
#sitenav.large > details {
border : none;
border-radius : 0;
padding : 0;
}
#sitenav.large > details > ul, #sitenav.large > details > ul > li {
display : inline-block;
}
#sitenav.large ul details:not(open) summary::after {
content : ' ';
}
#sitenav.large ul details[open] summary::after {
content : ' ';
}
#sitenav.large > details > ul {
width : 100%;
box-sizing : border-box;
}
#sitenav.large > details > ul {
margin-left : 0;
margin-top : 0;
border-radius : 0;
}
#sitenav.large > details > ul > li[aria-current] {
border-bottom : 2px solid black;
border-left : none;
}
#sitenav.large ul ul {
margin-left : -0.5em;
margin-top : -0.1em;
padding-left : 0.5em;
border-radius : 0 0 0.5em 0.5em;
}
A:active, A:visited, A:focus {
text-decoration : none;
}
A:hover {
text-decoration : none;
}
a.style1 {
text-decoration : none;
color : #333333;
background-color : white;
padding : 0.4em;
border-radius : 0.2em;
}

↑ Top