css wen gecklickt?

Hallo ich bins nochmal.Da ich im internet es leider nicht finde wende ich mich doch sehr oft an gutefrage.Also ich wollte das wenn man auf ein div klickt das dan etwas pasiert.Ich habe geadcht das es mit .support:on-click{...

}

geht.Es geht so aber nicht.Danke schon im vornherein.

2 Antworten

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

02.04.2024, 12:23

Hi Mineland930,

wie ajkcdajefiu schreibt, kannst du die Pseudoklass :active in CSS verwenden. Möchtest du mit einem User interagieren und Ereignisse steuern, so brauchst du Javascript.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

ajkcdajefiu

02.04.2024, 12:13

.a:active ist richtig

CSS Styling Links (w3schools.com)

Woher ich das weiß:Hobby – Technik? I‘m an Expert!

Ähnliche Beiträge

HTML, CSS, Javascript EventHandler und .innerText?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test DOM Manipulation</title>
    <script src="inner.Text.js" defer></script>
</head>
<body>

<div>
    <button id="button">click me</button>
    <input type="submit" id="Einreichen" name="Einreichen" value="Testen">
</div>

</body>
</html>
const meinBody = document.body;
const e1 = document.createElement('div');

const innerText1 = "Programmieren ";
const innerText2 = document.createElement("b");
innerText2.innerText = "3";
const innerText3 = " FTW!";

e1.append(innerText1, innerText2, innerText3);
meinBody.append(e1);

const button = document.getElementById('button');

button.addEventListener('click', () =>  {
button.innerText = "Klicken";}

Wenn ich den button klicken, warum wird dann das click me nicht durch Klicken ersetzt?
Warum wird das meinBody.append(e1); nicht ausgeführt?

MFG

...zum Beitrag

Lohnt es sich noch CSS zu lernen?

Hey Leute, ich war dabei CSS zu lernen und bin schon mehr oder weniger sehr weit mit dem lernfortschritt. Nun habe ich aber mitbekommen, dass die meisten Anwendungen mit JavaScript oder mit c++ erstellt werden.

War es also komplett überflüssig CSS zu lernen? Wo könnte ich den CSS gebrauchen? Vielen Dank.

...zum Beitrag

HTML & CSS in .exe umwandeln?

Hallo,

ich habe eine ganz einfache Webseite mit HTML und CSS gebaut. Dort gibt es Buttons, die zu unterschiedlichen Webseiten führen. So eine Art Favoriten Liste wie in Browsern.

Diese Webseite möchte ich gerne in eine .exe umwandeln. Dann kann der Anwender über ein Desktop Icon dieses "Programm" öffnen. Wenn man dann auf einen Button klickt öffnet sich ganz normal eine externe Browser Webseite. Habe das schon mit .hta probiert, aber dann werden einige CSS Befehle nicht übernommen und die Buttons funktionieren nicht. Würde auch gerne eine Installation ausführen lassen, so dass man dann danach eine .exe. Datei hat.

Kenne mich nur mit HTML und CSS aus. Alles Andere kann ich nicht.

Danke :)

...zum Beitrag

Jquery: If hover mache "das", wen nicht mehr hover dan "das"

Guten Morgen Gutefrage.net, erstmal mein Code:

$(".leistungen").hover(function(){ $( ".technik" ).animate({ marginTop: "+=62", height: "toggle" }, 5000, function() { // Animation complete. });

});

Wie kann ich sagen das er nur einmal bei einem hover den div "technik" auf margin-top 62px einstellen soll? Und das er wen nicht mehr gehovert wird wieder zurückgehen soll?

Und dan natürlich wieder bei einem erneuten hover das ganze nochmal usw.

MfG

Matrix

...zum Beitrag

Projektideen für Webentwicklung gesucht?

Hey Leute, da wir am Ende des Jahres in der Schule ein Projekt abschließen müssen, wollte ich euch fragen, welche Ideen ihr im Bereich Webentwicklung habt.

Das Projekt muss in Gruppen von jeweils 2 bis 3 Personen umgesetzt werden.

Wir müssen sowohl Backend als auch Frontend in unser Projekt integrieren und eine Datenbank verwenden.

Habt ihr Vorschläge, was wir machen könnten?

Meine Erfahrung mit Webentwicklung ist, dass ich weder Anfänger noch fortgeschritten bin.

...zum Beitrag

Welchen HTML Editor für eine kommerzielle Website kann ich verwenden?

Moin. Ich möchte eine richtige Website selber machen. Habe auch noch ein paar HTML kenntnisse. Ich will diese wieder anwenden.

Da ich früher zu schulzeiten einen HTML editor verwendet habe, den man nicht kommerziell nutzen darf, bin ich nun auf der suche nach einem neuen.

Ich bin auch bereit, dafür geld auszugeben. wichtig ist die kommerzielle nutzung und wenn dieser viele funktionen bietet umso besser.

...zum Beitrag

Wieso ändert sich die Hintergrundfarbe nicht?

Hallo, ich probiere mich gerade ein wenig beim HTML coden aus und komme gerade nicht weiter.
Laut Tutorial sollte sich eigentlich ja jetzt die Hintergrundfarbe ändern aber bei mir bleibt sie weiß. Liegt das an den Klammern?
Was muss ich anders machen?
Siehe Bilder

...zum Beitrag

Html semibold und bold schauen gleich aus?

Hallo, ich arbeite aktuell an einem NextJS Projekt mit TailwindCSS. Mein Problem ist, dass Font-Weight 600 und 700, 100 bis 500 und 800 und 900 gleich ausschauen. Das ist aber auch bei einem Normalen HTML Dokument so.

Das Problem besteht in allen Browsern.
Danke für die Antwort im Vorraus.

Code zum Nachmachen:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Font Weight Test</title>
    <style>
        body {
            font-family: Arial, sans-serif; /* Using a widely available font */
        }
        .thin {
            font-weight: 100;
        }
        .light {
            font-weight: 300;
        }
        .normal {
            font-weight: 400;
        }
        .medium {
            font-weight: 500;
        }
        .semibold {
            font-weight: 600;
        }
        .bold {
            font-weight: 700;
        }
        .extrabold {
            font-weight: 800;
        }
        .black {
            font-weight: 900;
        }
    </style>
</head>
<body>
    <h1>Font Weight Test</h1>
    <p class="thin">This is thin text (100).</p>
    <p class="light">This is light text (300).</p>
    <p class="normal">This is normal text (400).</p>
    <p class="medium">This is medium text (500).</p>
    <p class="semibold">This is semibold text (600).</p>
    <p class="bold">This is bold text (700).</p>
    <p class="extrabold">This is extrabold text (800).</p>
    <p class="black">This is black text (900).</p>
</body>
</html>

...zum Beitrag

Fokus-Keyphrase Yoast SEO - Beispiel?

Bin noch relativ neu mit SEO obwohl ich schon lange Webentwicklung mache und WordPress nutze und da ist das bekannteste wahrscheinlich Yoast SEO (oder Rank math). Ich hatte Yoast installiert und überall mit ChatGPT lesbare Titel erstellen lassen zb. Startseite – Fitnessstudio Firma XY | Fitness in Dortmund, Essen & Hamburg
Bei Fokus-Keywords habe ich [Firma XY Fitness Dortmund Essen Hamburg Kraftsport Kardio Zirkeltraining Bodybuilding Gruppentraining Personal Training Sauna [bekannter Inhaber]] ohne Komma.
(Als einfaches Beispiel, es geht nicht um Fitness).
Ich denke mal dass ich das Fokus Keyword falsch verstanden habe und das man auch nur 1 einziges Fokus Keyword haben darf wie [Personal Training]?
Und man stark auf einen Vorteil gegenüber der Konkurenz gehen soll mit dem Keyword wie das Personal Training im Vordergrund steht und nichts anderes oder nichts anderes als Erholungssport (Zumindest im Free Plan glaube ich).
Die Sache ist aber das dieses Unternehmen beispielsweise einfach "nur" besser ist (ist nicht mein unternehmen deswegen sag ich die wahrheit) als die anderen.

Es ist klar das Fitness Studios alle dasselbe anbieten, ähnliche Preise haben und alle wahrscheinlich gut sind. Nur wenn dieses Unternehmen allgemein besser ist und nicht das Rad neu erfindet oder mit irgendeinem Quatsch wirbt was macht man da ? Einfach "Premium" oder "Hochwertig" nutzen ? Das machen schon die Konkurenz obwohl es garnicht so ist anhand der Website Qualität.
Gibt es Gruppen wo man andere Leute mal drüber gucken lassen kann und nach der Meinung Fragen kann ?
Englisch Sprachige Foren kenne ich bringt mir aber nicht viel wenn sie die Sprache nicht können und ich möchte nicht Outsourcen sondern SEO besser verstehen und erlernen als Webentwickler. Die Technische Seite kenne ich schon wie Performance und Ladezeiten, Nutzerfreundlichkeit darauf habe ich geachetet. Nur ist Yoast SEO und Wordpress etwas anders als wenn man mit React/Next.js arbeitet

...zum Beitrag

Html Passwort?

Guten Tag ich bin dabei eine seite zu programmieren auf welcher man einen key eingeben muss und dann weiter geleitet wird jedoch stoße ich hirbei auf probleme und zwar ist das passwort schon automatisch eingegeben und man kann eingeben was man will man wird trotzdem weitergeleitet wie kann ich das beheben hier der code :

<!DOCTYPE html>
<html>
<body>
<h1>Key</h1>
<form action="/action_page.php">
 <label for="key">Key:</label>
 <input type="password" id="key" name="key" value="1234"><br><br>
 <input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "hier kommt noch ein link".</p>
</body>
</html>

...zum Beitrag

HTML/CSS Steam Website rebuild?

Hallo,

ich möchte gerne die aktuelle Webseite von Steam nachbauen, jedoch habe ich Schwierigkeiten mit dem Hintergrund der Seite. Obwohl die Pixel-Art am Anfang vorhanden ist, fehlt mir der untere Teil der Seite, insbesondere die Darstellung der Steine und Fische. Es wäre am besten, wenn ihr selbst auf die Seite geht, um mich besser zu verstehen.

Ich benötige das zweite Bild von der Seite, das als Hintergrund verwendet wird. Ich habe bereits versucht, es über den Source Code zu finden, war aber leider nicht erfolgreich. Ich zeige euch ein Bild, das ich bereits habe, und benötige lediglich den unteren Teil davon, den ihr auf der Steam-Seite sehen könnt. Dort werden Fische und Steine abgebildet.

Vielen Dank für eure Unterstützung!

...zum Beitrag

Checkboxen die Pflicht sein soll?

man soll umbedigt eines der Checkboxen auswählen, Bei Bedarf oder Regelmäßig oder Nein.

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Bei_Bedarf)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Bei_Bedarf" value="Ja">{/if} {language key="elf_Frage_11_Bei_Bedarf"}{if !$pdf}</label>{/if}</div>       

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Regelmaessig)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Regelmaessig" value="Ja">{/if} {language key="elf_Frage_11_Regelmaeßig"}{if !$pdf}</label>{/if}</div>

<div class="col-xs-2">{if $pdf}<span class="span-checkbox{if isset($values.Medikamente_in_Schule_Nein)} span-checkbox-checked{/if}"></span>{else}<label class="checkbox-inline"><input type="checkbox" data-group="Medikamente_Schule" name="Medikamente_in_Schule_Nein" value="Ja">{/if} {language key="elf_Frage_11_Nein"}{if !$pdf}</label>{/if}</div>

...zum Beitrag

HTML CSS Round Buttons?

Guten Tag,

Wie würdet ihr diese Buttons designen?

Ich bin noch neu in der webentwicklung

Hier mein html code:

Danke im voraus.

...zum Beitrag

Was sind CMS Elemente?

Guten Abend liebe Community,

ich bin gerade dabei mein Geschäft zu digitalisieren bzw. eine Webseite zu bauen. Jetzt wird mir von den verschiedenen Anbietern, die Webseiten im Baukasten Format anbieten, gesagt, mit Abo XY 5000 CMS Elemente inkludiert.

Was kann man sich darunter vorstellen als Laie. Werde ich bspw. nach 4 erstellten Unterseitenseiten dann begrenzt, weil meine Elemente ausgegangen sind?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen