vor <address> - Tag Zeilenumbruch verhindern

RonjaMichaela

Aktives Mitglied
Thread Starter
Dabei seit
18.12.2005
Beiträge
247
Reaktionspunkte
0
Folgendes Problem:

Contact: <address>mail@to.somebody</address>

Wenn ich so schreibe, dann macht es mir immer nach dem "Contact" einen Zeilenumbruch. Wie kann ich den verhindern?


DANKE für eure Hilfe.
 
Nimm das Contact halt in den adress-Tag noch mit rein und mach es
ggf. per CSS nicht-kursiv.
 
Wieso überhaupt das Adress-Tag für eine E-Mail verwenden? Das Ding stammt aus den Urzeiten des Webs und war lediglich die Möglichkeit, die Kontaktdaten kursiv zu kennzeichnen. Das geht heute mit CSS einfacher für jedes Element. Oder man nimmt <em>...</em> wenn es unbedingt kursiv sein soll.

Da zu einer Adresse immer mehr gehört, würde ich das in eine unsortierte Liste tun.

Und wenn es nur eine E-Mail Referenz enthalten soll -> ab in einen Link und den Link mit einem Formular verknüpfen.

Und ich würde die E-Mail auch nicht einfach so im Markup ablegen, das gibt bald Spamalarm. Besser ist eine Grafik - und dann reicht ein img-Tag.

lea schrieb:
Nimm das Contact halt in den adress-Tag noch mit rein und mach es
ggf. per CSS nicht-kursiv.

Na dann sind wir aber wieder bei verschachteltem Chaos ohne Sinn in der Bedeutung. HTML != Layoutsprache ;)

Ich würde am ehesten so vorgehen - falls es eine komplette Adresse ist:

HTML:
<adress>
  <ul>
    <li>...</li>
    <li>...</li>
  </ul>
</adress>

Oder halt eine Definition List. Aber nur wieder einzelne Worte mit Extra Tags zurechtbiegen, hmmm :kopfkratz:

Falls es nur die E-Mail sein soll:

HTML:
 Contact: <a href...>....</a>

oder

HTML:
 Contact: <img ..... />

oder

HTML:
 Contact: <a href...><img ..... /></a>

oder ohne alles :D

HTML:
<span class="fett">Contact:</span> mail@to.somebody

Kann man sich wohl theoretischen Diskussionen hingeben - ganze Abende lang ;)

2nd
 
Zuletzt bearbeitet:
Wir müssen das <address> Tag verwenden..steht so in der Angabe.
 
2ndreality schrieb:
Na dann sind wir aber wieder bei verschachteltem Chaos ohne Sinn in der Bedeutung. HTML != Layoutsprache ;)
1. hab ich heut den <address>-Tag zum ersten Mal gesehn und
2. mein Leben ist grad tiefstes Chaos
also verzeiht bitte :D
War ne schnellschuss-Antwort, in einer Layout-Denkpause, vielleicht kommts daher ;)
Ich geb dir ja Recht…
 
Hmm, so ganz läßt mich das Problem nicht los. Im Prinzip geht es auch so wie Du sagst Lea. Die Möglichkeiten, die ich in meinem obigen Post vorgeschlagen habe, sind ja schon vielfältig und wenn man davon ausgeht, dass das ADDRESS-Tag auch für einzelne E-Mail Adressen benutzt wird, bleibt einem wohl gar keine andere Möglichkeit, als mit dem Nichtkursiven <SPAN> innerhalb des ADDRESS-Tag zu arbeiten. Und das ist immer noch besser, als eine Tabelle zu bauen und in 2 Zellen den Kram reinzuquetschen.

Das funktioniert übrigens nicht und ich bin verwundert:

HTML:
<p>Contact: <address style="display:inline;">mail@irgendwas.irgendwo</address></p>

Hmm, komisch, dass man auf solch ein merkwürdiges Tag besteht.

lea schrieb:
mein Leben ist grad tiefstes Chaos

Das geht nicht, vor Dir liegen grosse Aufgaben ;)

2nd
 
gg...ich lass einfach das "Contact" weg....*gg* zwar nicht die schönste Lösung...aber ich hab heute keinen Kopf mehr dazu. Werd aber nachfragen und dann hier posten, falls Interesse besteht.
 
Das geht nicht, vor Dir liegen grosse Aufgaben ;)

2nd
Ich meinte eher mein kreativ-berufliches Leben, alles, was mit Mac…
beginnt ist gut ;)

RonjaMichaela schrieb:
gg...ich lass einfach das "Contact" weg....*gg* zwar nicht die schönste Lösung...aber ich hab heute keinen Kopf mehr dazu. Werd aber nachfragen und dann hier posten, falls Interesse besteht.
Oh wenn man das nur immer so machen könnte, wenn einem was nicht in
den Kram passt – das wärs!!! :teeth:
Frag gleich, warum es der in meinen Augen (also, das was ich bisher dazu
jetzt gelesen habe) veraltete address-Tag überhaupt noch sein muss :)
 
ein paar gedanken zum thema:

1.
Code:
<div class="mail"> <!-- War <p>, aber <div> ist "richtig" -->
<em>Kontakt: </em>
<address>
  <a href="mailto:mail@einserver.de">eMail (öffnet ihr Mailprogramm!)</a>
</address>
</div> <!-- War </p>, aber </div> ist "richtig" -->
+
Code:
.mail em,
.mail address{
  display:inline;
  font-style:regular;
}

Wäre eine semantische Lösung. (klappt bei mir auch).

2. <address> ist nicht überflüssig sondern imho eher eine semantisch sinnvolle ergänzung. warum eine addresse nicht auch als solche kennzeichnen?

3. <address> darf nur inline-elemente enthalten und eine darin enthaltene addresse sollte allenfalls in spans gegliedert werden. im regelfall ist das aber dann ausnahmsweise ein gültiger fall für den sonst so unbeliebten <br />-tag.

gruß, pichfl.
 
Zuletzt bearbeitet:
Bei mir klappt es mit Deiner Lösung nicht, der Zeilenumbruch ist nach wie vor drin. Weiss nicht, was ich hier bei mir anders mache? Das Markup nebst CSS ist aus Deinem Posting kopiert.

Ausserdem habe ich keine valide Lösung mit dem Markup mit einer XHTML DTD hinbekommen, da <p> nur Inline Elemente enthalten darf (genau dasselbe, was Du unter Pkt. 3 für <address> aufführst). Damit ist meine Lösung mit der ungeordneten Liste weiter oben auch hinfällig. Mit HTML 4.01 kriegt man das Absatzkonstrukt valide, aber das ist keine ernstzunehmende Alternative meiner Meinung nach (also das Schreiben in HTML 4.01).

Habe selber noch ein wenig probiert und denke, jetzt die semantisch korrekte und valide Lösung (XHTML 1.1 Strict) gefunden zu haben - ist unten angehängt. Ausserdem funktioniert es. Alles viel zu kompliziert weiter oben mit Listen und Absätzen, Lea lag richtig. Obwohl mich solche Einzelwort-SPANs immer an die FONTitis vor 5 Jahren erinnern :cool:

Eine E-Mail Adresse (die meistens auch ein Link ist) in ein Konstrukt aus 2 Extratags zu legen (ADDRESS und SPAN) halte ich persönlich für übertrieben, Semantik hin oder her. CSS Selektoren für Text- und Bilderlinks habe ich sowieso, warum soll ich dann noch was drumrumbauen? Das erscheint mir als Pragmatiker mit Hang zum theoretischem Verständnis zu übertrieben.

Für Adressen mit mehreren Zeilen macht es anstelle von Listen oder Absätzen mit BRs wohl Sinn. Mal sehen, vielleicht ergibt sich in naher Zukunft nach solch intensiver Auseinandersetzung mit dem Thema mal ein Einsatzgebiet. Populär ist das Teil jedenfalls nicht gerade :p

2nd
 
Zuletzt bearbeitet:
Ich kannte den Tag gar nicht, wahrscheinlich weil er veraltet ist? Ausserdem wer schreibt eigentlich E-Mail Adressen im Klartext noch auf eine Homepage? Das ist ja ne Einladung für jeden Spammer.

Wobei bei dem Thema fällt mir auch was ein. Das ging mir Gestern durch den Kopf.

Ich baue E-Mails per Javaskript immer auf den HP zusammen wegen den Spammern. Eigentlich ja wegen den Bots die die Seiten abgrasen nach E-Mail Adressen. Da stellte sich Gestern halt die Frage, wie machen die das genau?
Wenn die die fertig erzeugte HTML Seite auswerten, hat jeglicher Schutz seine Berechtigung verloren, weil im Endprodukt jede Adresse wieder im Klartext steht. Also denke ich, lesen die den Quellcode der Seite, wo Sie das Konstrukt der zusammengesetzten Strings nicht verstehen. Oder?
Kläre den Kunden mal wegen der Spamgefahr auf, und das dieser veraltete Tag eigentlich gar nicht mehr in der realen Welt benutzt wird.
 
ThaHammer schrieb:
Ich baue E-Mails per Javaskript immer auf den HP zusammen wegen den Spammern. Eigentlich ja wegen den Bots die die Seiten abgrasen nach E-Mail Adressen. Da stellte sich Gestern halt die Frage, wie machen die das genau?
Wenn die die fertig erzeugte HTML Seite auswerten, hat jeglicher Schutz seine Berechtigung verloren, weil im Endprodukt jede Adresse wieder im Klartext steht. Also denke ich, lesen die den Quellcode der Seite, wo Sie das Konstrukt der zusammengesetzten Strings nicht verstehen. Oder?

Man kann über eine Bibliothek per PHP-Skript Webseiten anfordern und dann sonstwas damit machen, z. B. Curl: http://www.dynamicwebpages.de/php/ref.curl.php

Die Bots erkennen mittlerweile auch Grafiken, in denen eine E-Mail Adresse abgelegt ist. Also diese kleinen GIF-Bildchen, die in PS nur angelegt wurden, um eine E-Mail Adresse zu verstecken. Es wird mittlerweile empfohlen, E-Mails nicht mehr mit Schrift in PS zu schreiben sondern per Hand zu malen (Schreibschrift).

Wie sieht Deine JS Routine aus für die E-Mails? Was passiert wenn JS beim Clienten aus ist?

ThaHammer schrieb:
Kläre den Kunden mal wegen der Spamgefahr auf, und das dieser veraltete Tag eigentlich gar nicht mehr in der realen Welt benutzt wird.

Ich denke nicht, dass es eine Kundenarbeit ist, eher eine Studienarbeit und der Lehrer hat gesagt... :hehehe:

Und wie schon oben gesagt: Es kann für postalische mehrzeilige Adresse schon Sinn machen, statt mit P oder UL mit ADDRESS zu arbeiten.

2nd
 
2ndreality schrieb:
Wie sieht Deine JS Routine aus für die E-Mails? Was passiert wenn JS beim Clienten aus ist?


ich verwende u.a. diesen Enkoder auf meiner privaten HP und bin ganz zufrieden.


Wobei ich auch hier anfänglich meine Probleme hatte undmich fragte, ob denn der Autor die angegebene Email-Addy bei sich zwischenspeichert, bevor das Javascript die Addy enkodiert ausspuckt, aber wollen wir ihm mal nichts unterstellen und ihm seiner Zusicherung Glauben schenken ;)
 
Wenn JS deaktiviert ist ist kein Link zu sehen, auch nicht die optimale Lösung
in meinen Augen… ;)
 
lea schrieb:
Wenn JS deaktiviert ist ist kein Link zu sehen, auch nicht die optimale Lösung
in meinen Augen… ;)

100% Zustimmung von mir :)

Die Bilderlösung gefällt mir aber auch nicht, aber das geht jetzt zu weit am eigentlichen Thema vorbei.
 
Also ich verwende bei manchen Projekten die Templateengine Smarty. Da gibts sowas auch. Funktioniert ganz gut:

smarty mailto
 
Nachtrag: mein Fehler. War auch schon reichlich spät. <address> ein ähnliches Blockelement wie <p>.

Wenn du statt dem <p> einen <div>-Tag verwendest (oder was halt grad in der Gegend rumsteht - <li> in einer Liste oder so?) funktioniert meine Lösung.

Habs mal hochgeladen: http://hades.einserver.de/address.html


und was die verschlüsselung der eMail anbelangt, ich verwende die von Markdown mitgelieferte Umwandlung in Zeichencodes, das funktioniert bisher ganz gut.
 
Ich weiß, alles nicht so optimal. :D

Ich verwende die einfachere Version.

Code:
<SCRIPT TYPE="text/javascript">
emailE = ('dummy' + '@' + 'freenet' + '.de');
document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');
</script>
 
ThaHammer schrieb:
Ich weiß, alles nicht so optimal. :D

Ich verwende die einfachere Version.

Code:
<SCRIPT TYPE="text/javascript">
emailE = ('dummy' + '@' + 'freenet' + '.de');
document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');
</script>
Schreib das lieber so:

Code:
<SCRIPT TYPE="text/javascript">
//<![CDATA[
emailE = ('dummy' + '@' + 'freenet' + '.de');
document.write('<a href="mailto:' + emailE + '">' + emailE + '</a>');
// ]]>
</script>
<,> und & sind nämlich Tabu solange Sie keinen Tag markieren.

Und wenn du danach noch

Code:
<noscript>meine (AT)  adresse.de</noscript>
schreibst, kann man auch ohne Javascript noch etwas sehen
 
Zurück
Oben Unten