Horizontale Trennline zwischen Artikeln

Template = Vorlage. Damit ist eine einzelne Theme-Datei gemeint (so stehts auch in unserem Forenlexikon, wo du alle hier grün unterstrichenen Begriffe erklärt bekommst). Bei WP ist das Template für die Startseite die home.php. Wenn das Theme keine hat, dann die index.php. An diesem Startseiten-Template erklär ichs dir, in den anderen Templates (z.B. archive.php für Archive) kannst du es dann sicher selbst einbauen.

So, geht los Erstmal das <hr> weg, und auch die <br> sind unnötig. (Übrigens: <hr /> und <br /> in XHTML, beides sind leere Elemente)

Dann hat bei dir bereits jeder Post einen eigenen Container

<div class="post" id="post-<?php the_ID(); ?>">
  <!-- der Artikel -->
</div>

Das machen wir uns hier zunutze. Dieser Container bekommt den schwarzen Rahmen oben und unten:
.post {
border-top:15px solid black;
border-bottom:15px solid black;
}
Den Conteiner mit der Klasse "Block" außenrum kannst du weglassen (musst du sogar, da du sonst noch mehr Rand hast). Dein neues Template für die index.php sieht also so aus:

<?php get_header(); ?>
<div class="contentLayout">
<div class="content">




<div class="Block">
  <div class="Block-body">
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" style="width: 95%;" />


<button class="Button" type="submit" name="search">
  <span class="btn">
    <span class="t">Search</span>
    <span class="r"><span></span></span>
    <span class="l"></span>
  </span>
</button>


</form>


  </div>
  <div class="Block-cc"></div>
</div>


[COLOR="Red"][del]<div class="Block">[/del]
  [del]<div class="Block-body">[/del][/COLOR]
  <?php if (have_posts()) : ?>


    <?php while (have_posts()) : the_post(); ?>


      <div class="post" id="post-<?php the_ID(); ?>">
        <small><?php the_ID(); ?></small>
        <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>


        <div class="entry">
          <?php the_content('Read the rest of this entry &raquo;'); ?>
        </div>
    [COLOR="#ff0000"][del]<br>[/del][/COLOR]
        <p class="postmetadata"><?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
      </div>
      [COLOR="#ff0000"][del]<hr><br> [/del][/COLOR] 
    <?php endwhile; ?>


    <div class="navigation">
      <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
      <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
    </div>


  <?php else : ?>


    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn't here.</p>


  <?php endif; ?>


  [COLOR="#ff0000"][del]</div>[/del][/COLOR]
  [COLOR="#ff0000"][del]<div class="Block-cc"></div>[/del][/COLOR]
</div>




</div>[COLOR="#0000ff"]<!--/content-->[/COLOR]


</div>[COLOR="Blue"]<!--/contentlayout-->[/COLOR]


<?php get_footer(); ?>

Bau das erstmal so ein, dann schauen wir was noch nicht passt und bessern dort nach. Vermutlich müssen wir noch ein paar Abstände anpassen.

PS: Es macht sich immer gut, schließende </div>-Tags u.ä. mit einem Kommentar zu markieren um die Übersicht zu behalten. Ich hab das mal oben mit eingebaut.

Zitat von ultimatte

Ich habe eben mal versucht mitzudenken und den Eintrag in der style.css wie folgt angepasst:

Sehr schön! :-)

Zitat

Jetzt sieht es schon sehr gut aus, nur wird der Post jetzt nicht mehr richtig angezeigt!?

Ach wo, da ist nur die Schrift weiß. Einfach auf schwarz ändern:

.post {
[COLOR="Red"]color:#000;[/COLOR]
background-color: #FFFFFF;
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
margin-top:0px;
padding:15px;
}

Zitat

Die muss doch dann in die style.css? Ist das irrelevant - außer für die Übersicht - an welcher Stelle dort?

Im Prinzip ja. Eventuell ist zu beachten, dass frühere Anweisungen von späteren überschrieben werden, wenn sie die gleiche Spezifität haben. Aber du hast ja nur eine .post-Regel.

PS: Du hast noch einen kleinen HTML-Fehler im Footer. Du machst dort einen Absatz <p> auf, aber einen Bereich </div> schließt du. Außerdem fehlt das </a> beim WP-Link. ;-)

Das der Footer weg ist liegt hieran:

.Main {[B]/* style.css (line 38) */[/B]
[COLOR="Red"]left:0;
position:absolute;
top:0;[/COLOR]
width:100%;
}

Einfach rausnehmen, brauchst du nicht mehr.

Was ist mit den Links? Alle Links werden hier korrekt (d.h. grau) dargestellt. Linkfarben findest du in deiner style.css ab Zeile 59.

Jupp, das ist okay so. Du solltest noch die exakte Reihenfolge beachten, sonst kanns evtl. Probleme geben. Siehe hier:
SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen