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
---
Ist ein Thema von dir erledigt, dann schreib das [erledigt] doch BITTE auch in den Titel des ersten Postings rein!
Verwendet sinnvolle und beschreibende Titel. Wer kann mir helfen ... oder Hilfe... sind nur bedingt hilfreich!
Doppelpostings quer durchs Forum finden übrigens nicht nur Moderatoren doof!
Themenfremde Posting in den verschiedenen Kategorien sind ebenso doof und schaffen nur unnötige Arbeit!
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