Probleme mit css

  • Hallo, möchte mich erst einmal kurz vorstellen. Ich bin 32 Jahre alt komme aus Thüringen und bin dabei eine Homepage über meine Hobby zu machen. Ich muss sagen das ich nicht so wirklich viel ahnung habe und alles mehr oder weniger duch ausprobieren gemacht habe. Dies ist jetzt die 3 version der Page. Ich habe ein Problem mit einer Linie die zwischen der linken Navi Leiste ist und dem inhalts Bereich. Auf allen Seiten auf denen ich mit einer Galarie Arbeite ist die Linie doppelt oder unterbrochen. Auf den anderen Seiten geht es. Ich bekomme das nicht hin habe schon viele Versuche gestartet um das zu richten aber ohne Erfolg. Würde mich sehr freuen wenn mir da jemand helfen kann.



    Links zu den Sieten



    http://www.jans-reptilien.de/index.html
    alles OK



    http://www.jans-reptilien.de/pflanzen.html
    Auch alles Ok (Bilder kommen noch)



    /* 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:165px; 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:175px; 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:175px; 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:175px; 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:175px; 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: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;
    }




    http://www.jans-reptilien.de/aloe.html


    http://www.jans-reptilien.de/bartagamen2.html


    2 Beispiele für Problem Seiten.


    Hier noch meine CSS

  • Hallo noch mal und erst einmal danke für die Antworten. Wie ich schon geschrieben habe bin ich nicht wirklich gut in html. Ich verstehe das nicht wirklich





      [*=left][Blockierte Grafik: http://validator.w3.org/images/info_icons/error.pngLine 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?


      [*=left][Blockierte Grafik: http://validator.w3.org/images/info_icons/error.pngLine 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 the Microformats wiki, or must be an absolute URL. You can register link types on the Microformats wiki yourself.


    Zu diesem Fall habe ich keine Idee ich würde mich freuen wenn es mir jemand erklären könnte.



    Grüße


    Jan

  • :twisted: Crossposting :twisted:
    Auszug aus den Forenregeln:

    Zitat

    Inhalt von Beiträgen:
    [FONT=Verdana, Arial, Helvetica, sans-serif]Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:
    [/FONT]

    • [FONT=Verdana, Arial, Helvetica, sans-serif]extrem politisch oder religiös orientierte Postings [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte[/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Warez oder fremde copyrightgeschütze Werke [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]E-Mail Adressen [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Songtexte [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen) [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.[/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen[/FONT]