Html / Css Text auf Header bzw. Div-Container Text über Hintergrund?

Formatierung die CSS macht - (programmieren, Internetseite, Website) Wie ich es möchte! - (programmieren, Internetseite, Website)

3 Antworten

Wenn du für die position relative verwendest, so wird dieses Element aus dem normalen Dokumentfluss genommen und eine Positionierung erwartet. Du könntest jetzt auch H1 relative positionieren.

Warum formatierst du nicht nur h1?

MIt dem Beispiel hast du die gewünschte Anzeige mit h1 in einem schwarzen Kasten, ev. wäre es noch schön, "border-radius" zu verwenden, damit kannst du die Ecken abrunden, du kannst jede Ecke einzeln definieren, oder sogar eliptische Formen ersellen...(Google hilft) Achtung, Beispiel nicht getestet, kann noch Mängel aufweisen. LG

h1 {
text-align: center;
font-family: arial, helvetica, sans-serif;
font-color: white;
font-size: 24pt;
line-height: 200px;
width: 90%;
background-color: black;
overflow: hidden;
}

vielleicht margin: none; ?

Das kann alles sein.

Danke für die Antwort.

Was meinst du damit?

0

Warum funktioniert mein @font face nicht?

Ich steh auf dem Schlau, erkennt einer das Problem?

Mein Fontface css:

@font-face {
    font-family:"Conduit-Medium";
    src: url('fonts/Conduit-Medium.eot');
    src: url('fonts/Conduit-Medium.otf') format('opentype');
    font-style: normal;
}

Mein css Kopf:

body {
    background-repeat: no-repeat;
    background-color: #009ee3;
    font-family: "Conduit-Medium", serif;
}
...zur Frage

CSS backround-color Transparenz?

Hallo, man kann ja bei CSS mit

background-color: rgba(12,12,12,0.3);

die Hintergrundfarbe und die Transparenz ändern.

Gibt es eine Möglichkeit, die Transparenz des Hintergrundes zu überschreiben, ohne die Farbe nochmal angeben zu müssen?

...zur Frage

raspberry pi jquery

Ich hab auf meinem raspi einen apache server und wollte mal fragen wie ich meinen jQuery script in html ausfüren kann -> es funktioniert nicht

html: Button Magic

Click Me!

css: div { height: 60px; width: 100px; border-radius: 5px; background-color: #69D2E7; text-align: center; color: #FFFFFF; font-family: Verdana, Arial, Sans-Serif; opacity: 0.5; }

jQuery $(document).ready(function() { $('div').click(function() { $('div').hide(1000).slideDown(1000); }); });

Kann mir jemand helfen?

...zur Frage

Wie kann ich das Bild beim Überfahren mit der Maus ändern?

Hallo liebe Leute,

ich mache momentan ein Praktikum und habe eine Aufgabe bekommen, zu der ich zwar viel gegoogelt, aber leider keine Lösung hinbekommen habe.

Vielleicht könnt ihr mir dabei helfen?

Die Aufgabe lautet:

Beim Überfahren des Frosches mit dem Mauszeiger springt der Frosch auf den Boden. Wenn man auf das Podest klickt, dann sitzt er wieder oben auf seinem Podest.

Der HTML-Code:

<form>
  <div>
    <input id="podest" type="button" value="zurück"/>
  </div>
  <div id="frosch">
    <img alt="" border="0" height="136" src="frosch.png" width="150"/>
  </div>
</form>

Der CSS-Code:

body {
  background-color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15pt;
  color: green;
}

#frosch {
  position: absolute;
  bottom: 330px;
  left: 200px;
}

#podest {
  position: absolute;
  bottom: 0px;
  left: 200px;
  height: 350px;
  width: 150px;
  background-color: orange;
  color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20pt;
}

Das soll also mit JavaScript gemacht werden.

Vielen Dank im Voraus!

MfG

...zur Frage

HTML Hintergrund zu klein?

Hallo zusammen, ich habe mir jetzt eine HTML Seite gemacht, aber irgendwie klappt das mit dem hintergrund nicht ganz. Der Hintergrund ist irgendwie zu klein. Also ich habe eine Farbe, kein Bild als background angegeben. Im Bield sieht man, was ich meine. Bitte helft mir. Ich bin verzweifelt. Bei dem transparenten steht ein Text. Auch in der schwarzen Box. Mein Body Code sieht wie folgt aus.

    html {
    background-color: beige
}

body {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1000;
    padding: 2em 2em 4em;
    margin-bottom: auto
}

body {
    background-color: aliceblue
}

LG Michael

...zur Frage

CSS variable für transition funktioniert nicht?

warum funktioniert die Transition variable in meinem css code unten nicht? wenn ich statt 'var(--dur);' '1s' hinschreibe gehts auch? hat jemand eine Idee?

:root { --dur: 1s; }

test {

height: 500px;
transition: var(--dur);
border: 5px solid black;

}

test:hover {

height: 700px;

}

...zur Frage

Was möchtest Du wissen?