Hey,

wir suchen für neue Projekte Mitstreiter und Mitarbeiter welche sich prozentual am Projekt beteiligen würden.

Wir stehen vor einigen Herausforderungen und befinden uns noch in der Konzeption für das Projekt. Die Frage die ich mit gestellt habe: wir brauchen dringend noch Unterstützung!
Wo finde ich die, gibt es spezielle Foren oder Discordserver oder Börsen, auf welchen ich unser Projekten Pitchen kann und dadurch evtl. Unterstützer finde?

Wir benötigen in der Struktur, Frontend, Backend, SQL etc.

Startup Seiten sind mir bekannt, aber auf diesen haben wir bereits und nie etwas vernünftiges gefunden.

Ich freue mich über Feedback und gerne auch kreativen Austausch.

Grüße!

Ich interessiere mich schon lange hobbymäßig für Spieleentwicklung und möchte jetzt mal damit anfangen. Was denkt ihr sollte man als erstes lernen?

Ich hätte zum Thema "Clean-Code & mehr" im Front-End & Back-End einige Fragen.

Hauptsächlich zum Thema Webentwicklung in HTML, SASS, JavaScript, PHP.

1. Wie kommentiert ihr?
2. In welcher Sprache (Deutsch, Englisch) kommentiert ihr?
3. Macht ihr Minfy?
4. Schreibt ihr zusätzliche Hinweise in den Code wie Version und Autor?
5. Nutzt ihr CSS, SCSS oder SASS?
6. Habt ihr Probleme mit Legacy-Code?

Vielen Dank im Voraus!

Moin.

Ich bin jetzt kein Anfänger, ich programmiere auch beruflich und bla bla bla. Ich bin 17, aber habe zurzeit einfach keine kleinen Projekte. Ich weiß nicht, was ich programmieren soll.

Habt ihr ein paar Ideen? Alles außer Videospiele bitte, ich bin echt kein Fan von Game Development ... anstrengend.

Lg

P.S.:

Ich bin jetzt nicht auf einen gewissen Tech Stack fokussiert, ich lerne gerne neues. Also könnt wirklich vorschlagen, was ihr halt so im Kopf habt.

Wie kann ich einen live ticker erstellen mir einer Website für den Autor und für eine Website für den Leser weil mit ChatGPTs Hilfe kommt da nur irgendein quatsch raus aber wenn ich das dann so umsetze funktioniert halt mit der Datenbank nicht kann html und css aber das mit den Datenbanken ist halt noch bisschen trikky

Hallo ich möchte mit dem DHT11 die Temperatur und Luftfeuchtigkeit an eine Website senden. Die Website ist schon über den ESP32 aufrufbrar. aber wie kann ich es programmieren das die Temperatur dorthin gesendet wird?

ich programmiere mit Arduino IDE.

danke im voraus.

Gibt es günstige CMS-Systeme wo ich alles selber uneingeschränkt mit HTML und CSS und JavaScript designen kann, aber das Backend für Content und Formulare über das CMS läuft?

Was ist besser, so: de.seite.com oder seite.com/de?

Momentan denke ich, dass die Subdomainversion besser ist, da es als einzelne Seite betrachtet wird und somit sich die mehreren Sprachen auf der Seite nicht so leicht vermischen könnten bei der Suche, was denkt ihr?

Da ihr meine Lerngeschwindigkeit, Zeit usw. alles nicht kennt, würde ich gerne wissen, wie lange ihr selber brauchen würdet wenn ihr Python oder PHP neu lernen müsstet, auf ein Niveau, dass ihr folgende Sachen sicher programmieren könntet:

• Kontaktformular
• Newsletter
• User-Logins
• Shop-Systeme

Ich kann mich nicht entscheiden ob ich lieber Php oder Python lernen sollte zu erst. Ich will hauptsächlich erstmal Sachen wie Kontaktformulare, E-Mail Sachen wie Newsletter usw programmieren und dann immer halt fortgeschritteneres wie zB User-Konten, Online-Shop-Systeme, Stripe Einbindungen usw.

Ist es eigentlich möglich, mit Lua oder Luau eine qualitative Website mit komplexem Layout und 3D-Elementen zu erstellen, oder kommt man um den JavaScript nicht herum?

Ich bin Anfänger (habe noch mich noch nie mit programmieren/coden vertraut gemacht) und möchte damit beginnen, zu lernen, wie man einen Code zu einer Website transformiert, habe mich damit aber noch nicht auseinandergesetzt (ich habe bisher noch keine Erfahrung mit coden von Websites). Und ja, bisher habe ich keine einzelne Zeile Code geschrieben und kenne mich auch nicht wirklich aus. Jedenfalls, für mich wäre es effizienter und eventuell auch besser, mich mit Lua vertraut zu machen, aber da ich dazu nichts gefunden habe, habe ich die Befürchtung, dass JavaScript nicht zu umgeben ist. Und so bin ich auf gutefrage.net gekommen, wie jeder, wenn er etwas sucht.

Kurzgefasst interessiert mich, ob man mit Lua folgendes tun kann:

• Eine Website mit 3D-Effekten erstellen
• Eine Website mit Animationen erstellen
• Komplexe Layouts Wirklichkeit werden lassen

Ich bin noch ein richtiger Anfänger, aber mich würden eure Antwort und euer Wissen interessieren, damit ich weiß, was für die Zukunft besser ist (schließlich möchte ich eine Programmiersprache für die Erstellung von Websites lernen und dieses Wissen auch festigen, nicht umher springen von Programmiersprache zu Programmiersprache), denn es ist ja klar, dass ich erst klein beginnen würde (keine komplexen Layouts, Animationen, ...).

Danke!

Kann ich mir bei Spielen von Steam sicher sein, dass da keine Spyware oder ein Virus oder sontiges ist?

Ranking bei folgenden Sprachen von der Schwierigkeit wenn 1 am schwersten ist:

C++

Phyton

Html,css,java(alle 3 ein paket)

Und wieso?

(Spiele, Software, Websites, Steuerboards, usw.)

Hi,

ich habe vorhin CodePen entdeckt und habe mir ein Bilderkarussell ausgesucht, welches ich gerne in mein momentanes Projekt importieren möchte. Aber ich weiß leider nicht wie weil auch die Dateitypen, die da angegeben sind, mir unbekannt sind und ich verwirrt bin was ich machen muss. Also wollte ich fragen wie das eigentlich geht.

https://codepen.io/deammer/pen/VQjXzE

MfG IdzA

Hallo kann ich python mit html css ud javaskript kombiniren? wenn ja mus sich was beachten?

Kann man durch ChatGpt reich werden? Ich meine, sowas wie affiliate webseiten bewerben. Davon mehrere hundert-stück. Die Seiten lassen sich ja irgendwie einfach erstellen. Dadurch, dass man die Texte einfach erstellen kann für die Webseiten.

Viele Webseiten setzen auch bei Icons und Illustrationen wie diesen auf PNGs statt auf SVGs: (alles rot Umkreise ist ein PNG)

Dabei wären hier SVGs eigentlich in allen Punkten überlegen:

• Sie werden bei beliebiger Vergrößerung und auf hochauflösenden Bildschirmen immer noch scharf angezeigt
• Sie haben eine kleinere Dateigröße

Warum werden sie trotzdem nicht eingesetzt? Haben sie doch irgendeinen Nachteil?

Hallo GuteFrage-Community,

kann mir jemand helfen? Früher hatte ich einen bestimmten Code auf meinen Webseiten, der dazu führte, dass beim Verlassen der Seite automatisch eine andere Seite geöffnet wurde. Ich glaube, es war ein Pop-up.

Ich installiere öffters Quellcodes und wollte mal fragen wie man die codes richtig lesen kann das da kein Quatsch drinne ist oder in diese richtung.

MFG

