Verwandte Themen

RANGObro
07.06.2021, 22:09
Mit Links
HTML Email Style wird nicht richtig gerendert?

Folgender Code:

<html>
    <body>
        <div style="font-family: arial;">
            <h1 style="color: #007bff; letter-spacing: 2px; font-weight: 500;">Neue Nachicht von der Website!</h1>
            <div>
                <h2 style="margin-top: 2rem; margin-bottom: .5rem; letter-spacing: 2px; font-weight: 500;">Kontaktdaten</h2>
                <div style="margin-right: 70px; display: inline-block;">
                    <p style="margin: .6rem 0;">Vorname:</p>
                    <p style="margin: .6rem 0;">Nachanme:</p>
                    <p style="margin: .6rem 0;">Email Adresse:</p>
                    <p style="margin: .6rem 0;">Telefonnummer:</p>
                </div>
                <div style="display: inline-block;">
                    <p style="margin: .6rem 0;">${ firstname }</p>
                    <p style="margin: .6rem 0;">${ lastname }</p>
                    <p style="margin: .6rem 0;"><a style="color: #007bff; text-decoration: none;" href="mailto:${ email }">${ email }</a></p>
                    <p style="margin: .6rem 0;">${ htmlPhone }</a></p>
                </div>
            </div>
            <div>
                <h2 style="margin-top: 3rem; margin-bottom: 1rem; letter-spacing: 2px; font-weight: 500;">${ subject }</h2>
                <div style="font-size: 17px; padding-right: 11%; max-width: 900px;">${ message }</div>
            </div>
        </div>
    </body>
</html>

Eigentlich sollten bei den Kontaktdaten 2 Divs nebeneinander sein. Funktioniert auch wenn ich die Email über gmail.com aufrufe. Aber nicht in Windows Mail etc. Woran liegt das?

Computer, HTML, Style, programmieren, CSS, E-Mail-Adresse, node.js
1 Antwort
Nuehm154
24.05.2021, 13:20
Mit Links
Wordpress transparenter Block hinter Text?

Hallo, ich arbeite gerade an einer Website und habe mir bei Wordpress.org das Theme VW Eco Nature ausgewählt.
Hier könnt ihr die Website mal sehen (ich bin noch nicht weit, ich weiß da passt noch einiges nicht, bin noch ganz am Anfang): https://biogemuesehof-hauser.de/

Ich würde gerne den aktuellen oder einen ähnlichen Hintergrund wählen, weil er tolle Farben hat und zu unserem Design passt. Ihr seht selbst dass ich dann Probleme mit der Textfarbe bekomme da der Hintergrund dann so unruhig ist und weder hell noch dunkle Textfarbe besonders schnike aussieht. Also bräuchte ich sowas wie einen transparenten hellen Block hinter dem Text so ähnlich wie im Header (den habe ich durch ein transparentes png bild hingekriegt, aber das sollte ja im mainblock nicht die Lösung sein) und so ähnlich wie hier (hier allerdings den hellen transparenten Block, nicht den weißen deckenden):

https://buture.blogspot.com/

Ich kann das leider nicht einstellen bei meinem Theme im Customizer, nun wurschtel ich mit ein paar Lösungsansätzen aus dem Netz in der style.css rum aber ich komm nicht auf das gewünschte Ergebnis. Kann mir jemand helfen? Damit ein schöner transparenter Block erscheint der in der Seitenmitte ist und natürlich schön mitscrollt je nachdem wie viel Text auf die Seite kommt?

Bin absolute Anfängerin aber wäre sehr froh um Hilfe damit ich nicht den kompletten Hintergrund wechseln muss nur weil das nicht klappt.

Vielen lieben Dank schonmal!!

HTML, CSS, WordPress, Wordpress Theme
1 Antwort
Helpplshelp
28.04.2021, 22:44
HTML: Eingebundene CSS-Datei funktioniert nicht?

Hallo Leute,

ich habe seit heute mit dem Erstellen von Webseiten angefangen. Ich habe mir schon sehr viel dazu angeschaut und bin auch der Meinung, dass ich das meiste schon weiß.

Ich habe also eine HTML-Datei erstellt und wie es auch sein muss in den

<head>...</head>

einen Link zur entsprechenden CSS-Datei eingeführt. Der Link ist auch zu 100% korrekt, sowohl vom Aufbau als auch von der Rechtschreibung (insbesondere der Dateipfad).

Das HTML-Dokument lässt sich auch ganz normal im Internet abrufen, jedoch wird die CSS-Datei nicht ausgeführt (da die Farbe sich nicht verändert).

Es muss also etwas mit dem Link nicht stimmen, da die CSS-Datei auch keine Fehler enthält. Ich habe auch verschiedene Browser probiert.

Fakt ist: Ich habe schon alles probiert, tausendmal über alles drüber geschaut und auch im Internet nach ähnlichen Fehlern gesucht. Jedoch hat alles nicht geholfen.

Hier mein Code:

HTML:

<!DOCTYPE HTML>
<html>
  <head>
    <link href= "style.css" rel= "stylesheet" type= "css/txt" >
    <title>Regenwasser</title>
  </head>
  <body>
    <p><h1>Regenwasser</h1></p>
    <ul>
      <li>s</li>
      <li>l</li>
      <li>o</li>
      <li>l </li>
      <li>p-</li>
      <li>u</li>
      <li>P</li>
      <li>Fi</li>
      <li>Wass</li>
      <li>AQUA</li>
      <li>PLURAF</li>
      <li>AQ</li>
    </ul>
  </body>
</html>

CSS:

p {
  color: red;
}

ul li {
  color: green;
  height: 500px
}

Ich bin daran echt am Verzweifeln und sitze schon locker über zwei Stunden daran.

Computer, HTML, programmieren, CSS
6 Antworten

Meistgelesene Beiträge zum Thema HTML
Mehr meistgelesene Fragen zu HTML