Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.02.2013 um 16:41 (UTC)    
Titel: [erledigt] Clean-Design Trennlinien

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 Wink Very Happy





<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>


Zuletzt bearbeitet von schiedsrichterkreis7 am 08.02.2013, 16:17, insgesamt einmal bearbeitet
Beitrag07.02.2013 um 16:44 (UTC)    
Titel:

HeyHo,
nimm mal das hier raus:

Code:
/* Trenn-Linien entfernt */
hr {display: none;}


Das bewirkt nämlich genau diesen Effekt. mit display: none wird die <hr /> "versteckt", bzw nicht angezeigt.
______________
mfg SEO
Beitrag07.02.2013 um 17:05 (UTC)    
Titel:

Pahhhh.... bin ich doof!

Danke für die Schnelle Antwort Smile
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de