Heyho! Weiß jemand wie diese Seite erstellt wurde?
Also auch das ganze System dahinter etc. das ist ja ein Riesen aufwand und bestimmt nicht nur mit html und css oder?

Hallo. Ich habe mir als Projekt vorgestellt das Spiel Mühle mit Html, Css und Js zu programmieren. Jedoch scheitere ich voll, dass Spielfeld für Mühle zu zeichnen. Was empfehlt ihr mir, soll ich doch ein Bild für das Mühle Spielfeld suchen? Aber wie greife ich dann auf die Punkte zu die sind ja dann wie ein Bild und ich müsste mit Koordinaten abschätzen wo sie sind oder was? Ich hab echt ein bisschen Probleme kann mir jemand weiterhelfen?

Ich bin grundlegend gut darin, Webdesign mit HTML und CSS zu praktizieren und beherrsche auch äußerste Grundlagen von Javascript praktisch. Verstehe aber auch die Restlichen Grundlagen eigentlich Problemlos

Wenn es dann jedoch komplexer wird beim Programmieren, sei es in Java, Javascript und so weiter, dann dreht bei mir alles durch. Ich habe das Gefühl, dass man für jede Kleinigkeit irgendwas neues innerhalb der Sprache lernen muss und dass einem der Rest des vorher gelernten gar nichts mehr bringt.

Und meist findet man für spezielle Sachen auch nichts im Internet.

Hatte ich schon oft in Projekten in Java oder Javascript, dass ich bei komplexeren Sachen nie weiter gekommen bin, vor allem bei anderen APIs, mir die Dokumentation nie weiter geholfen hat, man aber auch nichts online finden konnte, was mir weitergeholfen hat…

Was mache ich falsch?

Ich bin derzeit am Überlegen, meine Fähigkeit des Webdesigns als Sidehustle zu nutzen, um neben der Schule noch etwas Geld zu verdienen. Ich frage mich nur, wie ich das Umsetzen soll. Reichen meine Kenntnisse in HTML CSS und äußerste Grundkenntnisse in Javascript aus, um das als Dienstleistung anzubieten?

Und wenn ja, wo kann ich es anbieten, Fiverr Z.B. ist ja glaube nicht sehr optimal. Bei dem was ich gehört habe, gibt es da fast zu viel Konkurrenz und man bekommt nicht unbedingt viele Aufträge, wenn man neu ist.

Wie kann ich diese Fähigkeit vielleicht sonst nutzen, um Geld zu machen?

Ich habe eine Frage. Ich arbeite gerade als Anfänger an einer Website und habe folgendes Problem.

So sieht die Website eigentlich aus :

So sieht sie aus nach der ersten Skalierung mit responsive Webdesign (wo nach alles richtig ist.):

Doch wenn ich ein weiteres mal skalieren möchte passiert folgender Fehler (Es soll so wie auf dem zweiten Bild aussehen nur kleiner):

HTML: <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css" type="text/css">
  <title>ToDo List</title>
</head>
<body>
  <header class="site-header">
    <form action="action_page.php" method="post">
      <input type="text" id="todo-box" name="box-input" placeholder="Aufgabe eingeben" required maxlength="50" class="todo-input">
      <input type="reset" class="todo-reset todo-reset-submit">
      <input type="submit" class="todo-submit" class="todo-reset-submit">
    </form>
  </header>
  <nav class="site-nav">
  </nav>
  <main class="site-main">
    <h2>ToDo</h2>
    <p class="todo-point">Müll rausbringen</p>
    <p class="todo-point">Zimmer aufräumen</p>
    <p class="todo-point">12345678901234567890123456789012345678901234567890</p>
  </main>
  <footer class="site-footer">
  </footer>
