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>

Bootstrap, Tailwind, Bulma etc...

2 Frage Und weiter verbreitet in der Jobwelt

Ich will ein Bild verkleinern ohne ein Div kleiner zu machen, wie geht das?:

    <div class="container-book1">
        <img class="book-image" src="48gesetze1.jpg">  
    </div>

.book-image {
    box-shadow: 10px 10px 10px rgb(14, 14, 14);
}

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>

Ich habe 2 Divs mit dem Style  .text{ float: left;} nebeneinander der erste hat 2 Zeilen Text, der zweite hat 5 Zeilen Text. Das hat zur Folge, das der erste eine höhe von 2 Zeilen, der zweite eine Höhe von 5 Zeilen hat. Nun möchte ich, dass sich die höhe vom ersten automatisch an die höhe des zweiten anpasst (egal wie viel Zeilen der zweite hat z.B. 10, 12, usw.). 

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,

könnt ihr mir erklären was dies bedeutet: (*) also in css, und was dann der body macht, macht für mich kein unterschied?
LG

Hallo 😇

Ich arbeite gerade an einer Webseite aus langweile und ich frage mich, wo ich das Designen beigebracht bekomme (hauptsächlich CSS).

Gibt es eine Seite/ Video, welches ihr weiterempfehlen könnt. 😊

Wäre dankbar

Irene 😁

ihr könnt euch sicher denken ich hab diese Variable nur 1x , und any sollte auch dafür sorgen das es keine Probleme gibt, wieso also so rot unterstrichen ?

Nutze VS Code als Code Editor

2 Frage:

wieso gibt der TypeScript Compiler bei dem hier :

69 document.querySelectorAll('.test')[i].style.backgroundColor="black" 

Diese Fehlermeldung

app.ts:69:38 - error TS2339: Property 'style' does not exist on type 'Element'.   

Warum sollte es kein style geben bei Type Element ?

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.

<!DOCTYPE html>
<html lang="de">
 <head>
  <title>
   Titel
  </title>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <style>
   body{
   margin: 0;
   margin-right: 18pt;
   }
   a{
    text-decoration: none;
    color: black;
    font-face: Arial;
   }
   hr{
    background-color: black;
    border-color: black;
    width: 25%;
   }
   .fusszeile{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: blue;
    height: 3em;
    font-size: 12pt;
    font-face: Arial;
   }
   h1{
    font-size: 30pt;
    font-face: Arial;
    text-align: center;
   }
   t2{
    font-size: 18pt;
    font-face: Arial;
    color: white;
   }
   t3{
    font-size: 18pt;
    font-face: Arial;
    text-align: justify;
    position: fixed;
   }
   .drop {
    background-color: blue;
    color: black;
    padding: 9pt;
    font-size: 18pt;
    border: none;
    cursor: pointer;
    font-face: Arial;
    margin-left: 0;
   }
   .dropdown {
    position: fixed;
    display: inline-block;
   } 
   .dropdown-content {
    display: none;
    position: absolute;
    background-color: blue;
    font-face: Arial;
    font-size: 18pt;
    min-width: 100px;
   }
   .dropdown-content a {
    color: black;
    padding: 9pt 18pt;
    text-decoration: none;
    display: block;
   }
   .dropdown:hover .dropdown-content {
    display: block;
   }
   div#text{
    float: left;
   }
  </style>
 </head>
 <body>
   <h1>
     Titel
   </h1>
   <div class="dropdown">
   <button class="drop">
   <b>
    <a href="#">
     &equiv; Men&uuml
    </a>
   </b>
   </button>
  <div class="dropdown-content">
   <b>
   <a href="#">Text</a>
   </b>
  </div>
 </div>
 <div id="text">
  <t2>
   ----------|....
  <br>
  </t2>
 </div>
 <div id="text" style="margin-left: 18pt;">
  <t3>

k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
3
<br>
k 
<br>
k 
<br>
k 
<br>
k 
<br>
3
  </t3>
 </div>
  <div class="fusszeile">
   <hr noshade>
   <center>
   <a href="#">Text</a>
  </center>
  </div>
 </body>
