Lästiger Space zwischen Datum und Überschrift

Alienx

Hallo,
ich habe in meine HP (noch nicht veröffentlicht) eine news-Sektion eingebaut.
Ich includiere dazu eine Datei mit allen News Berichten per PHP.
Doch vorher habe ich festgestellt, dass bei 2 Berichten ein lästiger Abstand zwischen der Überschrift und dem Datum auftritt.

Mein Quellcode (zumindest dieser Teil) sieht folgendermaßen aus:

Code

-1. Dezember 2007-
<h3>Ian White-Stunt Double im Kostüm</h3>
Der Benutzer Ruffikintoy von der englischsprachigen Site [url='http://www.thehunterslair.com/index.php?showtopik=4879']The Hunter´s Lair[/url] hat 11 neue tolle Behind the Scenes Bilder zu "Aliens vs Predator: Requiem" gepostet. Sie zeigen Ian White bzw. sein Stunt Double im Yautja Kostüm. Auf dem letzten Bild scheint der Celtic Predator zu sehen zu sein, wir kennen diesen bereits aus dem Film Predator (End Sequenz) und aus dem Blockbuster Movie "Alien vs Predator". Außerdem sieht es so aus, als ob die Maske von "Celtic" ein Loch hätte, was darauf schließen lässt, dass dasselbe Kostüm von 2004 verwendet wurde (man erinnere sich an die Szene von Celtics Tod durch Grid).


</br>
[img]images/news/white1.jpg[/img][...]
.
.
.


</br>
------------------------------------------------------------
-1. Dezember 2007-
<h3>ADI´s neues AvP Buch</h3>
Auf [url='http://www.amazon.co.uk/Aliens-vs-Predator-Requiem-Monster/dp/1845769090/ref=sr_1_1?ie=UTF8&s=books&qid=1196611299&sr=1-1']Amazon.co.uk[/url] gibt es bereits das Cover und eine Beschreibung zum brandneuen AvP Buch von ADI, in welchem auch die Produktion und die Realisierung von "Aliens vs Predator: Requiem" näher erläutert wird.


</br>
Das gute Stück[...]
.
.
.


</br>
------------------------------------------------------------
-30. November 2007-
<h3>AvP:R Laufzeit verhältnismäßig kurz?</h3>
Wie die deutsche AvP Seite [url='http://avp2.onlinewelten.com/']AvPDaily[/url] berichtet hat, beträgt die Laufzeit von AvP2 in Deutschland gerade einmal 94 Minuten. Diese Information stammt geradewegs von Fox. Außerdem ist das im Vergleich zu allen anderen -selbst AvP (2004) lief knapp 100 Min. und war damit bis jetzt der kürzeste Film der Reihe- Alien- und Predatorfilmen extrem kurz. Betrug Alien (1979) noch eine Laufzeit von knapp 112min[...]


-es folgen noch hier 2 weitere Berichte-

Alles anzeigen

Während der mittlere Bericht fehlerfrei angeziegt wir, entsteht zwischen dem Datum vom ersten und dritten Beitrag und der Überschrift eine unschöne Lücke. Wie kann ich das beheben?

MfG Alienx

sejuma

Füge mal noch das innerhalb des head-Bereiches ein

Code

<style type="text/css">
h3 {margin-top: 0;}
</style>

bzw. die h3-Styleangabe in deine CSS-Datei.

Alienx

Genau das habe ich vorhin bereits probiert, habe es jetzt nochmal, wie du es gesagt hast in den head bereich geschrieben, aber das hat genauso wenig gebracht...
Hast du vielleicht sonst noch eine Idee?

MfG Alienx

Elvis

Bei mir funktioniert es!

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<style type="text/css">
  h3 {margin-top: 0;}
  hr {border:1px dashed black;}
  p.datum {margin-bottom: 0;}
</style>
<title>Testseite</title>
</head>
<body>
<div id="news">
  <p class="datum">-1. Dezember 2007-</p>
  <h3>Ian White-Stunt Double im Kostüm</h3>



Der Benutzer Ruffikintoy von der englischsprachigen Site [url='http://www.thehunterslair.com/index.php?showtopik=4879']The Hunter´s Lair[/url] hat 11 neue tolle Behind the Scenes Bilder zu "Aliens vs Predator: Requiem" gepostet. Sie zeigen Ian White bzw. sein Stunt Double im Yautja Kostüm. Auf dem letzten Bild scheint der Celtic Predator zu sehen zu sein, wir kennen diesen bereits aus dem Film Predator (End Sequenz) und aus dem Blockbuster Movie "Alien vs Predator". Außerdem sieht es so aus, als ob die Maske von "Celtic" ein Loch hätte, was darauf schließen lässt, dass dasselbe Kostüm von 2004 verwendet wurde (man erinnere sich an die Szene von Celtics Tod durch Grid).[...]</p>



[img]images/news/white1.jpg[/img]</p>
  <hr/>
  <p class="datum">-1. Dezember 2007-</p>
  <h3>ADI´s neues AvP Buch</h3>



Auf [url='http://www.amazon.co.uk/Aliens-vs-Predator-Requiem-Monster/dp/1845769090/ref=sr_1_1?ie=UTF8&s=books&qid=1196611299&sr=1-1']Amazon.co.uk[/url] gibt es bereits das Cover und eine Beschreibung zum brandneuen AvP Buch von ADI, in welchem auch die Produktion und die Realisierung von "Aliens vs Predator: Requiem" näher erläutert wird.</p>



Das gute Stück[...]</p>
  <hr/>
  <p class="datum">-30. November 2007-</p>
  <h3>AvP:R Laufzeit verhältnismäßig kurz?</h3>



Wie die deutsche AvP Seite [url='http://avp2.onlinewelten.com/']AvPDaily[/url] berichtet hat, beträgt die Laufzeit von AvP2 in Deutschland gerade einmal 94 Minuten. Diese Information stammt geradewegs von Fox. Außerdem ist das im Vergleich zu allen anderen -selbst AvP (2004) lief knapp 100 Min. und war damit bis jetzt der kürzeste Film der Reihe- Alien- und Predatorfilmen extrem kurz. Betrug Alien (1979) noch eine Laufzeit von knapp 112min[...]</p>
  <hr/>
  -es folgen noch hier 2 weitere Berichte-
  <hr/>
</div>
</body>
</html>

Alles anzeigen

Edit:
Und so wäre es auch semantisch korrekt!

Edit2:
Alternativ könnte man noch besser strukturieren wenn man jeden einzelnen Newsblock in einen Div-Container mit der ID "newsblock" packt. Diesen Container könnte man dann mittels CSS mit einer Linie unten versehen und somit den <hr>-Tag sparen.

sejuma

Falls du eine CSS-Datei hast:
Sieh mal nach, wo dort genau h3 definiert ist und ändere das dort. Möglicherweise überschreibt dir da eine Angabe die andere.

Ansonsten hat dir Elvis eine andere (korrektere) Lösung aufgezeigt, die ebenfalls funktionieren sollte.

Alienx

Jo, das funzt!

Vielen Dank Elvis!

MfG Alienx

Lästiger Space zwischen Datum und Überschrift

Tags

Benutzer online in diesem Thema