</body>
</html>
CSS: .site-header
{
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  margin-top: 20px;
}
.todo-input
{
  font-size: 20px;
  width: 180px;
  padding-left: 5px;
}
.todo-input::placeholder
{
  color: black;
}
.todo-reset, .todo-submit
{
  width: 150px;
  font-size: 20px;
  border: none;
  cursor: pointer;
}
.todo-input, .todo-reset, .todo-submit
{
  border-radius: 5px;
  background-color: rgb(251, 255, 0);
  border: none;
  height: 45px;
  transition: background-color 0.3s;
}
.todo-input:hover, .todo-reset:hover, .todo-submit:hover
{
  background-color: rgb(213, 216, 13);
}
.site-main
{
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
}
.site-footer
{
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
p.todo-point
{
  margin: 3px 0;
  padding: 2px;
  border: 1mm solid black;
  border-radius: 10px;
}
@media (max-width: 520px)
{
  .todo-input
  {
    width: 480px;
    margin: 0 5px 5px 5px;
  }
  .todo-reset, .todo-submit
  {
    width: 240px;
    margin: 0 0 4px 4px;
  }
  p.todo-point
  {
    font-size: 19px;
  }
}
@media (max-width: 500px)
{
  .site-header
  {
    justify-self: unset;
  }
  .todo-input
  {
    display: flex;
    justify-content: center;
    width: 400px;
    margin: 0 5px 5px 5px;
  }
  .todo-reset-sumbit
  {
    display: flex;
    justify-content: center;
    width: 200px;
    margin: 0 0 4px 4px;
  }
}

Ich bin aktuell noch am lernen

Habe mit HTML CSS JS angefangen jetzt lerne ich noch React und will noch Node.js lernen .

Ich versuche immer paar kleine Projekte zu bauen damit ich lernen kann . In ein paar Wochen will ich für mein Portfolio einen kleinen Online Shop bauen also keinen echten einem fiktiven um es halt zu lernen .

Nächstes Jahr will ich Blockchain programmieren und wollte fragen , wie schwer ist es ?

Ich habe schon viele Tutorial gefunden um mit JS und Node.js Blockchain zu bauen

Glaubt ihr wie viel wissen braucht man um es auch zu schaffen ? Ich lerne ca 400 Stunden habe schon einige kleine Apps programmiert Taschenrechner ToDo paar Webseiten und jetzt fange ich mit einem Online Shop, kann ich danach mit Blockchain anfangen ?

Wie lange dauert es so was zu programmieren ?

Ich habe auch dieses Video dazu gefunden also so schwer ist es nicht oder ?

Wenn man als Webdesigner arbeitet und einen Auftrag vom Kunden bekommt eine Website für ihn zu erstellen, wie genau läuft das ab?

Man bespricht die Vorstellungen, Namen der Website, und wenn man anschließend fertig mit dem erstellen ist, wird dem Kunden dann einfach sämtliche Login Daten vom Webhoster und Domain Anbieter gegeben oder wie läuft das ab?

hallo, ich möchte eine webseite machen bzw ein forum. aber was brauch ich dafür alles? im internet werde ich net wirklich fündig. ich muss eine domain kaufen. dann html, css. aber dann brauch ich ja noch eine datenbank für die benutzer daten und sowas. könnte mir jemand helfen?

<!DOCTYPE html> <html> <head> <title>Zufällige Geschichte und Bananen-Animation</title> <style> .story { font-size: 20px; margin-bottom: 20px; } .banana { width: 100px; height: 200px; position: absolute; bottom: 0; left: 0; animation: eatCars 5s infinite linear; } .car { width: 50px; height: 30px; position: absolute; bottom: 0; animation: moveCar 5s infinite linear; } @keyframes eatCars { 0% { left: 0; } 100% { left: 100%; } } @keyframes moveCar { 0% { left: 0; } 100% { left: -50px; } } </style> </head> <body> <button onclick="getRandomStory()">Zufällige Geschichte</button> <button onclick="startBananaAnimation()">Banane füttern</button> <div class="story"></div> <div class="banana"></div> <div class="car"></div> <div class="car"></div> <div class="car"></div> <script> const stories = [ "Es war einmal...", "In einer weit entfernten Galaxie...", "Ein kleines Mädchen fand...", ]; function getRandomStory() { const storyElement = document.querySelector('.story'); const randomIndex = Math.floor(Math.random() * stories.length); storyElement.textContent = stories[randomIndex]; } function startBananaAnimation() { const banana = document.querySelector('.banana'); banana.style.display = 'block'; } </script> </body> </html>

Ich mag möglichst schnell in die Praxis, vielleicht ein Buch oder ein Tutorial und dann in die Umsetzung. Was würdet ihr mir empfehlen?

Ich habe die letzten Tage sehr lange an einer Website im Frontend gearbeitet, die ich für das Unternehmen meiner Mutter machen wollte.

Die Website ist auch sogut wie fertig, das Frontend funktioniert und ich weiß auch, wie ich die Website hochladen kann.
Jedoch habe ich an einem Punkt noch massive Probleme:

An einer Stelle der Website soll der Besuche in ein Formular seinen Namen und seine Email Adresse eingeben, um weitergeleitet zu werden. Das funktioniert auch soweit, jedoch sollen die Daten gleichzeitig in dem Dienst activecampaign gespeichert werden.

Leider habe ich es mit meinen Javascript Kenntnissen und auch mit ChatGPTs, sowie der Hilfe des Supports von Activecampaign nicht geschafft, dies zum laufen zu bringen.

Nach erneuter Recherche habe ich dann herausgefunden, dass ich wohl aufgrund der Fehler, die die Konsole ausgibt mit einem Backend arbeiten sollte, um die Daten an die API von Activecampaign weiterzuleiten. Allerdings bin ich kompletter Amateur und habe 0 Ahnung von Backend Programmierung und gehe auch nicht davon aus, dass wenn ich mich damit nun eine Weile intensiv beschäftigen würde, das Problem in nächster Zukunft immernoch nicht beheben kann.

Allerdings ist es in meinem Kopf auch nicht mehr unbedingt viel Arbeit, um das ganze dann fertig zu stellen oder? Immerhin geht es ja nur noch um das Übermitteln von Daten.

Ich frage mich nun, wie ich das gelöst bekomme. Ich habe jetzt nicht unbedingt jemanden in meinem Umfeld, der sich damit auskennt und mir helfen könnte oder so und alles an Dienstleistungen, was ich zum Beispiel auf Fiverr finden konnte, dreht sich nur um die gesamte Programmierung eines Backends oder einer ganzen Website. Jedoch ist das ja so gesehen viel zu viel, was ich buchen würde, wenn es nur darum geht, ein Formular mit der API zu verbinden.

Ich will halt auch wenn dann einen seriösen Auftragnehmer haben, da es ja um Kundendaten geht, jedoch weiß ich nicht, wie ich das alles umsetzen kann...

Ich bin so kurz vorm Ziel und komme jetzt einfach nicht weiter, es ist so deprimierend, vor allem nach der ganzen Arbeit, die da schon drin steckt...

Früher oder später will ich aber auch den Skill haben, genau dieser Art zu programmieren, allerdings gehe ich derzeit noch hauptsächlich in die Schule...

Wo taucht man dahingehend so in das Thema ein, dass man das lernt? (am besten von Zu Hause aus)

Hallo zusammen, wie/wo kann ich die Schriftfarbe der Sprachen meines Stores ändern. Weiße Schrift auf weißem Hintergrund passt nicht so.

Vielen Dank und viele Grüße!

Dachte an popup aber ist es eigentlich nicht

gibt einige aber kenne nur wenige

Ich habe mehrere HTML und eine CSS Dateien für jeweils verschiedene Bildschirmgrößen erstellt, da ich verschiedende Aufbauten einer Seite je nach Größe anzeigen möchte. Gibt es eine Möglichkeit um die verschiedenen Seiten mit JS zu laden/anzuzeigen ?

Was sind die besten Unternehmen im Bereich Programmieren? Ich würde gerne eine Software bzw. ein Sytsem programmieren lassen, was bisschen komplex ist. Was sind also die größten Firmen

Hallo,

Ich lerne schon seit 2 Jahren HTML,CSS UND JAVASCRIPT, in Javascript bin ich noch nicht so gut, sollte ich weiter lernen oder macht es keinen sinn weil es so scheint so als würde diese Branche ersetzt werden.

Danke im vorraus:)

genau nach meinen wünschen usw

Ich kann deswegen nicht einfach ein größeres Div mit Border rundherum machen, weil ich will, dass dieser Border aktiv wird wenn man z.B. drüber hovert oder auf einen Knopf klickt. Es gibt viele Knöpfe. Und der Knopf auf den man sich gerade konzentriert, der soll halt einen Border bekommen -> aber mit viel Abstand. Margin und Padding habe ich beides ausprobiert, bewirkt nicht was ich wollte.

Ich möchte gerne so richtig eine Programmiersprache lernen. Ich besetze gerade in der Schule den Informatik-Kurs, aber naja. So richtig lernen tut man da nicht was. Wir machen immer nur etwas von Html und dann ein bisschen Python. Welche Sprache wäre empfehlenswert anzufangen? Danke schon im Voraus für eine Antwort. Eine Begründung wäre auch sehr hilfreich!

Also so ein border: solid 5px black; aber er soll so mit 15px um die div Box herum entstehen und nicht direkt angrenzend einen Rahmen bilden. Wisst ihr was ich meine? Also so als würde man ein Wort einkreisen z.B.

#knopf-weiter {pointer-events: none; cursor: not-allowed;}

.wennauswahlgetroffen {pointer-events: all !important;}

Dieser Code hier bedeutet, dass der Knopf, der einen Link enthält erst klickbar wird, wenn eine Bedindung erfüllt wurde. Mein Problem ist aber das bei "pointer-events: none" der Cursor auf "not-allowed" nicht mehr angezeigt wird sondern nur die normale Maus. Ich will aber dass ich den Cursor ändern kann.

Hi, ich schreibe eine Website mit so einem Fragebogen gerade und da gibt es einen Button, der zu einer nächsten HTML Seite weiterverlinkt:

<a href="seite2.html"><div>Weiter</div></a>

Ich möchte aber, dass man erst draufklicken und zur nächsten Seite gelangen kann, wenn vorher eine Auswahl getroffen wurde, also eine Bedingung vorher erfüllt ist.

Ich weiß, dass ich das CSS steuern kann wie einen unsichtbaren Knopf erst sichtbar machen, sobald die Bedingung erfüllt ist. Aber ich hätte den "Weiter Knopf" die ganze Zeit da, nur erst klickbar, sobald die Bedingung erfüllt ist. Der Link ist aber Bestandteil vom HTML nicht vom CSS und deswegen weiß ich nicht wie das geht.

Ich hoffe mir kann jemand weiterhelfen. LG

Weil mit Wayback Machine muss die Webseite gespeichert sein, sonst geht das nicht. Geht das irgendwie auch anders?

Hey, was sollte ich als erstes lernen um mein programmiereinstieg so einfach wie möglich zu gestalten — CSS, JavaScript oder HTML? Und was sollte ich als zweites und drittes lernen?

Wie lerne ich am besten das programmieren habe gestern angefangen mit einem yt Tutorial.

gerne mit alter

Guten Abend,

ich würde gerne für eine kleine Praxis eine Website erstellen, soll nichts bahnbrechendes werden. Jetzt gibt es ja viele Webseiten im Internet auf denen man eine relativ simpel erstellen kann.
Mich interessiert jetzt, ob ihr damit Erfahrungen habt, und mir ggf. Empfehlungen aussprechen könnt, wo ich dies leicht machen kann.

mit freundlichen Grüßen

Hallo zusammen wie ihr auf dem Video sehen könnt verzerrt sich da das Hintergrund Bild. Ich möchte aber dass wenn die breite des Bildschirms breiter oder schmaler wird, dass sich das Bild sozusagen nach Links verschiebt und sich nicht verzerrt.

Hoffe ihr versteht was ich meine 😁

https://www.youtube.com/watch?v=NEBd6TEeuqM

Vielen Dank im voraus!

Also bei Http werden ja die Daten Blank ohne irgendwas abgefangen werden, aber bei Https wird es verschlüsselt. Stimmt es, dass man diese verschlüsselten Daten einfach mit einem Programm entschlüsseln kann? Ist es dann nicht unnötig?

Warum funktioniert das hier mit row-cols-2 von Bootstrap:

<div class="container">
        <div class="row row-cols-2">
          <div class="col">Column</div>
          <div class="col">Column</div>
          <div class="col">Column</div>
          <div class="col">Column</div>
        </div>
      </div>

Dies hier aber nicht? Die zwei Elemente nimmt er hier nicht an, was übersehe ich?

<div class="container">
        <div class="row g-3 row-cols-2">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                  <h5 class="card-title">Card title</h5>
                  <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6>
                  <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                  <a href="#" class="card-link">Card link</a>
                  <a href="#" class="card-link">Another link</a>
                </div>
            </div>
        </div>
    </div>

Nach langem Überlegen habe ich mich für einen Online-Shop entschieden und dazu habe ich ein paar Fragen:

1) Reichen ca. 400 Stunden (Programmier-/Lernzeit), um so ein großes Projekt wie einen Online-Shop (auf Junior-Level) zu programmieren?

Ich habe bis jetzt ca. 300 Stunden gelernt + ein paar kleine Projekte gebaut (HTML, CSS, JS, React und ein bisschen Backend Node.js). Und ich wollte noch ca. 100 Stunden nutzen, um noch paar Sachen zu lernen, welche ich für den Bau von einem Online-Shop gebrauchen könnte.

Somit wäre ich bei ca. 400 Stunden Lernzeit. Reicht es?

2) So ein Online-Shop auf (Junior-Level): Wie viele Stunden braucht man, um es zu bauen, wenn man wie gesagt ca. 400 Stunden Lernzeit hinter sich hat?

3) Und was müsste ich noch wissen, außer HTML / CSS / JS / React / Node.js?

Mit GitHub kenne ich mich auch mittlerweile aus und ich will es dann am Ende auf Vercel deployen.

Vielen Dank!

Hallo Community,

für unser Unternehmen möchte ich gerne eine einfache Website selbst erstellen.

.

Folgende Tabs möchte ich haben: Start - Über uns - Leistungen - Wissenswertes - Kontakt

Auf der Startseite möchte ich eine Slideshow von Bildern unserer Firma einfügen, bei Über uns Bilder von unserem Team, bei Leistungen eine Auflistung unsere Leistungen, bei Kontakt eben Kontaktmöglichkeiten inklusive Google Maps Location.

Und in der Fußzeile (die auf allen Seiten zu sehen ist) sollten nochmal allgemeine Informationen wie Kontakt, Adresse, Öffnungszeiten, google Maps, Impressum, Datenschutzerklärung zu sehen sein.

.

Alles in allem also eine sehr einfache basic Website. Trotzdem eine Herausforderung für mich, da ich kein Webdesigner bin. Ich möchte die Seite trotzdem selbst erstellen und sie nicht in Auftrag geben.

.

Ich frage mich deshalb, bzw frage euch Webdesign-Community, ob es einfach möglich ist, den Quellcode einer Muster-Website (oder den einer schon vorhandenen Website) zu nehmen und an den relevanten Stellen die eigenen Inhalte einzufügen.

Wenn ja, woher bekomme ich solche Muster und/oder wo sind Herausforderungen, wenn ich einfach eine vorhandene Website kopieren und die relvanten Inhalte (Namen, Texte, Bilder) austauschen möchte?

.

Angenommen habe ich Projekt allein entwickelt. Restaurant website mit PHP und Java.

Dann lese ich Buch Advaned Java und PHP

Kann man das gelernte aus dem Buch auf dem Projekt anwenden, um das zu verbessern? also Advaned

Will aus einem Link einen Barcode generieren, jedoch wird der barcode sehr detailliert mit vielen unterschiedlich angeordneten Pixeln, wenn ich den sehr langen Link nehme. Es gibt Websites wodurch ich diesen Link verkleinern kann jedoch ist da dann der Website Name drin. Gibt es da Dienste von Google oder sowas wodurch das einfacher ist ?

Hallo liebe Freunde,

kann mir jemand bitte erklären wie man so einen Header erstellt wie auf dieser Webseite, dass die Überschrift Fest ist an der Navbar?

https://angelina-yourmoon.com/

und ob die Webseite über wordpress, oder webflow oder so läuft ?

vielen Dank schon mal <3

Hallo zusammen

Ich mcöhte gerne diese folgende Tabelle gemäss Abbildung dargegstellt erhalten als HTML.

Ich habe es bisher nur geschafft alles ohne

Spalte 1a Zeile 3, Spalte 2c Zeile 3 zu machen.

Kann mir jemand Helfen?

Vielen Dank!
LG calgia

Ich muss bis nächste Woche eine HTML-Website erstellen, und wollte meinem HTML-Dokument ein Stylesheet hinzufügen, jedoch wird das Stylesheet nicht übernommen, was ist der Grund dafür?

Hier sind Screenshots vom Code:

HTML:

CSS:

Kann mir bitte jemand sagen, woran der Fehler liegt?

Hey, ich habe angefangen, Webentwicklung zu lernen und habe am Anfang HTML, CSS gelernt, dann JS / React / und ein bisschen Node.js MongoDB.

Ich habe auch schon kleine Apps programmiert, wie einen Taschenrechner/ To-Do-App und eine kleine Wetter-App gebaut.

Ich habe ungefähr 300 Stunden gebraucht. Jetzt will ich mich an ein großes Projekt trauen, wie eine Chat-App.

Klar wird es nicht so umfangreich da ich alleine bin und noch viel lernen muss, aber denkt ihr: Kann man nach 300 Stunden Programmiererfahrung es anfangen zu programmieren? Und wie viele Wochen könnte es dauern, wenn ich jeden Tag ca. 6-8 Stunden programmieren und lernen würde?

Hallo,

ich brauche Hilfe bei der textmäßigen Erstellung von SVG-Grafiken ohne Grafikprogramm.

In einem HTML Dokument möchte ich Orte auf der Landkarte mit Pfeilen verbinden. Es geht um eine Weltreise.

Pro Verbindung zwischen zwei Orten möchte ich eine transparente SVG-Grafik, die ich auf die Weltkarte lege. Habe mich mit SVG noch kaum beschäftigt.

Die Marker auf der Karte sind bereits mit CSS left:50%;top:50%; positioniert. Hoffentlich geht das mit SVG auch.

Hier die Karte, noch ohne Reiseroute:

Welche Projekte?

Vorweg, ich weiß, dass „programmieren können“ ein sehr dehnbarer Begriff ist und es einen großen Unterscheid zwischen einem Full Stack Developer und einem Hobby-Skripter gibt, der Tastenkombinationen automatisiert.

Trotzdem die Frage, wie lange braucht ein absoluter Beginner ohne jegliche Vorkenntnisse bis er auf dem Niveau ist, Projekte zu realisieren, wie beispielsweise eine professionelle Website (zb wie Apple.com)? Also eher Fokus Anwendung: Freie Wirtschaft, sprich Websites, Apps, Dashboards etc.

Was ist da eure Einschätzung? Nach wie vielen Wochen/Monaten/Jahren hat man welchen Milestone erreicht?

Hallo zusammen,

ich will das auf meiner Webseite auf der rechten hälfte das Bild ist und auf der linken Seite eine Farbe z.B. Grau, wie kann ich's machen dass sich das rechte bild sich dann zur mitte in die Hintergrundfarbe verläuft?

Danke!

Hallo zusammen ich hab da diesen code und will dass wenn ich drüber gehe dass bei jedem einzelnen der unterstrich von links nach rechts geht aber jetzt ist der strich einfach unter allen links wie kann ich`s machen dass es unter jedem einzelnem link einzeln ausgeführt wird?

danke im voraus

Hallo zusammen,

habt ihr ideen wo man webseiten design ideen bekommt?

ich programmiere gerade mein Portfolio, hab aber irgendwie keine Designidee und finde auch keine passenden im internet.

Danke!

ich programmiere gerade in html und möchte auf einer seite zwei buttons haben die jeweils auf eine andere html seite verlinken. das problem ist aber das diese ja den gleichen anchor tags brauchen also <a href="seite2.htmll">seite zwei</a>.

aber wenn ich beide mit dem gleichen tag also "a" mache kann ich beim css nicht beide individuell designen und beide Buttons sehen gleich aus.

wie kann man das fixen?

Hallöle, ich hab da mal eine frage und zwar würde ich gerne das sich per ''onclick'' Button 2 Bilder tauschen also Bild 1 soll auf den platz von Bild 2 und Bild 2 auf Bild platz 1 versteht ihr? ich verstehe nicht ganz wie

<body>
    <div class="bar">
      <img src="img/menü.png" alt="" />
      Währungsrechner
    </div>


    <div class="input-container">
      <img class="flag" src="img/eu.png" alt="" />
      <input value="" id="euroField" type="text" />
      <span class="currency">EUR</span>
    </div>


    <div class="center-container">
      <img src="img/pfeile.png" alt="" />
    </div>


    <div class="input-container">
      <img class="flag" src="img/usa.png" alt="" />
      <input value="" id="usdField" type="text" />
      <span class="currency">USD</span>
    </div>


    <div class="center-container">
      <button onclick="calc()">$ Berechnen</button>
      <button onclick="euro()">€ Berechnen</button>
    </div>


    <script src="script.js"></script>
  </body>

Hallöchen 👋 

Bin gaaanz neu in der Thematik programmieren, und zwar ich würde gerne bei meinem aktuell Projekt (Währungsrechner) noch die Funktion hinzufügen das man von USD zu Euro umrechnen kann. 

Ich habe selbst probiert eine "Funktion" hinzuzufügen allerdings funktioniert diese wohl nicht. Wäre um Hilfe und eine kleine erklärung sehr sehr dankbar. (Benutze VS)

Hallo zusammen,

Ich arbeite gerade an einer Website für meinen Verein.

Ich beschäftige mich jetzt mit dem Thema responsive design… Nun will ich anfangen und habe schon mal vorab getestet wie es denn auf einem Smartphone aussehen würde (mit Crome Entwickler Tools). Nur ist jetzt das Problem, dass trotz der Einstellung width: 99vw; das div, was meine ganze Seite umschließen, in der Handy Version nur halb so groß ist (Siehe Foto)

Das beeinflusst auch irgendwie meine ganze Seite die dadurch ziemlich verzogen wird.

Vielen Dank im Voraus😊

Wie im Titel schon beschrieben, möchte ich eine Unterseite "bauen", die eine Galerie-Übersicht darstellt.

Wenn man eine bestimmte CARD dann halt anklickt, wird man zu einer weiteren Blog-Unterseite mit dem bestimmten "Thema" als Bildfolge geleitet.

Ich habe schon mal etwas versucht: http://misanthrop.bplaced.net/test/open-public/Testseite-V11b1__13-07-24_BG%C3%9C.html

Ich bin aber damit nicht ganz zufrieden, weil ich meine, dass da noch Fehler drinstecken.

Meine Frage dazu: Das Ganze funktioniert anscheinend nur, wenn ich jeder CARD eine feste Breite in PX gebe, sodass, wenn ich das Browserfenster zusammenschiebe, sich die Anzahl der Cards in der Reihe verringern und in die nächste Reihe rutschen. Das ist auch gewünscht und dazu nutze ich CSS-Grid.

Nur ist meine Frage, ob es eventuell noch eleganter geht oder nur auf diesem Wege.

Bei einem schmalen Browserfenster und zum Beispiel 500% Schriftgröße rutscht das Grid mit der Klasse work-wrapper seitlich rechts außerhalb meines html bzw. body hinüber. Woran liegt das wieder?

Könnt ihr da bitte einmal darübergucken und mir Tipps geben?

Grüße M.

Kann mir jemand helfen? Ich würde gerne wieder zu dem alten Format zurückkehren. Wie kann ich das am schnellsten machen? Das hier ist unser altes Format:

Das Bild hier ist die neue Anzeige, ich denke durch das Update hat sich das zusätzliche CSS/HTML geändert.

Guten Morgen und willkommen in meinem ersten Beitrag in diesem Forum,

Eigentlich schäme ich mich fast, zuzugeben, ITler zu sein und dann vor solch einem mickrig anmutenden "Problemchen" zu stehen und dieses nicht lösen zu können und es ist auch tatsächlich so, dass ich mich zum ersten Mal wegen einem IT-Thema Hilfe suchend an ein Forum wende. Naja, man wird alt …

➡️ Die Problematik: Seit einigen Wochen werden Internetseiten, die ich aufrufe, nicht mehr richtig dargestellt. 

• Beispiel 1:
Das beste Beispiel ist Google. Sobald ich die Startseite aufrufen, sieht das so aus:

Richtig, das ist das Mikrofon-Icon, , dass man anklicken kann, wenn man seine Frage per Spracheingabe stellen möchte. Dieses wird überdimensioniert dargestellt und wenn ich nur einen Mini-Schritt nach unten gehe (zum Beispiel 3x die Pfeil Taste unten drücke), dann springt es komplett an eine andere Position und ich kann die Seite sehen, wie ich sie sehen will (im Screenshot rot markiert):

• Beispiel 2:
Nun passiert das leider nicht nur auf Google, sondern auf ganz vielen verschiedenen Seiten. Wenn ich z.B. die Seite caya.com aufrufe, dann sieht das statt so

so aus:

Ebenfalls nur so lange, bis ich einen kleinen Schritt nach unten scrollen – dann ist alles wieder so, wie es soll.

• Beispiel 3:
Auch wenn ich diese Seite hier, gutefrage.net aufrufe, dann sieht das erst einmal so aus:

Also der Bereich, der quasi darauf hinweist, dass die Seite nicht mit einem Werbeblocker geöffnet werden kann und der vermutlich in eine Art virtuellem aberkennen sollte, erscheint direkt unformatiert auf der Seite.

⚡Wer hat einen Geistesblitz?
Ich liebe den Opera Browser so sehr, dass ich ungern wegen diesem Problem auf einen anderen Browser wechseln möchte – andererseits regt es mich zwischenzeitlich so sehr auf, dass ich jedes Mal explodieren könnte, wenn sich eine Seite wieder so falsch darstellt. Die Einstellungen bin ich schon hoch und runter durchgegangen, konnte keine Lösung finden.

Ich bin also für jeden Tipp dankbar! 😍

Kennt ihr bestimmte Youtuber etc. ,die ihr mir empfehlen würdet? Irgendwelche hilfreichen KI-Tools/Plugins?

In meiner React Component (siehe unten) ist leider das Icon ArrowUpCircleSharp von "react-icons" innen unausgefüllt was nicht schön aussieht wenn es sich über Text und Bilder bewegt, andere Icons wie von FontAwesome Material Icons haben das gleiche Problem. Ich habe es versucht mit den Props Stroke, Fill und mit CSS background, ändert aber nur das Schwarze außen und nicht innerhalb vom Icon.
Was kann ich tun ? Will jetzt nicht umbedingt eine ganze Library einbinden für das Icon, bei react-icons hab ich den Vorteil das es nur die benutzen auch wirklich nutzt,

'use client';
import { useEffect, useState } from "react";
import "../.././assets/styles/components/ScrollToTop/ScrollToTop.scss";
import { IoArrowUpCircleSharp} from "react-icons/io5";


export const ScrollToTop = () => {

const [ScrollY,setScrollY] = useState<number>(0);

useEffect(() => {
    window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))

    return () => {
        window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))
    }
}, [ScrollY])

    return(

        <div
            onClick={()=>{ScrollY > 100 ?
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : 0})
            :
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : document.body.scrollHeight});
            }}
        className={`ScrollToTop ${ScrollY > 100 ? " ScrollToTop_Up" : "ScrollToTop_Down"}`}>
                <IoArrowUpCircleSharp/>
        </div>
    )
}

Hallo welchen css Befehl brauche ich damit wenn ich nach unten scrolle dass der weiße Kasten hinter der Menüleiste oben ist und nicht vor?

Danke!

Hallo zusammen,

ich hab die Menüleiste oben wo die links drauf sind auf der Webseite fixiert sodass wenn ich scrolle sich nur der Hauptbereich bewegt und die Menüleiste bleibt oben.

Wie kann ich machen dass wenn ich auf ein Seiteninternen Link klicke dass dann die Seite erst unter der Menüleiste anfängt nicht ganz oben hinter der menüleiste?

Vielen Dank!

Hallo,

ich möchte meine Website gerne im alten Terminal Look haben (siehe Bilder unten). Weiß jemand von euch wie die Schriftart heißt, die alte PC Terminals nutzten und wie ich es hinbekomme, dass diese dann auch so Pixelig ist?

kann man Websiten erstellen mit diesen Baukasten Homepage und die dann weiter verkaufen

Moin moin,

ich habe mal eine Frage. Ich bin nicht wirklich der erfahrene Coder, habe aber folgendes Problem: ich möchte auf meiner WordPress Website in einen Beitrag einen externen HTML Code, genauer einen Rechner mit einbinden. Ganz einfach über die Gutenbergfunktion HTML Code einfügen. Wenn ich das mache, wird der Rechner zwar angezeigt und funktioniert auch, jedoch werden alle globalen Stile, die die sonst auf meinen anderen WordPress Beiträgen vorhanden sind überschrieben. Beispielsweise sind die Schriftgrößen alle verschieden und viel größer als normal und irgendwie sieht alles verzerrt aus. Welche Möglichkeiten habe ich das zu vermeiden?

Vielen Dank schon mal im Voraus für die Antwort. Ihr seid die Besten:)

Liebe Grüße,

Henri

Wie geht das? Jetzt abgesehen von Web Entwicklung. Also große Programme haben das ja immer.

Ich finde nein, weil es kein if, while oä. gibt außerdem kann HTML keine Variablen und keine Logischen Berechnungen!

HTML ist trotzdem ein guter Einstieg da man danach gut mit JS Weitermachen kann…

Hallo in die Runde und schon mal vielen Dank im Voraus in die Runde!

Ich bin noch blutiger Anfänger und fange gerade an mich mit dem HTML zu beschäftigen. Wie schon im Fragetitel beschrieben versuche ich zwei Buttons mit Abstand nebeneinander zu bekommen, aber es gelingt mir nicht so recht. Daher setze ich mal das, was ich habe, hier rein. Ich würde mich über jeden lehrreichen Tipp sehr freuen, um meinen Horizont in diesem Bereich zu erweitern

<!DOCTYPE html>
<html>
<head>
<style>
.button {
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
form {
    background-color: #fff;
    width: 250px;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0px 0px rgba(1,2,0.1);
    margin
    width:auto !important;
}
    label {
    font-weight: bold;
    text-transform: uppercase;
}
    input[type="text"] {
    width: 250px;
    padding: 20px;
    margin-bottom: 9px;
    border: 1px outset #FF0000;
    border-radius: 10px;
    box-sizing: border-box;
}
    input[type="button"] {
    display: block;
    margin: 0 auto 12px auto;
    cursor: pointer;
    width: 190px;
    padding: 20px 2px;
    background-color: #FF0000;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #FF0000;
    border-radius: 7px;
 
    transition: background 0.2s ease-out;
 
}
    input[type="button1"] {
    display: block;
    margin: 0 auto 7px auto;
    cursor: pointer;
    width: 140px;
    padding: 20px 2px;
    background-color: #FF0000;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #FF0000;
    border-radius: 7px;
 
    transition: background 0.2s ease-out;
 
}
    input[type="button1"]:hover {
    background-color: #19911b;
}
 
    input[type="button"]:hover {
    background-color: #19911b;
}
 
</style>
</head>
<body>
<form id="itemForm">
<label for="sku">SKU:</label><br>
<input type="text" id="sku" name="sku"><br>
<label for="color">Color:</label><br>
<input type="text" id="color" name="color"><br>
<label for="size">Size:</label><br>
<input type="text" id="size" name="size"><br>
<label for="description">Description:</label><br>
<input type="text" id="description" name="description"><br><br>
<input type="button" value="Submit" onclick="submitForm()">
<input type="button1" value="Reset" onclick="form.reset()">
</form>
<script>
function submitForm() {
var form = document.getElementById('itemForm');
var formData = {
'sku': form.sku.value,
'color': form.color.value,
'size': form.size.value,
'description': form.description.value
};
google.script.run.processForm(formData);
}
</script>
</body>

</html>

Ich habe ein Dropdown-Menü erstellt, welches auch auf allen von mir getesteten Browsern funktioniert ( Firefox, Chrome, Edge, Opera, Vivaldi, Tor). Nun bekam ich die Rückmeldung: Funzt NICHT auf Safari. Habe mir die URALT Version von Safari für Windows heruntergeladen; Das Ergebnis ist katastrophal null Reaktion auf Auswahl!

Habe den Quelltext aus dem Internet und nur meinen Bedürfnissen angepasst.

css

#menu,#menu ul{list-style:none;padding:0;}
#menu li{margin:5px 10px;}
#menu a{text-decoration:none;outline:none;display:block;color:#777;padding:5px 14px}
#menu a:hover,#menu a:focus{color:black; background:orange;}
#menu .hider{overflow:hidden}
#menu .sub ul{margin-top:-200%;transition:.5s;-webkit-transition:.5s}
#menu .sub a:focus ~ .hider > ul,#menu ul:hover{margin-top:0;}

ul {
   max-width: 12em;
}

ul ul {
   max-width: 12em;
   border: 2px solid orange;
}

ul ul ul{
   max-width: 12em;
   border: 2px solid green;
}
//ul ul ul:hover {background-color:white;}

ul ul li {
   background-color: Gainsboro;
   margin: 2px;
   z-index:1;
} 

php

<ul id="menu">
   <li class="sub"><a href="#">Select Order by</a>
      <div class="hider">
         <ul>
            <li><a href="image_1.php";>Listing</a></li>
            <li><a href="image_self.php";>Own Selection</a></li>
            <li class="sub"><a href="#">Inventory No.</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php";>Numerical</a></li>
                     <li><a href="image_from.php">from - to</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Title</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=Title">Alphabetical</a></li>
                     <li><a href="title_from.php">Letter Selection</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Art Typ</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=ArtTyp">Alphabetical</a></li>
                     <li><a href="art_from.php">Selected</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Art Series</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=Category">Alphabetical</a></li>
                     <li><a href="cat_from.php">Selected<br>Search in all Entries</a></li>
                     <li><a href="series_from.php">  Selected<br>Search in Art Series Menu<a><li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Media</a>
               <div class="hider">
                  <ul>
                     <li><a href="image_2.php?order=Medium">Alphabetical</a></li>
                     <li><a href="media_from.php">Selected</a></li>                           
                  </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Dimension</a>
               <div class="hider">
                  <ul>
                     <li><a href="dim_from.php?dim=height">height<br>from - to</a></li>
                     <li><a href="dim_from.php?dim=width">width<br>from - to</a></li>                           
                 </ul>
               </div>
            </li>
            <li class="sub"><a href="#">Exhibition</a>
               <div class="hider">
                  <ul>
                     <li><a href="exhibition.php?Time=now">Currently on Display</a></li>
                     <li><a href="exhibition.php?Time=all">All Artworks<br>Order by Exhibitors</a></li>
                     <li><a href="aussteller.php">Selected<br>by Exhibitor</a></li>                           
                  </ul>
               </div>
            </li>
         </ul>
      </div>
   </li>
   <li class="sub"><a href="#">Image Info</a>
      <div class="hider">
         <ul>
            <li><a href="image_info.php">all</a></li>
            <li><a href="image_infrom.php">from - to</a></li>                  
         </ul>
      </div>
   </li>
</ul>

Was muss ich wie ändern oder ergänzen damit es auch auf dem iMac / Safari läuft? Wie oben gesagt alle anderen Browser einwandfrei!

Warum zeigt mir mein Browser (Opera GX) nicht das selbe, wenn ich ein HTML Dokument öffnen, wie eine Handy HTML Code app, im Bezug auf den Zoomfaktor an? Die Schrift ist im Browser ist kleiner und es ist mehr Platz zwischen dem Seitenrand und einer Zentrierten Schrift.

Hallo!

Obwohl ich schon etwas Erfahrung mit CSS und Javascirpt habe, bin ich gerade das erste mal auf folgendes Problem gestoßen:

Ich habe für eine Website im Kopf in einem <style> - Bereich einige Klassen definiert.
(z.B.:
.header { border:1px outset gray; margin:.5em; padding:.5em; border-radius: 50%; height: 8%; width: 90%; }
und unten im body dann:
 <div class="header">)
Den Stil dieser Klassen will ich durch Javascript dynamisch ändern.
Javascript soll also nicht den style von einzelnen HTML-Elementen ändern, und auch nicht HTML-Elementen neue Klassen zuweisen. Vielmehr soll der Stil der Klasse direkt geändert werden, so daß sich die Änderung auf alle Elemente dieser Klasse auswirkt.

Konkret möchte ich das Layout dynamisch an die Größe des Browserfensters anpassen. Ein onResize Eventhandler im Body löst eine Javascript-Funktion aus, die entsprechende Änderungen im Layout vornimmt. Dabei wäre es natürlich praktisch, wenn man ähnlich aussehende Elemente (= gleiche class = gleicher CSS-style) auch zusammen anpassen könnte, und zwar auch mit errechneten Werten (z.B. Math.floor(clientHeight / 2)).

Habe lange gegoogelt und auf den üblichen Plattformen gesucht, habe aber immer nur Anleitungen gefunden, wie man Elementen neue Klassen zuweist.

Im Moment löse ich das Problem mit einer for-Schleife:
const AllHeaders = document.getElementsByClassName("header");
for (let i = 0; i < AllHeaders.length; i++) {
var Radius = Math.floor(AllHeaders[i].clientHeight / 2)
AllHeaders[i].style.borderRadius = Radius.toString() + "px";
}
und so weiter, für alle Klassen einzeln.
Das kann irgendwie doch nicht die beste Lösung sein...
Es muß doch eine Möglichkeit geben, auf die Klassen-Definitionen im Stylesheet mit Javascript zuizugreifen. Ansonsten wäre die Funktionalität von CSS doch stark eingeschränkt.

Hoffe, jemand kennt sich aus...

Ich lerne gerade, wie ich mit Html, Css und JavaScript eine funktionierende Website erstelle. Jetzt frage ich mich aber, wie ich es schaffen kann, ein rundes Icon mit den Anfangsbuchstaben der E-Mail oder wie auf dem Bild mit einem Hintergrund (meinem Google-Hintergrund) hinzuzufügen.

Welche Programmiersprachen benötige ich dazu, was muss ich ungefähr machen oder gibt es gute Videos, die ich mir dafür angucken kann?

Bei meiner eigenen Recherche konnte ich leider nur Tutorials darüber entdecken, wie man sein Google-Hintergrundbild ändert.

Danke für alle Antworten!

hallo wie kann ich diese Bild in html einfügen so das man die Kästchen nicht mehr sieht so das es transparent wird

Bei mir wird das Bild nicht angezeigt. Ich habe alles mögliche probiert...

Weiß jemand an was es liegen kann?

Mehrere Stunden hat es mich heute schon beschäftigt, ich komme und komme nicht darauf...

Es geht mir um den seitlichen (rechts) "skip-to-top" Button. Exakt alles habe ich genauso wie in diesem Pen Beispiel ( Link: https://codepen.io/jackherizsmith/pen/oNxVWrK ) gemacht.

Aber bei mir scrollt der Nach-Oben Button nicht mit wie in dem Pen Beispiel :

Meine Demo-Seite: http://misanthrop.bplaced.net/test/open-public/Testseite-V11b1__26-06-24.html (aktualisiert)

Allerdings habe ich mein position: relative nicht main mitgegeben sondern der id "skiptop". Mein Dev-Tool zeigt mir an, das jeweils relative und absolute richtig erkannt wird und es wird mir auch so gezeigt.

Nur halt die Klasse "scroll-top_link" scrollt nicht in dem Bereich hoch und runter wie es soll.

Was mache ich da falsch. Könnt ihr mir bei der Fehlersuche helfen?

Vieles habe ich ausprobiert, auch meinem main habe ich position relative gegeben, aber auch anderen Elementen setzte ich position relative allerdings ohne Effekt.

Das Ding ist allerdings das dieser seitliche Bereich ein eigenes grit-Element ist. Sprich:

.main-content-wrapper {
    display: grid;
    grid:     "main-head main-head" auto
            "navigations navigations" auto
            "main-content main-content" 1fr
            "main-footer main-footer" auto
          / minmax(0, auto) [main-nav-start] 5em [main-nav-end];
    }


#navigations {
    grid-area: navigations;    
    grid-column-end: main-nav;
}

#main-nav {
    grid-area: navigations / main-nav;
    position: relative;
    outline: thin solid red;
    margin: 0;
    padding: 0;
    z-index: 100;
}

Wo ich letztendlich das Hauptmenü anzeigen lasse, da habe ich noch keinen richtigen Plan.

Eventuell in der Zeile: #navigations und dann seitlich rechts.

Nicht zu verwechseln mit Seiten-Inhalt, das ist ein Seiten internes Sprungmenü zu einem bestimmten nach Datum geordneten Artikel. Bisher habe ich noch keine bessere Bezeichnung dafür gefunden. Irgendeine Idee dafür?

Zurück zum Hauptmenü, oder ich packe das Hauptmenü seitlich zum Nach-Oben Button, mache es ebenfalls sticky.

Was dann allerdings bei einem schmalen Browserfenster passiert?... Da habe ich eigentlich vor das Hauptmenü (oberhalb vom "Seiten-inhalt" Link) ohne Button (offen) untereinander anzuzeigen.

Sag mal bitte, da mir die Praxis fehlt, wie würdest Du es lösen?

Zurück zur eigentlichen Frage:

WICHTIG ist mir nun, warum der SCROLL-TOP Button nicht nach oben und unten mitscrollt wie er es eigentlich sollte.

Muss ich da was an der html-Struktur ändern. Ein zusätzliches div?

Ich habe da heute lange daran gesessen...

Hey, meine Datei heißt index.html und diese liegt auch im server verzeichnis, aber es erscheint nur "Diese Domain wurde soeben freigeschaltet. Es wurden noch keine Inhalte hinterlegt." Ich habe sie in keinem Unterverzeichnis gespeichert, sondern direkt auf dem Server. Was könnte das Problem sein?

Hallo,

Ich habe schon vor 1 Jahr HTML und CSS gelernt, jetzt lerne ich Javascript, wollte ursprünglich als fullstack Developer später arbeiten, jetzt möchte ich aber in der Cyber Security arbeiten, sollte ich noch Javascript zu Ende lernen und mich dann mit Cyber Security beschäftigen, oder sollte ich direkt aufhören und mich mit Cyber Security beschäftigen, braucht man Javascript in dieser Branche?

Danke im vorraus:)

Hallo,

Ich habe schon vor 1 Jahr HTML und CSS gelernt, jetzt lerne ich Javascript, wollte ursprünglich als fullstack Developer später arbeiten, jetzt möchte ich aber in der Cyber Security arbeiten, sollte ich noch Javascript zu Ende lernen und mich dann mit Cyber Security beschäftigen, oder sollte ich direkt aufhören und mich mit Cyber Security beschäftigen, braucht man Javascript in dieser Branche?

Danke im vorraus:)

Also ich will dass bei jedem Bild so copyright an der Seite ist und habe so ein Code gemacht aber alle copyright sachen werden an einer Stelle angezeigt und nicht bei den Bildern.

       <figure>
            <img class="cover" src="https://cdnb.artstation.com/p/assets/images/images/019/622/599/large/-3.jpg?1564323970"style="object-position: 50% 100%;">
            <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by Denis Nigmatullin on artstation
            </figcaption>  
           <img style="position: absolute; left: 70%; top: 27%; width: 250px;" src="https://i.pinimg.com/originals/ca/83/ed/ca83ed22042d9846d568682d956d09bf.jpg">
           <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by altantrengsingf on artstation
           </figcaption>
           <img style="position: absolute; right:91%;  top: 0%; width: 100px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Akhilleus_Patroklos_Antikensammlung_Berlin_F2278.jpg/910px-Akhilleus_Patroklos_Antikensammlung_Berlin_F2278.jpg"> 
           <figcaption class="copyright right"style="color: rgb(83, 58, 3);position: absolute; right:91%;  top: 0%;">
               Image by Bibi Saint-Pol on wikimedia
           </figcaption>  
            <img style="position: absolute; right: 91%;  top: 18%; width: 100px;" src="https://64.media.tumblr.com/55d89b8a87818f817ec8851154739637/tumblr_npwai2nq8T1tfr4rfo1_640.jpg">
            <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by sheepskeleton on artstation
            </figcaption>   
           <img style="position: absolute; right: 91%;  top: 42%; width: 100px;" src="https://i.pinimg.com/564x/c6/10/5f/c6105feba2db225b5d7e52af0e427584.jpg">
           <figcaption class="copyright right"style="color: rgb(83, 58, 3);">
               Image by altantrengsingf on artstation
           </figcaption> 
        <img style="position: absolute; right: 91%;  top: 65%; width: 100px;" src="https://i.pinimg.com/736x/df/71/bc/df71bc1594556b26d9383e37ece74da5.jpg">
    </p>
    </section>

Wie in meiner Überschrift schon beschrieben möchte ich ein Menü bauen, das seitlich von rechts langsam einslidert. Für das Menü möchte ich <details> /<summary> verwenden.

So soll es mal aussehen:

Meine html-Struktur von der Navigation:

<nav id='sitenav' aria-labelledby='sitenav-label'>
    <h2 id='sitenav-label' class='visually-hidden'>Site-Navigation</h2>
    <details>
        <summary>Menü</summary>
            <ul>
                <li aria-current='page'>
                    <details>
                        <summary>Impressum &amp; rechtliches</summary>
                            <ul>
                                <li aria-current='sub-page' tabindex=0>
                                    <details>
                                        <summary>Impressum</summary>
                                            <ul>
                                                <li><a href=''>Kontakt</a></li>
                                                <li><a href=''>Fotodokumentationen</a></li>
                                                <li><a href=''>Links</a></li>
                                            </ul>
                                    </details>
                                </li>
                                <li><a href=''>Nutzungsbedingungen</a></li>
                                <li><a href=''>Datenschutz &amp; Urheberrecht</a></li>
                            </ul>
                    </details>
                </li>
                <li><a href=''>Website Erika Mustermann</a></li>
                <li><a href=''>Blog Max Mustermann</a></li>
                <li><a href=''>VLog Erika Mostermann</a></li>
            </ul>
    </details>
</nav>

Der sichtbare Hamburger Button (mit den Pseudoelementen ::after und ::before bei details / summery) ist position: sticky;

Nun könnte mir jemand bitte zeigen wie ich nun mein <ul> von rechts langsam einslidern lasse. Stoppen soll das Untermenü dann links vom Button.

Es geht mir um das Prinzip wie man es macht. Kann mir dies bitte jemand an einem einfachen Beispiel zeigen?

Hallo,

Seit kurzem Befasse ich mich mit Html und CSS. Ich bin natürlich noch ein Blutiger Anfänger wenn es um das Programmieren geht. Allerdings frage ich mich wie man Mail Templates erstellt. Welche Sprachen werden Benutz?

LG

Hallo, ich habe mir bei Strato eine Domain gekauft und dann deren Wissensbeitrag nach mit Filezilla ne FTP verbindung eingerichtet und meine eigene HTML Website zu veröffentlichen. In Filezilla im log steht das meine datenübertragung erfolgreich war. Wenn ich aber meine Domain aufrufe steht da nur das diese von Strato reserviert ist aber noch keine Daten hochgeladen wurden, was kann ich tun?

Hallo ihr Lieben!

Ich habe einen Verein gegründet und wir brauchen eine ordentliche Website. Das Team der ITler besteht aus 3 Personen (inkl. mir). Einer davon kann Frontend (Design, CSS), einer kann Backend (Datenbanken, HTML, JS, Serverkonfiguration). Ich kann alles davon nur so ein bisschen und koordiniere das Projekt. Bisher haben wir eher provisorisch eine WordPress Seite, sind damit aber aus folgenden Gründen nicht zufrieden:

1. Unübersichtlich mit den vielen Plugins usw. - es ist nicht einheitlich und wirkt zugemüllt und umständlich
2. Der Code ist schwer zu lesen und nachzuvollziehen
3. Man kann den Code (soweit ich weiß) nicht vollständig anpassen und ist daher in Hinblick auf Design und Funktionalität eingeschränkt (in unserem Theme „Astra“ kann man Designfarben einstellen, sieht aber nicht, wo sie verwendet werden)

Jetzt suchen wir nach einer Alternative. Man könnte versuchen, die Website ohne CMS o. Ä. auf die Beine zu stellen, man könnte ein anderes, anpassbareres CMS verwenden oder bloß ein CMF, wobei ich nicht sicher bin, ob das viel besser ist.

Wir können im Moment nicht genau einschätzen, ob es realistisch ist, die Webseite ohne CMS o. Ä. sicher, ordentlich und schön aufzubauen. Allerdings wissen wir auch nicht, ob es ein CMS gibt, das so viel Anpassbarkeit bietet, dass man (mit genug Programmierkenntnissen) theoretisch ALLES umsetzen kann. Funktionen, die wir brauchen, wären:

• Beiträge (Blog, News)
• Normale Inhaltsseiten
• Eingebundene Mediendateien
• Kleine eingebettete Online-Spiele
• Kontakt/Anmeldeformulare
• Suchfunktion
• Design exakt, wie der Designer es sich vorstellt
• evtl. ungewöhnliche Seitennavigation (Nicht nur mit Standard Menüs, wie bei WordPress von Anfang an drin)

Denkt ihr, WordPress oder Drupal ist durch Themes, Plugins/Modulen etc. doch anpassbar genug und wir müssten uns nur mal genauer hineindenken oder sollte man in unserem Fall lieber ganz auf Content-Management Optionen verzichten?

Vielen Dank schon mal für eure Antworten!