</html>

Hallo,

Ich habe eine Webseite gemacht, die wie eine Tiktok App sein soll, ich möchte also, dass man nur den screen hat, und nicht noch nach unten wischen kann, falls ihr nicht wisst was ich meine, geht mal auf folgende Seite:

https://mellifluous-raindrop-60667a.netlify.app/

Dort geht ihr auf untersuchen, und scrollt bei der Handy Version runter, das soll aber nicht so sein, wie kann man dies weg machen?

LG

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)

Sodass, das Bild nicht von links nach rechts verkleinert wird sondern von rechts nach links.

also nicht so, sondern den rechten Teil im Bild hat

den rechten

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?

kann ich aus dem internet ein scss code kopieren und in die .css datei einfügen?

oder muss ich eine neue .scss file erstellen?

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.

Ich hab da ein Problem mit meinem Kleinen Puzzle spiel,

Es hat alles funktioniert, jedoch hab ich eine Sache nicht bedacht unzwar das die Karten immer auf einer Stelle sind.
Wie könnte ich das Umsetzen ?

Also Immer nur 2er Paare als Elemente Kreieren die aber auch nicht immer nebeneinander sind

Hier wäre ein dummer Ansatz von mir, vielleicht könnte man darauf aufbauen.

let kiwis = ["🥝","🥝"];
let cocos = ["🥥","🥥"];
let strawberrys = ['🍓','🍓'];
let cherry = ["🍒","🍒"];

arr = [kiwis,cocos,strawberrys,cherry]

arr.forEach(element => {
    element.forEach(element => {
        let Puzzelteil = document.createElement("td")
        document.body.appendChild(Puzzelteil)
        Puzzelteil.innerHTML = element
    });
});

Den Rest / Überprüfen ob man gewonnen hat könnte ich dann selber machen wenn sie richtig durchgemischt sind.

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 ?

Warum resettet sich das immer zurück auf width 10% obwohl ich immernoch den Focus auf dem Element #i habe

#i{
    width: 10%;
}
#i:focus{
    animation: tap 2s;
}
@keyframes tap {
    from{width:10%}
    to{width: 20%;}
}
<input type="text" id="i">

Also das soll ein input feld sein das dann halt bisschen breiter werden soll wenn man draufklickt.

Und wenn man es verlässt soll es wieder auf den normalzustand.

Moin,

Wollte fragen wie ich selber eine Syntax machen kann, wen ich in einer textarea was schreibe, z.B. wen ich "alert()" oder so schreibe, dass es eine Farbe bekommt. Wie geht das?

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 :)

Von oben nach unten, aber ohne zusätzliche HTML Tags wie <div> <p> oder <br>.

Der Code sieht so aus <div> a*3 </div> nichts besonderes und dann noch bisschen padding height width background-color

Hi, ich habe diese Keyframe-Animationen in CSS gemacht:

nav:hover #strich1 {
    animation: strich1 0.5s ease-out 0s 1 normal forwards;
}
nav:hover #strich2 {
    animation: strich2 0.5s ease-out 0s 1 normal forwards;
}
nav:hover #strich3 {
    animation: strich3 0.5s ease-out 0s 1 normal forwards;
}
@keyframes strich1 {
    from {
        transform: rotate(0deg);
        width: 24px;
    }
    to {
        transform: rotate(45deg);
        width: 30px;
    }
}
@keyframes strich2 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes strich3 {
    from {
        transform: rotate(0deg);
        width: 24px;
    }
    to {
        transform: rotate(-45deg);
        width: 30px;
    }
}

möchte ihr allerdings auch, dass sie sobald die Maus den Navigationsbereich(<nav>) wieder verlässt die Animationen wieder rückwärts ablaufen, weiß allerdings noch nicht so ganz wie. Ich habe es bereits so versucht:

nav:not(:hover) #strich1 {
    animation: strich1 0.5s ease-out 0s 1 reverse forwards;
}
...

und so:

nav #strich1 {
    animation: strich1 0.5s ease-out 0s 1 reverse forwards;
}
...

Hat allerdings beides nicht den gewünschten Effekt gebracht. Wisst ihr wie ich das machen könnte? Gibt es vllt eine Art Gegenteil-Pseudoklasse zu :hover? Wisst ihr da Abhilfe? Ansonsten hatte ich mir noch überlegt mit JavaScript nach dem feuern des mouseout events die Animation rückgängig zu machen wenn das mit CSS gar nicht geht.

Warum wird mir das Bild nicht angezeigt?

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 ?

Ich habe vor ein Spiel auf HTML responsiv zu machen. Ich würde es gerne so machen, dass der Button oben links neben dem Canvas angezeigt wird, doch erscheint der unten am Rand. Ich weiß nicht wie ich es ändern kann. Bei der Console habe ich geguckt und das Canvas (width: 320px) nimmt den ganzen Bereich im Feld ein (Im Bild der blaue Bereich). Kann mir wer von euch helfen? Danke im voraus.

Kann mir auch jmd sagen, ob es extra ein deutsches Forum gibt, wo ich fragen wie diese stellen kann?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tetris</title>
    <link rel="icon" href="css/img/galaxsite/galaxsiteIcon.png">
    <style>
        .gameField {
            max-width: 50%;
            margin: 25px auto;
            background-color: #151618;
            box-shadow: 20px 20px 15px black;
            padding-top: 2%;
            padding-bottom: 2%;
            padding-left: 2.5%;
            padding-right: auto;
        }

        canvas {
            background-color: #000000;
            border: 3px solid #a60cf0;
            width: clamp(50px, 50%, 320px);
        }


        .buttonStart {
            background-color: #a60cf0;
        }
    </style>
</head>
<body>
    <div class="gameField">
        <canvas class="canvas" width="320px"  height="640px    </canvas>
        <button class="buttonStart">Start</button>
    </div>
</body>
<script type="text/javascript" src="js/tetris.js" defer></script>
</html>

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....

Hey,
ich bin langsam am verzweifeln...
Ich frage mich die ganze Zeit wie ich das in CSS mithilfe von HTML und JS hinbekomme. (siehe Bild) Ich will das wenn man auf "Fach hinzufügen" klickt(grün), eine horizontale Linie entsteht und wenn man auf "Kategorie hinzufügen" klickt, eine vertikale linie. Auf die dabei entstehenden Felder sollte ich auch zugriff haben. Außerdem sollte es auch dynamisch sein. Wie bekomme ich das hin ?

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.

Ich bin relativ neu in der Webentwicklung und schaffe es nicht einen normalen Text zu zentrieren. Also wäre ich froh wenn mir das irgendjemand idiotensicher erklären kann

probiert habe ich :

display: flex;

justify-content: center;

das aber es funktioniert nicht sollte doch aber gehen oder nicht?

was mache ich nur falsch?

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

Hallo,

ich habe eine kurze Frage zum Code. Shopify bietet ja 2.0 Themen an, welches ich auch aktiv habe, un da gibt es unter Produkten die Möglichkeit, Collapsible Tabs zu erstellen. Ich würde ganz gerne die Produktbeschreibung in dieses Collapsible Tab verschieben. Die leichte, mühselige Lösung wäre es, mit Metafields alle Produktbeschreibungen in ein Metafield zu verschieben. Das ist aber ganz ehrlich viel zu aufwendig. Kann man im Code in der product.json Datei unter  },

    "6b6c01ae-996b-4113-9bad-d4645879a73f": {

     "type": "collapsible_tab",

     "settings": {

      "heading": "Collapsible row",

      "icon": "check_mark",

      "content": " ",

      "page": ""

     }

in den Bereich content nicht die Produktbeschreibung reinmachen? Und wenn das geht, was muss ich da reinschreiben?

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?

Ich habe ein Formular bei HTML und möchte das man keine Uhrzeit wie 13:43, 11:27 Uhr und so angeben kann, sondern nur 11:30, 12:00 Uhr. Also quasi 30 Minuten Schritte. Wie kann ich das realisieren?

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,

Wie kann ich meine selstbst erstelle .exe auf meiner Website zum Download anbieten?

Ich würde mich über eine Antwort freuen.