janschmidt
Mitglied
Hallo ich habe da große Probleme mit meiner Hobby Homepage. Ich erst mal dazu sagen das ich absoluter Anfänger bin was html und co angeht. Wenn ich meine Seite bei http://validator.w3.org/check?verbose=1&uri=http://www.jans-reptilien.de/bartagamen2.html überprüfe bekomme ich viele Fehler angezeigt die sich aber im wesentlichen immer wiederhohlen. Es sind
Zu diesem Fall habe ich keine Idee.
Leider bin ich wirklich nicht sehr gut in HTML und würde mich sehr freuen wenn mir jemand da etwas helfen könnte. Außerdem gibt es noch eine Sachen die nicht so ist wie ich es möchte.
1. Es fehlt auf einigen Seiten z.B. http://www.jans-reptilien.de/bartagamen2.html der halbe Trennstrich zwischen der Linken Navi und dem Inhalt wenn ich den Strich in der CSS auch für meinen Galerie Bereich eingebe bekomme ich eine total zerstückelte Linie. Auf Seiten wo ich keine Galerie habe ist der Fehler nicht vorhanden z.B. http://www.jans-reptilien.de/index.html .
Grüße
Jan
PS: hier noch meine CSS
/* Rest */
html, body { margin: 0; padding:0; border: 0;
background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, aol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
vertical-align: baseline;
background: transparent;
}
table { border-collapse: collapse; border-spacing: 0;}
input, select, textarea, form, fieldset
{margin:0; padding:0; border:0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strikt {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
font-style:normal;
line-height:100%;
text-indent: 0;
text-decoration:none;
text-align: left;
color: #000;
}
ol, ul { list-style: none; }
/* Global */
html { }
body { background-color:#000000; }
/* Text Elements */
p { color:#000; font-size:12px; line-height:150%; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
a { }
a:link {color: #00f; }
a:visited {color: #0f0; }
a:active {color: #000; }
a:focus {color: #666; }
a:hove {color: #f00; }
blockquote { color: #000; font-size:12px; }
strong { font-weight: bold; }
em { font-style: italic; }
/* lists */
ul { }
ol { list-style-type:decimal; }
ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:896px;
height:672px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:558px;
top:450px;
z-index:1000;
}
/* container */
#wrapper { width:1280px; margin:0px auto; background:#333333; }
#top { background-color:#000000; width:100%; height:60px; overflow:hidden; border-bottom:1px #cccccc solid; text-align:center;}
#topnav { background-color:#333333; clear:both; }
#topnav ul { width:100%; float:left ; margin:0px; background-color:#333333;
border-bottom:3px #cccccc solid;}
#topnav ul li { display:inline; }
#topnav ul li a { float:left; padding:10px 20px;}
#topnav a:link {color :#ffffff; }
#topnav a:visited {color :#ffffff; }
#topnav a:active {color :#ffffff; }
#topnav a:hover {color :#ffffff; background-color:#770000; }
#topnav a:focus {color :#ffffff; }
#leftnav { float:left; padding:10px 5px; width:170px; height:100%; background-color:#333333; display:list-item; border-right:3px #cccccc solid;}
#leftnav ul { float:left; margin:0px; background-color:#333333;}
#leftnav ul li a { float:left; padding:10px 20px; color:#ffffff; }
#leftnav a:link {color :#ffffff; }
#leftnav a:visited {color :#ffffff; }
#leftnav a:active {color :#ffffff; }
#leftnav a:hover {color :#ffffff; background-color:#770000; }
#leftnav a:focus {color :#ffffff; }
#content { width:1000px; margin-left:180px; background-color:#333333; padding: 50px 0px 10px 0px ; border-left:3px #cccccc solid;}
#content p { float:left; }
#content img { width:896px; height:100%;}
#content h1 {color:#ffffff; font-size:36px; font-weight:bolder; text-align:center; }
#content h2 {color:#ffffff; font-size:12px; font-weight:bolder; text-align:center; color: #00FF00 }
#content h3 {color:#ffffff; font-size:16px; font-weight:bolder; line-height:150%; margin:10px; }
#content2 { width:1000px; height:100%; margin-left:180px; background-color:#333333; padding: 50px 0px 10px 30px; border-left:3px #cccccc solid;}
#content2 p { float:left; }
#content2 img { width:896px; height:100%;}
#content2 h1 {color:#ffffff; font-size:36px; font-weight:bolder; text-align:center; }
#content2 h2 {color:#ffffff; font-size:12px; font-weight:bolder; text-align:center; color: #00FF00 }
#content2 h3 {color:#ffffff; font-size:16px; font-weight:bolder; line-height:150%; margin:10px; }
#angabe { float:left; padding: 10px 30px 0 10px; width: 100px; }
#werte { padding: 10px 30px 0 10px;}
#slider { width:1000px; height:100%; margin-left:55px; margin-bottom:30px; }
#galerie { width:1000px; margin-left:180px; background-color:#333333; padding: 50px 0px 10px 0px ; border-left:3px #cccccc solid;}
#galerie ul { width:100%; float:left; border-left:3px #cccccc solid;}
#galerie ul li { display:inline; }
#galerie ul li a { float:left; padding:60px;}
#galerie h3 { color:#ffffff; font-size:16px; font-weight:bolder; line-height:150%; margin:10px; }
#galerie2 { height:100%; margin-left:180px; border-left:3px #cccccc solid; overflow:hidden;}
#galerie2 ul { width:100%; float:left ; margin:0px;}
#galerie2 ul li { display:inline; }
#galerie2 ul li a { float:left; padding:60px;}
#galerie2 h3 { color:#ffffff; font-size:24px; font-weight:bolder; line-height:150%; margin:10px; }
#footer { background-color:#000000; width:100%; height:60px; padding:0; overflow:hidden; border-top:3px #cccccc solid;}
#logo1 { float:left; margin-left:50px; }
#logo2 { float:right; margin-right:50px;}
form { text-align:left; margin:20px; }
label, submit, input, textarea {
border:0; padding:0; margin:0; background-color:#ffffff;
}
label {
float: left; width: 150px; margin=top:5px;
text-align:right; display:block;
}
input, textarea {
border:1px #000000 solid; margin-left:10px; padding:5px;
}
input {
width:280px; margin-bottom: 16px;
}
textarea {
width:280px; height: 150px;
margin-bottom: 16px;
}
select { }
.submit {
width:90px; height:25px;
margin-left:250px;
font-size:12px;
}
#contact-form ol {
list-style-type:none;
}
-
…artagamen"><img src="bilder/agamen/bartagamen/bartagamenklein2.jpg" /></a></li>Ich dachte man nimmt kein alt mehr. Ich bin davon ausgegangen das title das alt ersetzt muss ich jetzt überall ein alt einfügen oder geht das auch anders?
✉
…el="lightbox[bart]" title="Bartagamen"><img src="bilder/agamen/bartagamen/bart…Syntax of link type valid for <a> and <area>:A whitespace-separated list of link types, with no duplicate keywords in the list. Each link type must be listed as allowed on <a> and <area> in the HTML specification, or must be listed as allowed on <a> and <area> on theMicroformats wiki, or must be an absolute URL. You can register link types on the Microformats wiki yourself.
Zu diesem Fall habe ich keine Idee.
Leider bin ich wirklich nicht sehr gut in HTML und würde mich sehr freuen wenn mir jemand da etwas helfen könnte. Außerdem gibt es noch eine Sachen die nicht so ist wie ich es möchte.
1. Es fehlt auf einigen Seiten z.B. http://www.jans-reptilien.de/bartagamen2.html der halbe Trennstrich zwischen der Linken Navi und dem Inhalt wenn ich den Strich in der CSS auch für meinen Galerie Bereich eingebe bekomme ich eine total zerstückelte Linie. Auf Seiten wo ich keine Galerie habe ist der Fehler nicht vorhanden z.B. http://www.jans-reptilien.de/index.html .
Grüße
Jan
PS: hier noch meine CSS
/* Rest */
html, body { margin: 0; padding:0; border: 0;
background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, aol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
}
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
vertical-align: baseline;
background: transparent;
}
table { border-collapse: collapse; border-spacing: 0;}
input, select, textarea, form, fieldset
{margin:0; padding:0; border:0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strikt {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
font-style:normal;
line-height:100%;
text-indent: 0;
text-decoration:none;
text-align: left;
color: #000;
}
ol, ul { list-style: none; }
/* Global */
html { }
body { background-color:#000000; }
/* Text Elements */
p { color:#000; font-size:12px; line-height:150%; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
a { }
a:link {color: #00f; }
a:visited {color: #0f0; }
a:active {color: #000; }
a:focus {color: #666; }
a:hove {color: #f00; }
blockquote { color: #000; font-size:12px; }
strong { font-weight: bold; }
em { font-style: italic; }
/* lists */
ul { }
ol { list-style-type:decimal; }
ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:896px;
height:672px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:558px;
top:450px;
z-index:1000;
}
/* container */
#wrapper { width:1280px; margin:0px auto; background:#333333; }
#top { background-color:#000000; width:100%; height:60px; overflow:hidden; border-bottom:1px #cccccc solid; text-align:center;}
#topnav { background-color:#333333; clear:both; }
#topnav ul { width:100%; float:left ; margin:0px; background-color:#333333;
border-bottom:3px #cccccc solid;}
#topnav ul li { display:inline; }
#topnav ul li a { float:left; padding:10px 20px;}
#topnav a:link {color :#ffffff; }
#topnav a:visited {color :#ffffff; }
#topnav a:active {color :#ffffff; }
#topnav a:hover {color :#ffffff; background-color:#770000; }
#topnav a:focus {color :#ffffff; }
#leftnav { float:left; padding:10px 5px; width:170px; height:100%; background-color:#333333; display:list-item; border-right:3px #cccccc solid;}
#leftnav ul { float:left; margin:0px; background-color:#333333;}
#leftnav ul li a { float:left; padding:10px 20px; color:#ffffff; }
#leftnav a:link {color :#ffffff; }
#leftnav a:visited {color :#ffffff; }
#leftnav a:active {color :#ffffff; }
#leftnav a:hover {color :#ffffff; background-color:#770000; }
#leftnav a:focus {color :#ffffff; }
#content { width:1000px; margin-left:180px; background-color:#333333; padding: 50px 0px 10px 0px ; border-left:3px #cccccc solid;}
#content p { float:left; }
#content img { width:896px; height:100%;}
#content h1 {color:#ffffff; font-size:36px; font-weight:bolder; text-align:center; }
#content h2 {color:#ffffff; font-size:12px; font-weight:bolder; text-align:center; color: #00FF00 }
#content h3 {color:#ffffff; font-size:16px; font-weight:bolder; line-height:150%; margin:10px; }
#content2 { width:1000px; height:100%; margin-left:180px; background-color:#333333; padding: 50px 0px 10px 30px; border-left:3px #cccccc solid;}
#content2 p { float:left; }
#content2 img { width:896px; height:100%;}
#content2 h1 {color:#ffffff; font-size:36px; font-weight:bolder; text-align:center; }
#content2 h2 {color:#ffffff; font-size:12px; font-weight:bolder; text-align:center; color: #00FF00 }
#content2 h3 {color:#ffffff; font-size:16px; font-weight:bolder; line-height:150%; margin:10px; }
#angabe { float:left; padding: 10px 30px 0 10px; width: 100px; }
#werte { padding: 10px 30px 0 10px;}
#slider { width:1000px; height:100%; margin-left:55px; margin-bottom:30px; }
#galerie { width:1000px; margin-left:180px; background-color:#333333; padding: 50px 0px 10px 0px ; border-left:3px #cccccc solid;}
#galerie ul { width:100%; float:left; border-left:3px #cccccc solid;}
#galerie ul li { display:inline; }
#galerie ul li a { float:left; padding:60px;}
#galerie h3 { color:#ffffff; font-size:16px; font-weight:bolder; line-height:150%; margin:10px; }
#galerie2 { height:100%; margin-left:180px; border-left:3px #cccccc solid; overflow:hidden;}
#galerie2 ul { width:100%; float:left ; margin:0px;}
#galerie2 ul li { display:inline; }
#galerie2 ul li a { float:left; padding:60px;}
#galerie2 h3 { color:#ffffff; font-size:24px; font-weight:bolder; line-height:150%; margin:10px; }
#footer { background-color:#000000; width:100%; height:60px; padding:0; overflow:hidden; border-top:3px #cccccc solid;}
#logo1 { float:left; margin-left:50px; }
#logo2 { float:right; margin-right:50px;}
form { text-align:left; margin:20px; }
label, submit, input, textarea {
border:0; padding:0; margin:0; background-color:#ffffff;
}
label {
float: left; width: 150px; margin=top:5px;
text-align:right; display:block;
}
input, textarea {
border:1px #000000 solid; margin-left:10px; padding:5px;
}
input {
width:280px; margin-bottom: 16px;
}
textarea {
width:280px; height: 150px;
margin-bottom: 16px;
}
select { }
.submit {
width:90px; height:25px;
margin-left:250px;
font-size:12px;
}
#contact-form ol {
list-style-type:none;
}