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