CSS – die besten Beiträge

Hey,

Ich habe nun als Aufgabe bekommen, eine Support Seite zu programmieren, wo alle verschiedenen Möglichkeiten zum Support angezeigt werden

(TeamSpeak, Ticket-System und E-Mail).

Dort ist auch ein Button mit z.b. dem Text "Ticket-System öffnen".

Dieser leitet dann auf eine andere Seite weiter, nur wenn man dort drauf klickt, und dann zur Support Seite zurück kehrt, wird im Button der Text "Ticket-System öffnen"

in Blau angezeigt, weil man diesen Link auf den man weitergeleitet wird, schonmal war.

Wie kann man das deaktivieren, für alle Besucher?

Danke im Vorraus :)

Guten Tag Leute,

Ich bin ein frischer anfänger was programmieren angeht. Ich bin dabei Bilder einzufügen und die Bilder sind in ein anderen Ordner. Im Netz wurde gesagt (ordner name img ich will blume.jpg einfügen)

das der Code so ist : <img src="/img/blume.jpg/">  auch ein Code der da war war
<img src="img/blumejpg/"> 

Ich habe beide codes ausprobiert und beide funktionierten nicht.
Ich freue mich über jede hilfe vorab schonmal danke.

MFG,
Daniel P.

Hallo liebe Ratgeber!

Ich arbeite gerade an einem kleinen Projekt in HTML. Dazu habe ich unter anderem einen Header-Bereich, welcher beim herunterscrollen stets weiter angezeigt werden soll. Ich habe ihm also die CSS EIgenschaft position: fixed verpasst, welche sich eigentlich nicht wirklich von position: relative unterscheidet, außer dass das Element nun fixiert wird. Als ich jedoch nun fixed statt relative verwendet habe, hat der Header Bereich ein Abstand nach oben bekommen. Zu Testzwecken habe ich außerhalb des Header-Bereichs eine lose Überschrift angeordnet. Diese erschien allerdings nicht wie gewollt unter dem Header-Bereich, sondern verschwand in ihm, als würde es den Header-Bereich nicht geben.

Hier mein Problem

Der Header-Bereich bekommt trotz margin:0 einen Abstand nach oben hin, eine darunter gesetzte Überschrift h2 verschwindet darin.

Wer kann mir bei meinem Problem ein wenig weiterhelfen? Ich möchte, dass der Header oben bleibt und alle folgenden Elemente auch unter dem Header angezeigt werden.

Danke im Voraus!

LG Korbi

Hallo ich programmiere Webseiten als Hobby und möchte eine Suchfunktion wie in YouTube einfügen.

Dies ist der Quelltext:

<nav>
  <label for="suche"></label>
  <input type="search" id="suche" placeholder="Suche…">
</nav>

Bitte korrigiert ihn!

Hier nochmal ein Beispiel:

Ich kann bei keine css dateien mit dem link tag laden. Ich habe mehrere Möglichkeiten ausprobiert:

<link type="text/css" rel="stylesheet" href="stylesheets/style.css">

<link type="text/css" rel="stylesheet" hrefhttp://localhost/stylesheets/style.cssss">

<link type="text/css" rel="stylesheet" href="./stylesheets/style.css">

nur fürs Verständnis:

htdocs

|- index.php

|- stylesheets

|- style.css

keine dieser möglichkeiten funktioniert.

Weiß jemand wie das geht? Oder hab ich einen Fehler gemacht?

Danke im Voraus :)

Hey,

Ich bin gerade dabei eine Website zu programmieren.

Und ich wollte mal fragen, ob es möglich ist die URL zu verstecken. (In der Suchleiste/Urlleiste).

Also damit meine ich in der Leiste, wo man z.b. auch Links hineinschreibt.

Also das man z.b. auf gutefrage.net ist aber oben in der Urlleiste "Frage-Antwort-Platform" angezeigt wird.

Danke im Vorraus :)

Wie kann ich zwischen den beiden Bildern einen Abstand lassen bzw das 2 Bild nach rechts verschieben?

der HTML CODE:

<iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//ws-eu.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&OneJS=1&Operation=GetAdHtml&MarketPlace=DE&source=ac&ref=qf_sp_asin_til&ad_type=product_link&tracking_id=28051993-21&marketplace=amazon&region=DE&placement=B01G3M649Y&asins=B01G3M649Y&linkId=ae6a78a0856fbe5a7df91f8c8f756029&show_border=false&link_opens_in_new_window=true&price_color=333333&title_color=003cbf&bg_color=ffffff">

  </iframe>

Beide haben den gleichen quellcode alsooben 2x habe ich es eingefügt in der website

Ich möchte mein Impressum und meine Kontakt seite bei klick öffnen und über allem andern anzeigen lassen. Dass hab ich auch hinbekommen nur ich bekomm es nicht hin es wieder zu schließen wenn ich daneben klicke.

Hallo ich werde an meiner Schule ein Arduino Workshop machen...

Mein Plan ist das man auf meiner Webseite den Code und Bilder zu dem entprechenen Projekt sind, aber zum schluss soll ein "weiter" Button da sein der erst gedrücht werden kann wenn ein anderes HTML Dokument (also der ADMIN) dies freigibt. Sodas alle gleichschnell sind und keiner einfach vorspringen kann...

Danke und Liebe Grüße

Hi, der Titel erklärt eigentlich schon mein Problem Für meinen Code brauche ich momentan Hilfe, denn ich weiß nicht wie man es codet, dass man in ein input field nur bestimmte Zeichen erlauben kann. Bei Straßennamen bspw. Buchstaben wie "ß,ö,ü" usw. und halt auch Zahlen die dazugehören. Und gibt es document.getElementById("id-name").size noch? Mir wird in meinem Programm nur sizeToContent vorgeschlagen. Ich danke euch schon mal :)

Ich bin echt verwirrt, das ist heute schon mir dritter Post mit dem Thema HTML/CSS/PHP. Bin neu in dem Bereich und komme leider ohne Hilfe nicht ganz weiter...

Wie man in dem Bild sehen kann ist .test eine Klasse im HTML-Teil. ".test" gibt einen normalen Satz aus. Da ich nicht will, dass der Text genau unter der Navigation erscheint, habe ich "margin-top: 3em;" hinzugefügt.

Als nächstes habe ich versucht einen Text aus einem String in PHP auszugeben. Das war kein großes Problem, danach habe ich dem Text in PHP mit <span id> einen Namen gegeben, um diesen Text in PHP zu bearbeiten. Jetzt möchte ich genau wie oben, dass der Text nicht genau nach der Navigation oben kommt, sondern genau wie bei ".test" auch einen Abstand nach oben hat.

Ich habe vieles versucht, kann mir aber leider nicht erklären warum es in HTML mit .test funktioniert, aber in PHP mit #meintext nicht.

Ich freue mich über jede Antwort, danke!

Hallo, ich habe gerade meinen Code geprüft und die Meldung bekommen, dass der gelb markierte Teil meiner Tabelle veraltet ist (siehe Bilder) kann mir das bitte Jemand verbessern.

LG

https://themeix.com/livedemo?theme=appszone

zur class head-title finde ich nur diese Einträge aber das erstellt das nicht... : https://hastebin.com/hoyarafexo.css

wie geht dieser Strich genau ? kann man das auslesen ?

Hey, ich arbeite gerade an einer Webseite für eine Projektarbeit. Dabei habe ich nun die Webseite online gestellt. Jedoch wird die Webseite (Hintergrund und manchmal Strukturierung) im Chrome/ Safari Browser falsch angezeigt, aber beim Edge Browser funktioniert alles. Ich habe die Dateien Lokal auch immer im Google Chrome Browser geöffnet und da wurde es immer richtig angezeigt. Woran liegt es, dass es online anders angezeigt wird?

