CSS – die neusten Beiträge

Hi,

Ich habe eine Lade-Animation gemacht, aber ich weiß nicht so richtig was man während dem laden auf der seite machen könnte, habt ihr ne idee?

LG

Wie schaffe ich es mit JavaScript HTML und CSS den Inhalt einer textdatei anzeigen zulassen und diesen dann zu verändern also zum beispiel das ... rot makiert wird oder ich einen filter dazu habe.

Ist wirklich dringend ich bedanke mich im vorraus.

Hey, ich habe vor langer Zeit mal ne HTML Seite erstellt und habe separat ein Login Feld erstellt. Wollte nun diese meiner Seite hinzufügen aber weiß leider nicht wie. Ich lerne gerne also danke an alle die mir heifen

Weiß jemand, wie man so ein Logo/Foto für seine Webseite hinzufügen kann?

Servus,

ich will eine Hybride App mit Blazor Hybrid für iOS 6 machen.
Das Problem ist, Blazor Hybrid Unterstützt iOS 14 und neuer.

Es gibt ja Xamarin.iOS 6, ich hab aber kaum Erfahrung mit XAML etc.

Meine Fragen:

1. Auf was basiert Blazor Hybrid? MAUI oder Xamarin?
2. Wäre es möglich die iOS 14 SDK durch die von iOS 6 im Source Code zu ersetzen?
3. Wäre das praktisch machbar?

Hey, wie bekommt man den Button und das collapsible nebeneinander ?

Hier der HTML Code:

<button class = "x-button"><i class="fa-solid fa-x"></i></button>

<div class="fach" id ="${nameDesFachs}"> <button type="button" class="collapsible">${nameDesFachs}</button><div class="content hidden"></div></div>

Ich bin seit ca. 1jahr in der Ausbildung als Anwendungsentwickler. Nun muss ich ein sehr sehr grosses Projekt eines anderen erweitern. Nur ich verstehe den Code trotz Debugen und erklärung von Kollegen nicht. Also den Zusammenhang jetzt nicht eine einzelne Zeile. Was kann ich da machen bitte um hilfe

Kann mir bitte jemand für HTML einen Tipp geben oder mir eine Internetseite benennen, wie ich auf meine Homepage einen Button kriege, damit ein Leser die Schrift vergrößern oder verkleinern kann?

So wie auf dem Foto im ePaper der FAZ.

Hallo, wie lautet der Befehl, wenn ein Text und ein Bild auf der gleichen Linie stehen?

<div class="räderContainer">
                    <h3 class="h41">Text</h3>
                    <img class="rad" src="zahnrad.png">
                </div>

Hallo zusammen,

da ich eher ein Backend-Dev bin, stelle ich mir gerade die Frage, wie man so ein Login-Bereich schöner gestallten könnte. Würde mich sehr über optische Verbesserungsvorschläge freuen.

MfG Mats

Hallo!

Ich habe eine CSS-Animation, die bei Hover ein Element vergrößert. Wenn man die Maus wegbewegt ändert sich die Größe direkt ohne Animation wieder zurück. Wie kann man die Animation beim Webbewegen des Cursers wieder rückgängig abspielen lassen?

Moin Leute,

Ich würde gerne mehrere Seiten (z.B.Kontakt, Über uns, usw.) für meine Website in einer Datei erstellen. Ich habe schon die einzelnen Seiten in mehreren Dateien erstellt und verlinkt, dies finde ich aber zu umständlich immer von Datei zu Datei zu wechseln

Vielen Dank für eure Hilfe im Voraus

Ich habe eine Website auf meinem Ipad (9,7 Zoll) programmiert und für das Querformat optimiert. Nun möchte ich, dass sich die Größen (Text) automatisch anpassen, wenn man die Website mit einem Gerät (beliebige Bildschirmgröße) öffnet. Vielen Dank im Voraus.

Hallo,

ich bin ein riesen Fan von Borussia Mönchengladbach. Zusammen mit 5 Kumpels möchten wir gerne eine große Datenbank rund um die Borussia aufbauen. Dort sollen alle Spieler, Trainer, Begegnungen und Transfers aufgelistet werden. Bei den Spielern sollen Statistiken angezeigt wird, die das System aus dem Begegnungen ziehen soll.

Die Sache hat aber einen großen Haken: Unsere Kenntnisse in Javascript sind praktisch gleich null. In HMTL, CSS und PHP sind sehr gute Grundkenntnisse vorhanden.

Gibt es vielleicht online ein fertiges Webseite-Template zu kaufen, ein Wordpress-Plugin oder irgendeine andere Software, die dieses Problem löst? Ich bin sehr dankbar für jeden Vorschlag.

Kann man durch HTML mit PHP ersetzen oder wo liegt da genau der unterschied? Das Aussehen verändert sich nicht und auch der Struktur. Also irgendwas im Hintergrund auf welchem Server er starten sollte, dass die Webseite einwandfrei lauft? Oder liege ich vollkommen falsch?

HTML

PHP

Läuft bei der Programmierung fiel mehr im Hintergrund als das was wir auf der Webseite seht?

Ich möchte ein Diagramm auf meiner Webseite abspielen lassen und würde es gern so haben, dass es: 1 x abgespielt wird und erst, wenn das Diagramm gesehen wird auf dem Bildschirm. Gibt es da einen Code, der mir helfen würde ? ( bin hier, denn ich nicht erfolgreich wurde mit Onkel Google)

Ich programmiere eine Website. Und ich muss ein bild in der Mitte, oben platzieren.

Der Text soll so aussehen, als wenn er auf dem Handy steht:

Hallo,

Ich erstelle eine webseite, auf dieser habe ich nun ein Link, dieser ist mir aber noch etwas zu hoch, ich möchte diesen nun etwas tiefer (formatieren). Wie würde das gehen?

LG

Hallo, ist es möglich, dass ich die Farbe von einem Button ändern kann, wenn ich draufklicke? Gibt es da so etwas wie "onclick", wie bei JavaScript?

Hallo, ich möchte, dass meine Überschrift die Farbe wechselt, aber nicht der Hintergrund, sondern die Buchstaben selber. Wie funktioniert das?

Die meisten Playlisten auf Youtube gehen nur 10 videos wovon 3 über die installation gehen

2 videos gehen über jsx

2 über props , components

2 über state und 1 über deployment

Dann hören die auf.

Ist ja alles Toll aber jetzt weiss ich nichtmal was ich nach dem absoluten Basics lernen soll.

So einen roten faden.

Dann könnte ich immerhin Irgendwelche Dokumentationen lesen

Nach 10 videos und ein wenig herumspielen hab ich sicher nicht react gemeistert.

ich hab auch keine 100 euro für einen Udemy kurs rumliegen.

Ich möchte einen Text im Blocksatz nur auf der Hälfte der Seite haben, sodass der Text mit dem Ende einer Tabelle abschließt. Ist da was möglich? Wie nennt man sowas, ich scheine nicht die richtigen Begriffe für Google zu verwenden?

Skizze hinzugefügt.

Ist es möglich, die Navbar (Bootstrap 5) nicht anzeigen zu lassen, wenn man sich in der Mobilversion befindet?

Hallo,

suche nach einem Template/Beispiel-Anwendung oder ähnliches wo erklärt wird wie man eine Sidebar (links) Implementiert die auch ein und aus geblendet werden kann.

Vorzugsweise:

• Bootstrap 5
• Blazor Server
• Kein JS
• Basic, nichts Komplexes, es sollte eine einfache Sidebar sein die ein und ausklappbar ist.

Wenn man mitten in den HTML Code , sowas schreibt wie

<p class="bold-900"> test </p>

Dann ergibt das für mich noch keinen sinn aus drei Gründen.

1. Man kann zwar bei wenig Code schnell im Code sehen was passiert aber schnell wird das doch komplett unordentlich, als würde wenn man <p style="color:red;"> benutzen.
2. Es ist doch Dumm sich die ganzen Tailwind Klassen auswendig zu lernen anstatt gleich die CSS Eigenschaften. Es macht doch kaum einen unterschied, ob font-size : 50px oder class="fontsize-50".
3. Tailwind hat auch keine fertige Komponenten wie Bulma oder Bootstrap falls man keine lust hat mal irgendwas selber zu machen.

Oder wie seht ihr das ?

Lerne zurzeit React und in vielen React Tutorials wird Tailwind genutzt.

Lohnt sich das so viel mehr als normales Css/Scss zu benutzen ?

Ich sehe bei manchen die Endung für JSX anstatt .'js'

aber ändert das überhaupt was ? Oder ist das nur Schönheit.

2. Frage)

Kann ich irgendwie konfigurieren was genau mit

npx create-react-app 

alles erstellt werden soll ?

Denn App.js App.css und App.test.js Stören mich und sie zu löschen ist auch aufwendig. Lieber eine Leere Seite von anfang an statt dem drehenden React Logo.

ich hätte gerne schon unterordner unter 'src' wie zb img, audio, style,components,video usw.

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

Hallo,

ich kann mir vorstellen, dass hier so einiges falsch ist. Es geht hauptsächlich um die drei letzten Klassen im CSS und um den kompletten JS Code. Ich will, dass die box auf der linken Seite und der Container unterm HR rein sliden.

Weil des Code etwas lang ist hab ich das auf jsfiddle gespeichert:

https://jsfiddle.net/damvn6wy/26/

danke im voraus.

Also, links und recht ein großer Abstand, und nur in der Mitte der Text, höchstens ein Drittel des Bildschirms einnehmend, was muss ich da in die HTML Styles oder so schreiben, danke

Hallo,

wie kann ich durch den Klick auf einen Knopf eine Klasse einem div Container hinzufügen?

Ich habe ein ELement (zB ein Div) und möchte dass dieses div langsamer nach oben scrollt als andere Elemente auf der Seite - Wir nehmen zB an ich habe 4 divs: Jedes Div soll in einer anderen Geschwindigkeit nach oben scrollen.... Wie könnte man das mit JS/CSS umsetzen? Am besten mit Erklärung - im Internet finde ich leider nur fertigen Code den ich nicht einfach so einsetzen will ohne ihn zu verstehen :)

Hi, ich habe eine verschachtelte Liste und möchte diese mit Flexbox anordnen.

Das funktioniert allerdings nicht nur mit display:flex und flex-direction:row. Wenn ich in Chrome nachschaue wird mir als CSS Eigenschaft display:block angezeigt.

<div id="story">
		<p id="grid1">1</p>
		<p id="grid2">2</p>
		<p id="grid3">3</p>
		<p id="grid4">4</p>
		<p id="grid5">5</p>
		<p id="grid6">6</p>
	</div>

#grid1{
	grid-area: "eins";
	border: 1px solid black;
}
#grid2{
	grid-area: "zwei";
	border: 1px solid black;
}
#grid3{
	grid-area: "drei";
	border: 1px solid black;
}
#grid4{
	grid-area: "vier";
	border: 1px solid black;
}
#grid5{
	grid-area: "fünf";
	border: 1px solid black;
}
#grid6{
	grid-area: "sechs";
	border: 1px solid black;
}


#story{
	padding: 15px;
	color:  white;
	background-color: rgb(0, 0, 255);
	display: grid;
	grid-template-columns: 200px 200px 200px;
	grid-template-rows: 200px 200px 200px;
	gap: 16px;
	grid-template-areas:
	"eins" "eins" "zwei"
	"drei" "vier" "zwei"
	"fünf" "vier" "sechs";
}

Es wird bei mir Quasi nur 1 2 3 nächste Zeile 4 5 6 angezeigt. Bild in der Ergänzung meiner letzten Frage. Ich will aber dass es so aussieht wie in grid template areas nur halt dass nicht zum Beispiel 1 1 dasteht sondern nur ein großes Feld mit der Zahl 1 drinnen.

Hey,

ich bekam letzte Woche die Aufgabe eine Tabelle zu erstellen, diese soll ein/ausklappbar sein und die einzelnen Kacheln sollen Themen beinhalten, diese soll man anklicken können und dann öffnet sich in der Tabelle ein Fenster.

Das soll dann ungefähr so aussehen. (hab das grob nachgemacht, da ich gerade nicht den Bogen in der Hand hab.)

So weit ich weiß darf ich HTML, CSS und Javascript nutzen, habe aber nur ein wenig Ahnung in HTML und CSS, Javascript habe ich noch gar nicht gelernt, wäre aber bereit dazu

Ich würde eine Nav bar erstellen, ich denke das schaffe ich auch und dann bräuchte ich Hilfe. Ich würde um die Themenauswahl auszuwählen und diese Tabelle zu öffnen "Themenübersicht" nennen. Nachdem ich auf "Themenübersicht" klicke möchte ich, dass diese Tabelle auftaucht und jedes Thema (müssen keine Namen haben) soll eine "blablabla" Seite direkt daneben haben.

Falls sich jemand beschweren sollte, wieso ich das nicht alleine hinkriege oder zu faul sei, ich bin ein Neuling in dem ganzen Programmier Ding und schaffe es noch nicht alleine, deswegen hätte ich gerne Unterstützung.

Also der body soll verschwommen sein aber nicht der div

(oder nur der div Text).

Hab es schon mit z-index versucht

 <style>
        body{
            filter: blur(5px);
            position: relative;
            z-index: -10;
        }
        div{
            font-size: xx-large;
            filter: blur(0px);
            position: relative;
            z-index: 10;
        }
    </style>
</head>
<body>
    <div>
        Hallo
    </div>
</body>

Hallo,

bei meiner Wordpress-Seite (meinsakko.de) habe ich Paypal integriert. Jedoch sehen die Buttons unprofessionell aus.

Wie bekomme ich per CSS die Buttons kleiner und wie lässt sich der Abstand zum oberen "in den Warenkorb" vergrößern?

Danke vorab!

Hallo, ich arbeite gerade an einen Button. Aber wie kann ich dieses Herz durch ein Bild ersetzten?

.icon{

            background-color: white;

            color:  #00472d;

            border: none;

            font-size: 2rem;

            padding: 0.5em;

            line-height: 1;

            width: 2em;

            transition: border-radius 2s ease;

        }

        .icon:hover{

            background-color:#00472d;

            color: white;

            border-radius: 50%;

Ich habe eine Webseite gecoded und diese dann per Netlify hochgeladen um u sehen wie es auf dem Handy ist. Da viel mir auf dass auf dem Handy sehr vieles anders ist. z.B. Lauft das Video wo ich in den Hintergrund gepackt habe nicht und man sieht nur standbild, die Schrift ist anders, die Blur filters werden nicht angezeigt. Kann mir da jemand helfen?

Am besten mit ssh, günstig , inkl 1 domain reicht mir , ssl, datenbank, ftp email. Speicher eigentlich nur paar gb,

Wie kann ich den Inhalt einer Border in eine bestimmte Farbe ändern (in CSS oder HTML)?

Hallo, ich versuche, einen Kreis wie in Bild 2 hinzuzufügen, und was ich bis jetzt geschafft habe, ist Bild 1. Weiß jemand, wie ich das machen kann? Irgendwelche Tipps? Ich werde meinen Code unten hinterlassen. 

Danke.

*Bild 1*

*Bild 2*

Was Props sind weiss ich aber State will ich nicht so ganz verstehen.

Die Dokumentation von React ist sowieso komisch.
Habe gehört das es ähnlichkeiten hat.

Props würde ich so benutzen in der index.js

import App from irgendwas…
<App name="Max"/>
Und in der App.js
const App = (props)=>{
<h1> {name.props} </h1>} 
export default …

kann man das gleiche jetzt auch mit state machen oder wie kann ich mir das vorstelle. ?

Also ich habe schon vor längerer Zeit für einen Freund von mir eine Website erstellt. Pures HTML und CSS - kein Websitebuilder. Doch jetzt sollte auch noch eine Art Blog dazukommen. Da mein Freund nicht ganz so technikaffin ist, benötigt er auch noch eine Eingabeseite wo er seine Texte erstellt, die dann automatisch zu Inhalten der Blogseite werden.

Ich muss gestehen, dass ich eine solche Applikation noch nie programmiert habe, bin aber bereit zu lernen wie es geht. Nur bräuchte ich dafür einen ersten Anhaltspunkt wie man das am Besten anlegen sollte.

Kennt von euch jemand ein Open-Source Blog Projekt wo man sich das ein bisschen anschauen kann, oder eine Tutorialserie dazu?

Hallo, bei dem erstellen von Websites habe ich schon seit längerem bemerkt dass es beim einfügen von Objekten in die Website zu einem Abstand von ca. 10 px zum Seitenrand kommt. Gibt es eine einfache Möglichkeit diesen für die gesamte Webside zu deaktivieren? Danke im Voraus für Antworten, Tom.

Ich möchte die "hover-Farbe" nur bei einem link ändern. Wie geht das ?

Hallo,

ich versuche ein formular zu verschieben. mit margin-left bin ich erfolgreich, allerdings kann ich dann nach rechts rausscrollen. ich hab ein backgroundimage drin, deshalb nervt mich das ungemein.

wie kann ich das einfach mittig zentrieren?

Ich habe jetzt mit

 npm run build

einen Ordner namens "build", wenn ich den über den FTP Zugang hochlade und die URL aufrufe erscheint nur eine Leere Weiße Seite.

Jedoch wenn ich es über andere Anbieter Deploye die das für mich übernehmen dann funktioniert alles einwandfrei.

Wie genau kriege ich das auch hin ?
Nutze All Inkl.

Wenn ich eine Datei als html erstelle wie z.B index.html wird es mir nicht als eine Seite angezeigt wie Chrome als Schaubild & wenn ich es öffne lande ich in Visual Studio Code und nicht auf der Seite , kann mir jemand helfen der vielleicht mal das selbe Problem hatte oder weiß wie man es behebt

Hallo

Ich habe ein Problem mit dem CSS:
- Ich möchte den HOVER des Buttons in dieser Farbe: #2C6194 und Text nicht blau
- und wäre es leicht das responsive anzupassen?
Bild oben und Text unten auf dem mobile?
Hier der Quelltext: HIER

Danke für die Mithilfe! Komme leider nicht weiter....

Hallo Ich habe diesen Fehler in meinem css, jemand weiß, wie man dieses Problem zu behebt? Wie auf dem Bild zu sehen ist, steht da "at-rule or selector expected", aber nach mehreren Versuchen weiß ich nicht, wie ich das Problem lösen kann. Bitte um Hilfe.

@charset "UTF-8"; 
{
  box-sizing: border-box;
}
body {
  font-size: 14px;
  font-family: Inter;
}
.v73_77 {
  width: 595px;
  height: 842px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v73_79 {
  width: 451px;
  color: rgba(0,0,0,1);
  position: absolute;
  top: 139px;
  left: 53px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 12px;
  opacity: 1;
  text-align: left;
}
.v73_80 {
  width: 160px;
  height: 160px;
  background: rgba(255,243,236,0);
  opacity: 1;
  position: absolute;
  top: 228px;
  left: 28px;
  border: 1px solid rgba(255,117,51,1);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v73_81 {
  width: 160px;
  height: 160px;
  background: rgba(255,243,236,0);
  opacity: 1;
  position: absolute;
  top: 228px;
  left: 213px;
  border: 1px solid rgba(255,117,51,1);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}

Viele Datananalysetools haben eine kleine weltkarte, bei der man über die einzelnen Länder fahren kann, das jeweilige dann farblich hervorgehoben ist und man Zahlen sieht, wie macht man das also geht das ausschließlich mit html und css, wenn nötig auch javascript und wo bekommt man die Bilder scripte etc. her?

Hallo, ich bin gerade dabei eine kleine App zu programmieren (bin noch Anfängerin).

Das Layout usw. habe ich alles fertig und nun hänge ich an dem Problem einen funktionsfähigen Button einzufügen.

Ich habe einen "Start" Button als Bild eingefügt und mein Ziel ist nun, dass weiter unten ein Satz auftaucht sobald man auf den Button tippt.

Außerdem wäre mein Ziel ebenfalls, dass bei jeder neuen Berührung des Buttons ein neuer Satz erscheint.

Ich habe schon viele Möglichkeiten aus Youtube ausprobiert aber es hat nix funktioniert:(

Ich habe auch schon überlegt ob man das Problem mit If, then, else lösen kann, aber da bin ich mir auch nicht sicher.

Ich arbeite mit html, CSS, Java, (Visual Studio Code)

Ich würde mich über Hilfe sehr freuen:)

Danke im Voraus!

Ich möchte keine Abonnements / 14 Tätige Testversionen buchen.

Am besten auch kein Registrieren auf irgendeiner Website

Muss nichts gutes sein. Ist nur zum üben.

Zum Beispiel :

alert()
alert()
alert()

alert()
alert()

dann markiere ich alles blau und alles aufeinmal soll ein // bekommen am anfang .

Und ich meine nicht das ich über mehrere Zeilen einen Cursor hab wo ich schreiben kann.

Denn dann würden auch die leeren Zeilen ein // haben weil ich nicht alles direkt untereinander programmiere

Ich habe zwei Bilder mittig nebeneinander, so dass es nur einen ganz kleinen Spalt zwischen den zwei Bildern gibt. Wie kann ich den Spalt vergrößern?

Das Problem ist schon behoben aber mich interessiert woran es liegt.
hatte eine index.php in der hatte ich die style.css verlinkt

sagen wir mal der body background war auf rot aber ich hab ihn auf blau geändert.

Und es hat sich nichts getan bis ich es über den vs code debugger gestartet habe, dann ist mir die idee gekommen mal alle browser daten zu löschen.

und dann ging es wieder.

hatte keine Rechtschreibfehler oder sonst was,

wenn ich die style.css aus dem Php doc. Entfernt habe dann wurde der body auch weiss statt rot.
Hätte stunden damit verbracht irgendwelche fehler zu suchen, wenn mir das nicht schnell eingefallen wäre…

Ich wollte meine Tabelle etwas größer haben. Jetzt geht sie komplett von Links nach Rechts über den Bildschirm (width: 100%). D.h. nach Links/Rechts ist sie mir groß genug, aber nach unten müsste mir die Tabelle noch etwas größer sein. Was muss ich dafür eingeben in das format.css?

Hallo zusammen,

brauche nochmal einen Denkanstoß :)

Ich habe zwei Mal <select></select>, die sozusagen in Reihe funktionieren sollen. Wenn ich jetzt beim ersten select eine Option auswähle, soll die eine option bei der zweiten select disable=disabled werden.

Zur Vorstellung:

<select>
<option value="nike">Nike</option>
<option value="reebok">Reebok</option>   
</select>

<select>
<option value="sneaker">Sneaker</option>
<option value="fußballschuhe">Fußballschuhe</option>
</select>

-> bei dem Beispiel soll z.B. bei der Auswahl "Nike" im ersten, beim zweiten beide optionen angezeigt werden. Wähle ich hingegen "Reebok" aus, soll im zweiten Select nur die Auswahl "Sneaker" gemacht werden können, also "Fußballschuhe" ausgeschaltet.

Wie gehe ich da vor? Mit den Ansätzen aus dem Internet komme ich noch nicht weiter, dafür ist mein Know-How nicht groß genug. :)

Vielen Dank!
Gruß

Hallo,

Ich würde gerne in HTML und CSS ein wasserzeichen machen, wie geht das?

Das Wasserzeichen soll im hintergrund von einem Text sein, falls ihr versteht was ich meine.

LG

Hallo,

wisst ihr was in CSS folgende Zeile bedeutet?

margin: 0px auto;

LG

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

Ich habe jetzt mit programmieren angefangen, und um genauer zu sein mit Javascript. Ich weiß jetzt dass man Javascript, HTML und css zusammen kombinieren kann. Ich weiß aber immer noch nicht wie das gehen kann. Haben alle nicht verschiebe Codes oder wie ist es genau zu verstehen ?

Welcher browser erlaubt es ohne bestätigung auf dir zwischenablage, den standort, geolocation, eventuell die kamera zuzugreifen? (Mit JavaScript)
Die modernen wie firefox chrome safari (edge) natürlich nicht

Wenn ich jetzt meine Codes auf HTML und CSS in Visual Studio Code eingebettet habe, außerdem xampp und PHP kenntnisse hätte. Würde ich dann eine verfügbare online Seite haben oder brauche ich einen Onlineserver (eine Software?) wie WordPress (wo ich meine Codes einbetten kann), oder andere Homepage Baukasten oder oder oder ? Oder reicht da eine Hardware, also ein (externet) PC, der solange der online ist und Xampp aktiviert hat auch die Webseite laufen lässt? Kann ich das dann mit meinen Codes von Visual Studio Code verbinden und erstellen?

Ich bin dabei eine Internetseite zu prgrammieren.
Mein Problem ist, dass ich nicht auf jeder Seite den selben Header und so einfügen will und falls ich was ändern möchte, es nur einmal machen muss.

Ich hab schon auf mehreren seiten etwas mit PHP gefunden allerdings benutze ich html,css und js. Kann mir jemand helfen?

danke im Vorraus.

Hallo, ich bin ziemlich neu was Websides programmieren angeht und ich finde kein gutes tutorial dazu, wie man wenn man eine Navigationsleiste hat z.b auf Getränke klickt und dann eine andere html/css Seite mit Getränken auftaucht etc.

versuche da auxh bisschen JavaScript mit rein zubringen d.h Benutze die Navigationsleiste von Material Design Lite.

Bin da bisschen überfragt und habe keine ahnung😅

<!-- Always shows a header, even in smaller screens. -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
  <header class="mdl-layout__header">
    <div class="mdl-layout__header-row">
      <!-- Title -->
      <span class="mdl-layout-title">Title</span>
      <!-- Add spacer, to align navigation to the right -->
      <div class="mdl-layout-spacer"></div>
      <!-- Navigation. We hide it in small screens. -->
      <nav class="mdl-navigation mdl-layout--large-screen-only">
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
        <a class="mdl-navigation__link" href="">Link</a>
      </nav>
    </div>
  </header>
  <div class="mdl-layout__drawer">
    <span class="mdl-layout-title">Title</span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
  </div>
  <main class="mdl-layout__content">
    <div class="page-content"><!-- Your content goes here --></div>
  </main>
</div>

Hi, ich möchte über den Sommer programmieren lernen. Ich weiß zwar noch nicht genau ob ich Unity und C# oder mit HTML, CSS und JS lernen möchte. Ich wollte aber trotzdem fragen wo man diese Sprachen programmiert. Für C# gibt es z.B. Unity. Gibt es so etwas auch für HTML usw.? Oder gibt es eine Internetseite wo man es programmieren kann?

Ich bin derzeit dabei eine Website mit VS Code zu programmieren, demzufolge ändere und füge ich einige Dinge meinem HTML/CSS-Dokument zu. Die Zwischenergebnisse meiner Arbeit schaue ich mir immer auf Google Chrome an.

Nachdem ich eine Änderung vorgenommen habe möchte ich mir das Resultat dieser Änderung wieder auf dem Browser anschauen. Doch wenn ich auf reload drücke, wird die Änderung vom Browser nicht berücksichtigt. Das Angezeigte ist dasselbe, wi vor dem reload. Erst wenn ich das Tab geschlossen habe und mein HTML/CSS-Dokument erneut öffne berücksichtigt der Browser meine Änderungen.

Ich möchte mir das ständige Schließen des Tabs ersparen und meine Unternehmungen direkt nach dem Reload zu sehen bekommen. Was kann ich tun?

Hallo,

ich möchte in html von dem Text der im Rahmen ist, die Schriftart ändern.

Irgendwie klappt das nicht so.

@font-face {

   font-family: "Germanica";

   src: url("Schrift/germanica/Shadowed Germanica.ttf");

   }

#id1 { margin-left: 170px;}

<div id="id1"><div align="center"><p style="font-family:Germanica"><p class="outset"><br><font size="7"><strong>Test </font></strong><br><br> <font size="5"><strong> Der Absatz </font></strong> <br><br></p></div>

Hallo in die Runde,

ich erstelle seit einiger Zeit Webseiten mithilfe von PHP, HTML, JS und CSS. Bisher liefen all diese nur über XAMPP lokal. Nun möchte ich eine meiner Seiten veröffentlichen. Es gibt sicher verschiedene Anbieter, wo man seine Dateien hochladen kann und er diese dann hostet. Oder geht das nicht so einfach? Bin für jede Empfehlung dankbar.

LG, Markus

Hallo,

ich beschäftige mich zur Zeit etwas mit html, css und wollte jetzt gern das Menü.

https://wiki.selfhtml.org/extensions/Selfhtml/frickl.php/Beispiel:CSS_Men%C3%BCs9.html#view_result

Übernehmen und abändern. Leider bekomme ich rechts von dem Menü keinen Text hin. Der ist immer unter dem Menü.

Hallo,

ich versuche bei bestimmten Bildern ein Overlay als Text zu haben, welches am Bild oben rechts platziert wird. Ich habe ein bisschen was gebastelt und zusammen gesucht, aber der Overlay liegt nicht über dem Bild, sondern scheint sich am Bildschirm zu orientieren. Er soll eigentlich nur beim zweiten Bild erscheinen und die Bilder davor und danach sollen sich einreihen, das tut er aber nicht.

https://codepen.io/gooloonetwork/pen/MWQXzbd

Das Problem ist aber, dass es auf der Live-Webseite (www.gooloo.de/partner) so aussieht (die Bilder sind extrem klein und "zusammen gedrückt"):

Guten Tag,

ich baue momentan ein Suchfeld (input type search) in eine Testseite ein. Ich sehe gerade, dass das Inputfeld vom type Search mit einem integrierten Lupensymbol daherkommt. Die default Farbe ist zwar passend für den Lightmode meiner Seite, im Darkmode ist sie allerdings nicht mehr zu sehen. Daher meine Frage: Gibt es eine Art Pseudoklasse in CSS für diese, um diese umzustylen?

Vielen Dank im Voraus! :)

hallo

ich habe da eine frage:

ich habe eine Website erstellt da sie auf dem Handy nicht gut aussieht habe ich noch eine mobile Version erstellt kann man irgendwie einstellen das zb. auf dem Handy automatisch die mobile Version aufgerufen wird.

Ich habe z.B. einen iframe mit height="400px" und width="100%". Darin befindet sich ein Element, dass per Klick eine Lightbox auf Fullscreen öffnet. Beides befindet sich auf der selben Domain/Server.

Leider öffnet die Lightbox nicht auf Fullscreen, sondern wird vom Rand des Bereiches (400px / 100%) begrenzt. Wie kann es über die Ränder hinaus gehen (fullscreen)?

PS: Das iframe möchte ich nicht auf Fullscreen einstellen, weil ich mehrere iframes untereinander haben möchte.

ich will mit einem klick mein Button durchstreichen, das funktioniert auch mit

button:focus{
    text-decoration: line-through;
}

doch wenn ich dann einen anderen Button drücke welcher die gleiche CSS klasse hat wird es bei dem einem Button entfernt und beim anderen hinzugefügt. Dass heißt ich kann es nur auf einem button gleichzeitig anwenden. Wie kann ich es auf allen gleichzeitig haben?

Hallo zusammen! Ich habe ein Parent Element mit einem Child Element drinnen. Das Childelement besteht aus einer h3 Überschrift und einer h5 Überschrift. Die h3 Überschrift soll zentriert sein, als irgendwas mit center. Die h5 Überschrift hingegen soll am linken Rand stehen. Wie bekomme ich das mit Flex Box hin? Mit justify-content: center; habe ich beides in die Mitte bekommen, aber ich möchte ja nur eins...

MfG Lass228

Hallo,ich bin 17 Jahre alt und will gerne das Webseiten erstellen und verkaufen lernen.Was wollen die Käufer reicht eine professionelle WordPress seite aus oder lieber eine HTML Webseite?Was verkauft sich besser und welche arten von Webseiten bauen empfehlt ihr für E- Commerce oder zum verkauf

Hey, ich habe folgenden HTML-Code, der einen Button erstellt und möchte nun dem Button noch die Farbe #3BB54A geben.

<a href="https://nebelbusiness.de/" class="elementor-button-link elementor-button elementor-size-md elementor-animation-grow" role="button">
  <span class="elementor-button-content-wrapper">
    <span class="elementor-button-text">Schreib mir jetzt auf WhatApps!</span>
  </span>
</a>

Es soll nur den einen Button betreffen. Es sind mehrere auf der Seite vorhanden.

Vielen lieben Dank für deine Hilfe!

Der Container ist ganz oben was auch immer man probiert

<div class="container mx-auto">
        <div class="row">
            <div class="col-sm-3"></div>
            <div class="col-sm-6">
                <div class="card">
                    <div class="card-header">Header</div>
                    <div class="card-body">Content</div>
                    <div class="card-footer">Footer</div>
                </div>
            </div>
        <div class="col-sm-3"></div>
    </div>

Hi, ich prgrammiere eine website in html und css.

ich habe einen container und eine box erstellt und will dass man nur das hintergundbilt und ein text sieht sieht und wenn man drauf geht mit :hover dass dann ein andere text erscheint. wäre dass möglich?

Kann mir jemand sagen, was genau ich machen muss, damit diese Fehlermeldung nicht mehr auftritt?

Es muss an Windows liegen, weil ich mit der normalen Eingabeaufforderung mit tsc ... kompilieren kann. Jedoch nicht im VS Code Terminal.

Unter Linux funktioniert es direkt im VS Code Terminal.

tsc : Die Datei "C:\Users\...\AppData\Roaming\npm\tsc.ps1" kann nicht geladen werden, da die 
Ausführung von Skripts auf diesem System deaktiviert ist. Weitere Informationen finden Sie unter 
"about_Execution_Policies" (https:/go.microsoft.com/fwlink/?LinkID=135170).
In Zeile:1 Zeichen:1
+ tsc --version
+ ~~~
    + CategoryInfo          : Sicherheitsfehler: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

Das Problem ist eigentlich ganz einfach erklärt. Ich habe ein Objekt und möchte nur, wenn es nicht da ist, dass ein CSS Script weiter ausgeführt wird.

So sieht mein Code aus:

@when Objekt(display: none) {
/*Script*/}
@else {
}

Hat jemand eine Idee, was ich falsch mache?

Vielen Dank für eure Hilfe!

hi Leute wie kann ich 3 Bilder mit Text dazu nebeneinander sortiert weil bei mir ist alles untereinander sortiert ihr ein Beispiel Bild und ihr auch ein beispiel was ich bisher programmiert habe

Hallo zusammen, warum erkennen meine Unterseiten die css datei nicht, obwohl ich diese korrekt verlinkt habe? von der Ordnerstruktur her ist auch alles gut, deshalb verstehe ich das alles nicht und verzweifle langsam daran haha. falls sich jemand damit auskennt, wäre das wirklich cool. LG, Jan

Hallo Miteinander, meine Frage wäre, wie ich mit Hilfe von HTML und CSS genau diesen Bildausschnitt zusammen mit dem Kreis schaffe... Kennst sich jemand evtl. in diesem Themengebiet aus? LG, Jan

Weiß jemand Wie ich in html(css) eine Tabelle in die Mitte Tun kann

Danke im voraus

zum beispiel

let x = "Hallo";
if(x == "hallo"){
alert(x);
}

würde natürlich nicht funktionieren

ich könnte jetzt

let x = "Hallo";
if(x == "hallo" || x == "Hallo"){
alert(x);
}

schreiben entweder "hallo" oder "Hallo"

Aber was mache ich wenn x = HALlo, HaLlO ist usw. weil der Nutzer nicht normal tippen kann.

Ich kann nicht 25 verschiedene Hallos als entweder oder vorbereiten deswegen, müsste einen einfachen weg geben

Hab mir ein Video angesehen das schon von 2016 ist und der Youtuber meinte selber das es eine bessere Methode geben kann als sha512.

$passwort = "einwichtigespasswort";
echo  hash("sha512", $passwort);

Was ist das aktuellste heutzutage ?

Moin,

ich lerne gerade HTML und CSS. Anschließend möchte ich JavaScript lernen und damit dann auch React Native.

Wenn ich dann eine mobile App schreibe, brauche ich dann noch HTML und CSS?

Guten Abend!

Ich fuchse mich zurzeit ein wenig in das Thema Programmieren rein, nun kommt mir die Frage, was man überhaupt im Job dann letztlich macht, ich weiß, es gibt viele verschiedene Bereiche, aber was genau macht zum Beispiel ein Web Designer? Ist er selbstständig oder arbeitet er für eine Firma?letzteres würde für mich eher weniger Sinn ergeben..

Macht es Sinn viele Apps zu entwickelt, einfach fürs Portfolio?
Worauf achtet jemand bei einem Bewerbungsgespräch zum „junior“ webdesigner, it sicherhei etc..

Habe nur mal zum testen angular probiert um zu sehen was/wie ein framework funktioniert/ist aber mir war klar das es zu anspruchsvoll ist, richtiges typescript kann ich auch garnicht.

Am interesanntesten klingt react weil ich auch gerne native apps bauen würde. Das ist aber angeblich nur ein bisschen einfacher.

Am einfachsten soll vue js oder jquery sein ?

Würd es sinn machen jquery noch zu lernen ?

Ich hab ein wenig auf youtube deutschland nach vue js geguckt und dort findet man höchstens eine richtige playlist.

Jquery ist schon etwas älter da hätte man viel viel mehr videos/artikel zur auswahl.

auch wenn mein englisch nicht schlecht ist, es macht es schwieriger.

Wenn ich dann eine zeit jquery gelernt habe könnte ich es auch mit react versuchen.

oder macht das keinen sinn ?

hab gehört das viele firmen jquery benutzen, hätte ich dann bessere chancen auf einen job als mit vue ?
ihr müsst nicht alle Fragen beantworten aber wäre nett 😂

Hallo, ich will in meine Html Website ein Bild als Hintergrund im Header haben, dies geht nicht, ich habe schon mehrmals gegoogelt und verschiedene Codes probiert, aber wenn ich die Seite aktualisiere bleibt sie weiß, und sagt, dass das Bild nicht gefunden werden konnte, obwohl ich es im gleichen Ordner habe wie meine Index und CSS Datei. Wisst ihr einen Rat? Danke im Voraus.

hier der Css Code:

.header{

   min-height: 100vh;

   width: 100%;

   background-image: /*linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),*/ url(Website4/Dateien/Bilder/12.png);

   background-position: center;

   background-size: cover;

   position: relative;

   overflow: hidden;

}

Moin meine aktiven Freunde!

Ich habe eine Frage. Und zwar möchte ich ein Video auf meiner Webseite abspielen.

Das funktioniert auch prima! Aber ich möchte, dass der Play-Button unsichtbar ist und wenn man auf das Video draufdrückt, das es sich pausiert / weiterspielt.

Geht das?

Hallo lie Community!

Es ist ja vor paar Tagen das neue HTML-Tag <py-script> rausgekommen und wollte fragen, wie das jetzt genau funktioniert.

Viele Grüße

Zerstoerer0711

Ja hallo noch mal :)
Könntest ihr mir eventuell hierbei behilflich sein 😅

irgendwie wird es nicht verlinkt :)