Hallo.
Ich persönlich finde es schon etwas peinlich, diesen Beitrag hier jetzt zu schreiben aber ich krieg den Fehler einfach nicht raus...
Also ich will eine Tabelle mit mehreren Spalten, Zeilen mit Hintergrundgrafiken machen, in der die Comments angezeigt werden. (wp-includes/comments-template.php)
Hier der Quelltext:
<table width="480" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="lb_comments_top"> </td>
</tr>
<tr>
<td width="31" class="lb_comments_left"> </td>
<td width="418" class="lb_comments_hg"><table width="418" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="50" rowspan="4"><span class="comment-author vcard">
<?php if ($args['avatar_size'] != 0) echo get_avatar( $comment, $args['avatar_size'] ); ?>
</span></td>
<td width="368"><span class="comment-author vcard"><?php printf(__('<span class="says">Comment von </span><cite class="fn">%s</cite>'), get_comment_author_link()) ?></span></td>
</tr>
<tr>
<td><span class="comment-meta commentmetadata"><a href="<?php echo htmlspecialchars( get_comment_link( $comment->comment_ID ) ) ?>"><?php printf(__('%1$s um %2$s h'), get_comment_date(), get_comment_time()) ?></a>
<?php edit_comment_link(__('[Edit]'),' ','') ?>
</span></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><?php comment_text() ?></td>
</tr>
<tr align="left" valign="top">
<td colspan="2"> </td>
</tr>
<tr align="left" valign="top">
<td colspan="2"><span class="reply">
<?php comment_reply_link(array_merge( $args, array('add_below' => $add_below, 'depth' => $depth, 'max_depth' => $args['max_depth']))) ?>
<?php if ( 'ul' == $args['style'] ) : ?>
<?php endif; ?>
<?php if ($comment->comment_approved == '0') : ?>
<em>
<?php _e('Your comment is awaiting moderation.') ?>
</em>
<?php endif; ?>
</span></td>
</tr>
</table></td>
<td width="31" class="lb_comments_right"> </td>
</tr>
<tr>
<td colspan="3" class="lb_comments_bottom"> </td>
</tr>
</table>In der selben Datei habe ich das CSS für die Klassen:
<style type="text/css">
<!--
.lb_comments_top {
background-image: url(lb_comments_top.jpg);
background-repeat: no-repeat;
background-position: left top;
height:40px;
width:480px;
}
.lb_comments_bottom {
background-image: url(lb_comments_bottom.gif);
background-repeat: no-repeat;
background-position: left top;
height:55px;
}
.lb_comments_right {
background-image: url(lb_comments_right.jpg);
background-repeat: no-repeat;
background-position: left bottom;
width:30px;
}
.lb_comments_left {
background-image: url(lb_comments_left.jpg);
background-repeat: no-repeat;
background-position: left top;
width:31px;
}
.lb_comments_hg {
background-image: url(lb_comments_hg.jpg);
background-repeat: no-repeat;
background-position: left top;
}
-->
</style>Mein Problem ist jetzt, dass zwar die Höhe und Breite eingahalten, aber die .jpg's nicht angezeigt werden.
Der Pfad ist richtig. Und egal wie ich es in den Quelltext schreibe,
ob als externes CSS, CSS in der selben Datei oder CSS im HTML, als Klasse oder als ID, die Hintergrundgrafik wird einfach nciht angezeigt..
Gebe ich allerdings an, dass der Hintergrund der Spalte / Zeile farbig sein soll, also background: #000000; z.B., läuft es einwandfrei.
Ich steig da absolut nicht hinter.
Hier mal zum anschauen: http://www.jessman5.com/liberoblog/?p=41#comments
Ich hoffe irgendwer kann mir helfen.