PS: Bei Firefox funktioniert die Webseite auch richtig

http://www.projektarbeit-webseite.de/

Ich habe ein reiner Parallax-Effekt mittels CSS der auch genauso funktioniert wie er soll. Hierbei handelt es sich um ein einziges DIV mit Hintergrundbild:

<div id="h123_3" class="container-fluid parallax" style="height: 40vh; background-image: url(/bilder/bild1.jpg);"><a href="#h123_3" class="imageOpener btn btn-light btn-sm">Vergrößern</a></div>

Das CSS:

.parallax {
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 0px 0px 30px #444;
  position: relative;
  transition: all 0.5s ease;
}

Einzigstes Problem: Durch background attachment: fixed wird das Bild ja relativ zum Viewport, also an der oberste Bildkante, fixiert. Gibt es ein Trick/Workaround in dem ich es schaffe, dass background-position: bottom trotzdem funktioniert ohne den Parallax-Effekt (durch fixed) zu verlieren? Auch JS würde ich gerne weitgehenst verzichten.

Edit: Hab mich etwas falsch ausgedrückt. Ja background-position funktioniert. Nur das Parallax-DIV sitzt beim Laden der Seite am oberen Bildschirmrand. Dadurch wird trotzdem nur der größteil obere Bildausschnitt angezeigt.

In meiner Prüfung nächste Woche geht es um HTML und CSS. Für beide Teile haben wir Vorbereitungsfragen erhalten und im Teil HTML steht die Frage, was der Unterschied zwischen einer Dokumentbeschreibungssprache und einer Metasprache ist. Googeln hat mir da nicht viel weitergeholfen und ich verstehe nicht wirklich, wo da der Unterschied sein soll.

Kann mir jemand weiterhelfen und es einfach ganz simpel erklären?

Hey, ich möchte in CSS einen Text in der Mitte haben aber auch linksbündig. (Die Anfänge sollten auf der roten Linie sein.)

Hallo,

ich versuche ein Bild in voller Breite auf einer Webseite darzustellen, es soll dabei einen dunklen Farbverlauf unter sich haben.

Da sich die Seitengröße / das Bildschirm-Seitenverhältnis auch mal ändern kann, soll das "Dunkle" auch hinter dem Bild sein.

Nun wollte ich den Farbverlauf mit einem box-shadow abbilden und der ist am Rand eben um die Box und nicht gerade runter.

Also habe ich mir diesen Code hier ausgedacht:

<html>
<head>
<style>


#example {
    box-shadow: 0px 3vh 3vh rgba(0, 0, 0, 0.5);
    /*box-shadow: 0px 3vh 3vh rgba(0, 0, 0, 0.5), 0px -3vh 3vh rgba(0, 0, 0, 0.5); oben auch Schatten*/
    margin-left: -10vw;
    margin-right: -10vw;
    margin-top: 0px;
    margin-bottom: 6vh;
    padding-left: 10vw;
    padding-right: 10vw;
    padding-top: 0px;
    padding-bottom: 0px;
    boarder-left: 0px;
    boarder-right: 0px;
    boarder-top: 0px;
    boarder-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    padding-bottom: 2vh;
    left: 0px;
}
</style>
</head>
<body>
<div id="example">
    <img srchttps://thumbs.dreamstime.com/z/quadratisches-muster-38138270.jpgpg" style="width: 100vw; height: 100vw;"/>
</div>

</body>

Den kann man praktisch unter https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_box-shadow2 einsetzen und ausprobieren.

Ich hab also den Hintergrund, nebst Farbverlauf, 10% in der Breite erweitert und meinte mit dem Padding dann das Bild in die Mitte zu bekommen. Aber das klappt nicht, es landet zu weit rechts.

Woran liegt das und wie kann ich das vermeiden?

(Firefox Dev-Edition 66.0b1 (64-bit))