Chris3dib: Probleme mit bündiger anzeige

<div class="FooterRight">
<p>Phone: +49 351 4XXXXX<br>
Email:<a href="mailto:post@XXX-XXX.de">post@XXX-XXX.de</a></p>
</div>

Alternativ-Text

Hallo Forum,

kann mir jemand sagen, warum der Einzug hinter dem Doppelpunkt unterschiedlich ist? die Telefonnummer soll bündig mit der EMail Adresse sein. Jedoch ist der + des Ländercodes immer ein Zeichen zu weit vorn.

Gruß und Danke

Chris

  1. Hallo

    kann mir jemand sagen, warum der Einzug hinter dem Doppelpunkt unterschiedlich ist?

    Nein, dazu ist der Quellcodeschnipsel nicht ausreichend.

    Grundsätzlich ist das Konstrukt für eine Tabellendarstellung nicht geeignet.

    Gruss

    MrMurphy

  2. Hallo

    <div class="FooterRight">
    <p>Phone: +49 351 4XXXXX<br>
    Email:<a href="mailto:post@XXX-XXX.de">post@XXX-XXX.de</a></p>
    </div>
    
    

    Alternativ-Text

    kann mir jemand sagen, warum der Einzug hinter dem Doppelpunkt unterschiedlich ist?

    Grundsätzlich lässt sich ohne weiteren Code (CSS) nur spekupieren.

    die Telefonnummer soll bündig mit der EMail Adresse sein. Jedoch ist der + des Ländercodes immer ein Zeichen zu weit vorn.

    Die Emailadresse steckt, im Gegensatz zur Telefonnummer, in einem eigenen HTML-Element (<a>). hat dieses eigene Formatierungsregeln?

    Tschö, Auge

    --
    Wir hören immer wieder, dass Regierungscomputer gehackt wurden. Ich denke, man sollte die Sicherheit seiner Daten nicht Regierungen anvertrauen.
    Jan Koum, Mitgründer von WhatsApp, im Heise.de-Interview
  3. @@Chris3dib

    <div class="FooterRight">
    

    Das möchte gern ein footer-Element sein?

    Wenn es sich um den Kontakt zum Seitenbetreiber handelt, ist dafür das address-Element passend.

    <p>Phone: +49 351 4XXXXX<br>
    Email:<a href="mailto:post@XXX-XXX.de">post@XXX-XXX.de</a></p>
    </div>
    

    Und manchmal ist eine Tabelle einfach nur eine Tabelle:

    <table>
      <tbody>
        <tr>
          <th>Phone:</th>
          <td>+49 351 4XXXXX</td>
        </tr>
        <tr>
          <th>Email:</th>
          <td><a href="mailto:post@XXX-XXX.de">post@XXX-XXX.de</a></td>
        </tr>
      </tbody>
    </table>
    

    Jetzt wird gleich wieder jemand „Beschreibungsliste dl!“ rufen. Ja; aber wegen des fehlenden di-Elements (Gruppierung zusammengehöriger dt/dd) schwierig zu stylen.

    Und warum ist die E-Mail-Adresse verlinkt, die Telefonnummer aber nicht?

    <a href="tel:+49-351-4XXXXX">+49 351 4XXXXX</a>
    

    Dann können Nutzer mit entsprechenden Geräten (bspw. Mobiltelefonen) die Nummer gleich per Click wählen.

    LLAP 🖖

    --
    „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
    „Hat auf dem Forum herumgelungert …“
    (Wachen in Asterix 36: Der Papyrus des Cäsar)