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

Hallo Homepage Probleme

J

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

  1. error.png
    Line 86, Column 161: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
    …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?
    ✉
  2. error.png
    Line 87, Column 101: Bad value lightbox[bart] for attribute rel on element a: The string lightbox[bart] is not a registered keyword or absolute URL.
    …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;
}
 
Werbung:
Werbung:
Hallo tut mir leid ich habe leider nicht gelesen das man nicht eine frage in 2 Foren schreiben darf. Ich muss sagen das ich das in dem anderen Forum schon als erledigt angesehn habe da ich eine Antwort wie:

http://www.jans-reptilien.de/aloe.html 315 Fehler, siehe http://validator.w3.org/check?verbos...de/aloe.html
Ein Wunder, dass überhaupt was halbwegs richtig angezeigt wird.
Nicht wirklich freundlich und auch nicht hilfreich finde. Zumal ich geschrieben habe das ich mich nicht auskenne.
Würde mich freuen wenn ich hier Hilfe bekommen könnte.
Wie gesagt habe ich überlesen und werde das nicht mehr machen wenn es nicht gewollt ist.
Grüße
Jan
 
janschmidt schrieb:
da ich eine Antwort wie:

http://www.jans-reptilien.de/aloe.html 315 Fehler, siehe http://validator.w3.org/check?verbos...de/aloe.html
Ein Wunder, dass überhaupt was halbwegs richtig angezeigt wird.
Nicht wirklich freundlich und auch nicht hilfreich finde.
Zum Vergrößern anklicken....
Bitte was??? Das ist sogar sehr hilfreich!! Deine Seite hat 315 Fehler im HTML-Code, das ist eine mittelschwere Katastrophe. Solange du so extrem viele Fehler im Code hast, kannst du kaum auf Hilfe in Foren hoffen.
 
Werbung:
HAllo,

ok hier der Link: https://translate.google.de/?hl=de&...1: An img element must have an alt attribute,
(alt="Bildname" fehlt)

der Fehler 2 liegt am zoom effekt der halt nicht für html5 tauglich ist, das kannst überlesen oder ein anderen zoom nehmen der kein rel braucht.

Also crossposting lassen, mir ist klar, wenn man ein problem hat, das die ganze welt sofort helfen soll.
Aber durch crossposting beschäftigen sich 20 User mit dem gleichen problem und geben 19mal die gleiche Antwort.
Also ein Forum aussuchen und auch mal 12h auf eine Antwort warten :O)

Cheffchen
 
Vielen dank für die Antwort. Ich werde kein Crossposting mehr machen! Werde jetzt erst mal das mit dem Bildnamen machen.


Gruß

Jan
 
So ich habe auf einigen Seiten jetzt schon mal alle Fehler behoben. Leider hat das mein erstes Problem mit der Linie zwischen der Navileiste links und dem Inhalt rechts nicht gelöst. Vielleicht hat da ja noch einer eine Lösung für mich.

Die Seiten die ich überarbeitet habe. Aber immer nach Linien Probleme
http://www.jans-reptilien.de/bartagamen2.html
http://www.jans-reptilien.de/jemenchamaeleon2.html
http://www.jans-reptilien.de/stummelschwanzchamaeleon2.html
http://www.jans-reptilien.de/argentinischeregenbogenboa2.html
http://www.jans-reptilien.de/amurnatter2.html



Aktuelle CSS


Code: 
/* 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;

}
#leftnav ul
{
float:left;
margin:0px;
background-color:#333333;
}

#leftnav ul li a
{
float:left;
padding:10px 20px;
color:#ffffff;
}

#leftnav script
{
float:bottom;
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;
}
 
Zuletzt bearbeitet:
Werbung:
HAllo,

also hast ja Link zu Seite gezeigt mit dem Problem, das ist super, deswegen bearbeite bitte den beitrag #9 und lösch den code. Der wird nicht gebraucht da link und macht dein beitrag unübersichtlich.

das mit der linie liegt am etwas caotischen code :O).
versuch mal bei #galerie das ein zu fügen overflow: hidden; und teste mal dann durch.

Cheffchen
 
Werbung:
Leftnav ein Border-Right verpassen und auf der rechten Seite (content, galerie) border-left wegnehmen
 
Hallo ich muss leider noch mal etwas fragen. Ich habe das Problem das wenn ich in meinen Navi Bereich kurze Namen eingebe diese nicht untereinander stehen sondern in diesem Fall nebeneinander. Ich möchte aber das sie immer untereinander stehen. Ich dachte das ich das mit
  1. display:list-item;

    mache aber es geht nicht. Was mache ich da nur wieder Falsch? Hoffe ihr könnt mir noch mal helfen. Würde mich sehr freun.


    Gruß

    Jan

    CSS Oben und hier die betroffene Seite. http://www.jans-reptilien.de/katzen.html
 
Hallo.

Du brauchst kein dispaly: list-item.

Das deine Menüpukte nebeneinander stehen liegt an dem float: left in deinem CSS. Mach das raus dann stehen deine Menüpunkte auch wieder untereinander.

Gruss
Elroy
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben