Hallo zusammen,
irgendwie habe ich ein Problem mit der Darstellung eines "Trennlinie"
Bevor ich gestern mittag nochmals mein Design ausgearbeitet habe, funktioniert der Code "<hr/> nicht mehr, dementsprechend wird nichts mehr mit einer Trennlinie verseht.
Folgender Code ist bei mir eingebaut bei Text über dem Design.(Mit allen CSS-Codes) hoffentlich kann mir hier einer Helfen!
Gerne auch Feedbacks
<style type="text/css">
<!--
#claim, #inner-claim {
display: none!important;
}
#main h1 {
color: #FFFDFD;
font-size: 13px;
padding-left: 55px;
background-color: #140101;
border: 1px solid #140101;
margin: -15px 0px 10px -50px;
}
/* Aussehen Footer */
#new_footer {
width:970px;
min-height:25px;
padding: 15px;
margin: 15px auto 90px auto;
overflow: hidden;
border: 1px solid #c9c9c9;
background-color: #FFFFFF;
box-shadow: 1px 0px 20px 1px #777777;
}
/* Werbung unten positionieren */
#footer {
display: block;
margin-top: 120px;
margin-left: 200px;
overflow: hidden;
padding: 0px ! important;
width: 600px;
position: absolute;
}
.drehen {
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
transition: transform 0.5s ease-out; }
.drehen:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }
/* Linkgroesse + Schriftart + Linkfarben */
div a, td a {
color: #868181;
font-size: 17px;
font-family: Times New Roman;
text-decoration: underline; }
/* Linkfarben HOVER */
div a:hover, td a:hover {
color: #868181;
font-size: 17px;
font-family: Times New Roman;
text-decoration: underline; }
/* Newsfeld - Breite - Abstand - Hintergrundfarbe */
.c_news {
width: 95%;
margin: 10px 0px 30px 0px;
padding: 10px;
overflow: hidden;
box-shadow: 3px 3px 10px 3px #c9c9c9;
border: 1px solid #DDDDDD;
background-color: #EEEEEE;
}
/* Grafik */
img.c_pic {
width: 150px !important;
float: left;
margin-right: 20px;
}
.c_right {overflow: hidden;}
/* Eigenschaften für Titel */
.c_right h3 {
font-weight: bold;
border-bottom: 1px dotted #666666;
color: #343434;
padding-right: 5px;
margin: 0px 0px 5px 0px;
}
/* Eigenschaften für Datum */
.c_right h3 span {
float: right;
display: block;
color: #666666;
font-weight: normal;
font-size: 12px;
}
/* Eigenschaften Infotext */
.c_text {
font-size: 12px;
font-family: arial;
}
/* Eigenschaften Linktext */
.c_text a{
float: right;
display: block;
margin-top: 5px;
}
/* Position */
#nach_oben {
position: fixed;
bottom: 30px;
margin-left: -150px; }
/* Aussehen des Buttons */
#nach_oben a {
width: auto;
padding: 7px 12px 7px 17px;
display: block;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #140101;
font-size: 12px;
font-family: arial;
background-color: #E7E3E3;
/* abgerundete Ecken */
border: 1px solid #c9c9c9;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
/* Hover bei Mauskontakt */
#nach_oben a:hover {
color: #140101;
background-color: grey;}
/* Menü-Button */
#access li a {
color: Black;
font-size: 9px;
background-color: color hex;
}
/* HOVER Button */
#access li a:hover {
color: Black;
background-color: #E7E3E3; }
/* Unterseiten im Menü */
#access ul ul li a {
color: Black;
font-size: 9px !important;
background-color: color hex; }
/* HOVER Unterseiten */
#access ul ul li a:hover {
color: color hex;
background-color: #E7E3E3; }
#main table {
margin-bottom: 20px;
}
#main table[width="110"] {
background-color: #EEEEEE;
border-radius: 10px 10px 10px 10px;
border: 1px solid #C9C9C9 ! important;
padding: 10px 10px 10px 13px;
}
td[width="33%"] {width: 40%;
}
/* Original-Box Hintergrundfarbe weiß */
#sidebar {
background-color: #FFFFFF!important;
}
/* Aussehen neue Boxen */
.boxen {
width: 80%;
min-height: 100px;
padding: 25px;
margin: 0px 0px 10px -5px;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
overflow: hidden;
}
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #140101;
color: white;
font-size: 15px;
margin: -10px 0px 20px -15px;
width: 200px;
padding-left:30px;
box-shadow: 3px 5px 20px20px #bbb;
}
ul.menu {
list-style-type: square;
padding-left: 25px; }
ul.menu li.link a {
font-size: 14px;
color: #343434;
text-decoration: none;
line-height: 30px; }
ul.menu li.link a:hover { color: chocolate; }
/* Formularfeld */
#main form {
border: 1px solid # CECBCB;
border-radius: 10px;
padding: 30px 0px 30px 30px;
margin-top: -25px;
background-color: #FAF3F3;
background-image: url();
background-repeat: no-repeat;
}
/* Tabellenspalten im Formular */
#main form td {
width: 270px;
padding: 5px;
}
/* Eingabefelder */
#main input, #main textarea {
border: 1px solid #B6B6B6;
border-radius: 3px;
}
/* Absende-Button */
#main input[type="submit"] {
margin-left: 190px;
margin-top: -50px;
}
/* Smileys im Formular */
#main form img {
float: left;
margin-left: 3px;
}
/* Feld mit Blätterfunktion */
#main table[width="100%"] {
padding-left: 30px;
margin-top: 20px;
}
/* komplettes Eintragsfeld */
table[width="80%"] {
font-size: 13px !important;
padding: 25px;
margin: 20px auto;
background-color: # CECBCB;
background-image: url();
border: 1px solid #C9C9C9;
width: 97% ! important;
}
/* Trenn-Linien entfernt */
hr {display: none;}
/* Gästebuch Einträge */
td[width="75%"] {
padding: 10px;
display: block;
margin: 10px 0px 10px 0px;
width: 380px;
background-color: #FAF3F3;
border: 1px solid #c9c9c9;
border-radius: 5px;
}
/* Dein Gästebuch-Kommentar */
.Kommentar{
background-color: # CECBCB;
font-size: 13px;
color: black;
overflow: hidden;
margin:-10px;
padding: 10px;
}
/* Feld für Grafik */
ul.effekt li {
float: left;
width:175px; /* hier Bildbreite */
height: 115px; /* hier Bildhöhe */
list-style-type: none;
margin: 18px; /* Abstand zwischen Bilder */
padding: 8px;
background-color: #FFFFFF; /* Rahmenfarbe um Bilder */
border: 1px solid #c9c9c9;
box-shadow: 3px 3px 7px #202020; }
/* Feld mit Text */
ul.effekt li a {
display:block;
width: 160px; /* hier Bildbreite Minus 20 Pixel */
height: 95px; /* hier Bildhöhe Minus 20 Pixel */
padding: 10px;
color: #000000; /* Textfarbe */
font-size: 13px; /* Schriftgröße */
background-color: #FFFFFF;
position: relative;
text-decoration: none;
overflow: hidden; }
/* Überschriften */
ul.effekt li h4 {
margin-bottom: 15px;
color: #000000;
font-size: 14px; }
/* Bild vor Hover */
ul.effekt li img {
position: absolute;
top: 0px; left: 0px;
border: none;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear; }
/* Hover Bildposition */
ul.effekt li:hover img {
margin-top: -150px; } /* hier Bildbreite */
-->
</style>
