Probleme mit dem Design in den Kommentare

Karibik-Modelle

Guten Abend,

schon seit einiger Zeit versuche ich ein Design-Problem, in meinen Kommentaren zu beheben. Bisher habe ich noch keine Lösung gefunden.

Trachbacks/Pingbacks werden nicht im Design von normalen Kommentaren angezeigt, sondern werden ohne Rahmen und Hintergrund ausgegeben.

Hier mal ein Link, wo ihr euch das Ganze anschauen könnt:

http://www.lebens-stil-blog.de/index.php/neu-…chtsgeschichte/

Hat jemand eine Idee, wie ich das hinbekomme, damit die Optik stimmt?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

das ist eine "falsche" css Formatierung. Mach mal in der style.css aus

.commentlist .comment
ein
.commentlist .even

das könnte schon reichen.

Karibik-Modelle

maxe: super, dass hat zumindest einen riesen Teilerfolg gebracht.

Allerdings "kleben" auf dieser Seite noch 2 Trackbacks/Pingbacks zusammen:

http://www.lebens-stil-blog.de/index.php/mama…-lebenselixier/

Wie bekomme ich das vernünftig hin?

Hier mal der Auszug aus der style.css:

Code

/* Begin Comments*/
h2#comments{
 font-size:27px;
 color:#000;
 font-weight:normal;
 background:url(images/bgr_post_title.png) no-repeat left bottom;
 padding:0 0 20px 5px;
 margin:0 0 10px 25px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
}
.alt {
 margin: 0;
 padding: 10px;
 }
.commentlist {
 padding: 0;
 text-align: justify;
 margin:0 0 0 25px;
 }
.commentlist .even {
 margin: 15px 0 0 0;
 padding: 10px 15px 20px 15px;
 list-style: none;
 background:#fefdf9;
 border:1px solid #c6c5c1;
 }
.commentlist .alt {
 background:#f6f6f7;
 border:1px solid #d4d3d1;
 }
.commentlist .comment .comment {
 margin: 15px 15px 15px 15px;
 padding: 10px 15px 20px 15px;
 width:auto;
 }
.commentlist p {
 margin: 10px 5px 10px 0;
 line-height:18px;
 }
.commentmet_data{
 width:100%;
 overflow:hidden;
}
.commentmet_data td{
 vertical-align:top;
 text-align:left;
}
.commentmet_avatar{
 width:102px;
 padding:15px 0 0 0;
}
.commentmet_text{
}
.commentmet_avatar img{
 border:1px solid #2c0202;
}
#commentform p {
 margin: 5px 0;
 }
.commentmet_replay{
 width:100%;
 overflow:hidden;
}
.commentmet_replay a{
 float:right;
 display:block;
 text-indent:-9999px;
 text-transform:capitalize;
 background:url(images/button_replay.gif) no-repeat;
 width:82px;
 height:24px;
}
.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
 }
.commentmetadata {
 margin: 0;
 display: block;
 padding:0 0 5px 0;
 color:#acacad;
 font-size:15px;
 font-family:Tahoma, Geneva, sans-serif;
 text-transform:none;
 }
.commentmetadata a{
 color:#f26521;
 font-weight:bold;
}
.commentmetadata span{
 color:#f26521;
 font-weight:bold;
}
.commentmet_text{
 font-size:12px;
 color:#000;
 font-family:Verdana, Geneva, sans-serif;
}
#respond{
 margin:10px 0 0 10px;
 font-family:Verdana, Geneva, sans-serif;
 background:#faf7ea;
 padding:15px;
 width:90%;
}
h3#respond_title{
 font-size:27px;
 color:#000;
 font-weight:normal;
 background:url(images/bgr_post_title.png) no-repeat left bottom;
 padding:0 0 20px 5px;
 margin:0 0 20px 0;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
}
#commentform{
 margin-left:25px;
 color:#000;
 font-size:12px;
 width:90%;
}
#commentform small{
 position:relative;
 top:-1px;
 font-size:12px;
}
#cancel-comment-reply-link{
 font-size:12px;
 color:#000;
}
#commentform a, #commentform small{
 color:#000;
}
#commentform input{
 background:#fff;
 border:2px solid #d9d9d9;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:4px;
 color:#000000;
}
#commentform textarea{
 background:#fff;
 border:2px solid #d9d9d9;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 padding:4px;
 margin:5px 0 0 0;
 color:#000000;
 overflow:auto;
}
#commentform input#submit{
 background:none;
 border:0px;
}
/* End Comments */

Alles anzeigen

Danke und Grüße, Michael

maxe

bei der Formatierung für.commentlist .alt fehlt das margin:

Code

.commentlist .alt {
 background:#f6f6f7;
 border:1px solid #d4d3d1;
 [COLOR=Red]margin: 15px 0 0 0;[/COLOR]
 }

Karibik-Modelle

Vielen Dank, Maxe!

Jetzt haut es hin.

Grüße, Michael

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit dem Design in den Kommentare

Jetzt mitmachen!