Probleme mit bündiger anzeige

[Chris3dib]

<div class="FooterRight">
<p>Phone: +49 351 4XXXXX<br>
Email:<a href="mailto:[e-mail]">[e-mail]</a></p>
</div>

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

[MrMurphy1]

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

[Auge]

Hallo

<div class="FooterRight">
<p>Phone: +49 351 4XXXXX<br>
Email:<a href="mailto:[e-mail]">[e-mail]</a></p>
</div>

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

[Gunnar Bittersmann]

@@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:[e-mail]">[e-mail]</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:[e-mail]">[e-mail]</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 🖖