raphael: HTML-Problem

Hallo liebe Profi-HTMLer!

Ich bin Fotograf und arbeite nicht besonders oft mit HTML. Wenn, dann auch immer nur im Dreamweaver. Momentan gestalte ich eine neue Website für mich und stehe vor einem Problem, dass ich einfach nicht lösen kann:

Ich möchte zwei Textzeilen mit unterschiedlicher Formatierung ohne Abstand aneinanderreihen. Geplant ist eine große Überschrift in <h1>, die von einem Untertitel in <b> gefolgt wird. Doch egal wie ich es angehe (in einer Zelle, oder in zwei Zellen), ich kriege immer einen Abstand zwischen den beiden Zeilen.

Ich habe die Problematik mal in Bildschirmfotos gepackt und auf meine Seite hochgeladen. Unter http://www.raphael-bolius.com/html-problem1.jpg und http://www.raphael-bolius.com/html-problem2.jpg gibt Dreamweaver (inkl. Code) und Darstellung im Browser zu sehen.

Wenn ich die Codezeile 79 lösche, ändert sich übrigens nix an der Darstellung.

Hat vielleicht irgend jemand eine Idee? Ich bastle schon den ganzen Vormittag an einer Lösung...

Liebe Grüße aus Wien!
Raphael

  1. Unsinn! Ich meinte natürlich: Geplant ist eine große Überschrift in <h1>, die von einem Untertitel in <strong> gefolgt wird.

    Liebe Grüße aus Wien!
    Raphael

  2. Hallo Raphael,

    H1-Überschriften haben immer einen Abstand nach unten und oder auch oben. Über stylesheets lässt sich das ändern:

    http://de.selfhtml.org/css/eigenschaften/innenabstand.htm
    http://de.selfhtml.org/css/eigenschaften/randabstand.htm

    Ich denke mal, daran liegt es

    Gruß
    Paul

    1. Hallo Raphael,

      H1-Überschriften haben immer einen Abstand nach unten und oder auch oben. Über stylesheets lässt sich das ändern:

      http://de.selfhtml.org/css/eigenschaften/innenabstand.htm
      http://de.selfhtml.org/css/eigenschaften/randabstand.htm

      Ich denke mal, daran liegt es

      Gruß
      Paul

      Hallo Paul!
      Ja klar, dass muss es sein. Könntest Du mir vielleicht auch sagen, was ich in mein Stylesheet reinschreiben soll? (Wie gesagt, habe nur Grundkentnisse und verstehe die Anleitung nicht ganz...)
      Momentan steht bei <h1>:
      h1 {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1.5em;
       font-style: normal;
       text-align: left;
       color: #666666;
      }

      Wäre super!!!
      Danke
      Raphael

      1. Spiel doch einfach mal mit den Werten:

        margin:0px;
         padding:0px;

        (Einfach in den h1-Style einfügen)

        Evtl legst Du für die zweite Zeile die h2-Überschrift ja noch fest?

        Es können übrigens auch negative Werte angegeben werden.

        Viel Spaß

        Gruß
        Paul

        1. margin:0px;
          padding:0px;

          (Einfach in den h1-Style einfügen)

          Super, klappt, DANKE! DANKE! DANKE!!!
          lG
          Raphael