Neue Fragen mit dem Tag «css»

Insgesamt gefunden 793 Fragen

1
Bewertungen
1
Antwort
72
Ansichten

Laden Sie das Bild hoch und ziehen Sie es in ein Maskenbild

Ich erlaube Benutzern, Bilder mit diesem Code hochzuladen und zu ziehen. Gib mir eine Rezension dazu. Codepen <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <input id="fileup" type="file" > <div class="container"> </div> <style> .temp {}...
fragte vickey colors vor einem Jahr

0
Bewertungen
0
Antworten
111
Ansichten

Summenwerte innerhalb eines Div. Zurückgeben

Mein vollständiger Code kann ausgeführt und getestet werden. Ich versuche, Zahlen unter dem Gesamtscore zu extrahieren: Es listet es als 8,7 10,12 auf Bis jetzt habe ich die Zahlen innerhalb des Div-Tags // Player 1 function rollDicePlayer1(){ var face1=new Image() face1.src="images/1.pn...
fragte Vinny Soha vor einem Jahr

3
Bewertungen
0
Antworten
71
Ansicht

Einfache HTML-Website mit CSS

Ich habe eine einfache Website von Grund auf mit HTML und CSS erstellt, nur zu Übungszwecken. Ich habe die Website so aussehen lassen, wie ich es wollte, aber ich würde mich über Feedback zu dem Code freuen, besonders das CSS fühlt sich ziemlich hackig an. Die HTML-Datei index.html <!DOCTYPE ht...
fragte Joos Korstanje vor einem Jahr

1
Bewertungen
0
Antworten
63
Ansichten

CSS 3D-Kontaktsymbole

Ich spielte ein bisschen mit ein paar CSS und endete damit, einige 3D-Hover-Icons mit fantastischem Font zu erstellen. Ich wollte um Feedback zu meinem CSS bitten: Best-Practices, andere Kommentare, möglicherweise schlechte Dinge, die Sie nicht tun sollten ... article { position: relative;...
fragte ItFreak vor einem Jahr

1
Bewertungen
1
Antwort
181
Ansicht

CSS und React.js für eine grundlegende Navigationsleiste

Ich versuche, meinen Code für die Navigationsleiste zu optimieren. Ich habe die BEM-Namenskonvention für CSS ausprobiert und befolgt, obwohl ich möchte, dass sie hinsichtlich der bewährten Verfahren überprüft wird. Außerdem habe ich Javascript-Pfeil-Funktionen für meine Liste verwendet, um eine Wied...

4
Bewertungen
1
Antwort
90
Ansichten

Positionieren Sie das Logo in der Mitte des Navigationsbereichs

Ich bin vor kurzem von Floats weggewandert und habe mit Flexbox begonnen, meine Gitter zu bauen. Meine Navigation hat 4 Menüpunkte. Ich möchte, dass mein Logo mittendrin sitzt. Um eine gute Seitenstruktur für SEO aufrechtzuerhalten, mag ich nicht die Idee, mein Logo innerhalb eines Listenelements i...
fragte Sam vor einem Jahr

2
Bewertungen
0
Antworten
76
Ansichten

Funke Animation für Button

Ich kam gerade durch ein GitHub-Repo, das eine erstaunliche Animation für ButtonAndroid bietet . Also, ich denke, warum machen wir das nicht auch für Web-Buttons? Und das habe ich angefangen. Hier ist mein Repo für das gleiche. Hier ist mein Code: let icons = $('.magic') for (let i = 0; i...
fragte Zlytherin vor einem Jahr

3
Bewertungen
1
Antwort
95
Ansichten

Liste mit nummerierten Zeilen

Ich habe versucht, eine nummerierte Zeilenliste zu erstellen. Ich hätte gerne Rückmeldungen zu meiner Verwendung von CSS und ob dieser Ansatz (unter Verwendung einer nummerierten Liste) als eine gute Lösung betrachtet wird. body { background: black; } .terminal { background-color: blac...
fragte Gemtastic vor einem Jahr

4
Bewertungen
1
Antwort
100
Ansichten

Grundlegende statische HTML-Seite mit angewendeter Zugänglichkeit

Ich verfolge das hier gefundene Projekt . Ich bin mir sicher, dass ich einige Flexboxen gezwungen habe, wo sie nicht sein mussten. Es wurde versucht, einige Themen zur Barrierefreiheit anzuwenden, die in früheren Lektionen erörtert wurden. Alles in allem ist es eine sehr einfache statische Seite, ab...
fragte Tommy K vor einem Jahr

0
Bewertungen
0
Antworten
82
Ansichten

Tabelle th / td absolute Positionierung: 1px Versetzung

Tabelle th / td absolute Positionierung: 1px Versetzung Wenn die Tabelle gescrollt wird, ist die letzte Spalte festgelegt. Die letzte Spalte der Zellen verwendet die absolute Positionierung. Firefox / Edge / IE, haben eine 1px-Fehlausrichtung oben in der letzten Spalte und den angrenzenden Spal...
fragte Phoenix vor einem Jahr

1
Bewertungen
0
Antworten
116
Ansichten

ReactJS Schreibmaschinenanimation

Eine der Traumideen, Schreibmaschinen in ReactJS zu bauen. Der Code scheint zu funktionieren, dennoch sieht etwas aus, das im Code nicht so gut aussieht. Auf der Suche nach einer besseren Lösung (Best Practice) in der FunktionanimationManager() Demo: https://codesandbox.io/s/qk4591q1kw index.js...

2
Bewertungen
1
Antwort
107
Ansichten

CSS-Grid und Flexbox verwenden

Ich habe das Layout mit der folgenden Dribbble-Aufnahme codiert: https://dribbble.com/shots/5382121-Nike-Future Um bei Layouts besser zu werden. Dies ist eine Mischung aus Grid und Flexbox, aber ein Bereich, in dem ich vielleicht noch einmal nachdenken muss, ist der position: absoluteAbspielknop...
fragte Bagseye vor einem Jahr

1
Bewertungen
1
Antwort
212
Ansichten

jQuery Diashow mit Seitenumbruch

Der folgende Code bezieht sich auf eine Diaschau, die eine Folie mit aktiver Klasse zeigt, eine Folie mit Klasse als nächstes vorlädt und die Folie mit der letzten Klasse im Hintergrund hält. Mein größtes Problem dabei ist, dass es anscheinend viele Duplizierungen gibt und wahrscheinlich sehr ineff...

1
Bewertungen
2
Antworten
180
Ansichten

Einfaches Menü mit Beschreibungen

Wenn ein Menüelement angeklickt wird, sollte die Beschreibung mit demselben Datenfilterattribut angezeigt werden. Ich habe den Beschreibungselementen eine Klasse hinzugefügt, um jedes mit dem zugehörigen Menüelement zu verknüpfen. Was denkst du? $(".button").click(function() { $(".button")...

2
Bewertungen
1
Antwort
137
Ansichten

Anzeigen und Durchsuchen der Elemente eines JSON in Vue.js

Ich habe diese kleine Anwendung zusammengestellt, die eine "Benutzer" -JSON in einer HTML5-Tabelle anzeigt. Ich benutze dazu Bootstrap 3, Axios und Vue.js 2. Hier ist der Code: var app = new Vue({ el: '#app', data: { users: [], loading: true, errored: false,...

1
Bewertungen
1
Antwort
116
Ansichten

Horizontales Mega-Menü mit Flexbox

Ich habe mit Flexbox ein Mega-Menü erstellt, und da ich mich nicht wirklich mit CSS beschäftige, wäre eine Überprüfung hilfreich. Ich weiß, dass es besser wäre, die dritte ul-Ebene zu vermeiden, dies ist jedoch nicht möglich, da der HTML-Code von einem anderen System generiert wird. Und wir haben u...
fragte mnewmedia vor einem Jahr

5
Bewertungen
1
Antwort
143
Ansichten

Einfache Möglichkeit, Popup anzuzeigen

Nach einer kleinen Recherche fand ich folgende Informationen: In dieser geschlossenen Frage fand ich eine Lösung, die nicht gut funktioniert, wenn die Popup-Höhe größer als der Bildschirm ist (und einige Jquery-Lösungen). Hier ist die Frage nach der Außenseite im Popup. Und hier sind einige theoreti...
fragte Kamil Kiełczewski vor einem Jahr

6
Bewertungen
0
Antworten
89
Ansichten

Ultra-einfaches, automatisches, nicht schwebendes Rastersystem mit 1 bis 4 Säulen

Hat jeder zu CSS Grid und / oder Flexbox gewechselt ? Wenn nicht, habe ich dieses System über einen längeren Zeitraum aufrechterhalten und weiterentwickelt. Das Konzept wurde, glaube ich, ursprünglich von Mary Lou abgeleitet, obwohl ich mich nicht daran erinnere, wo der Artikel ist. Ich war nie ein...
fragte darcher vor einem Jahr

2
Bewertungen
0
Antworten
189
Ansichten

Ereigniskalender in JS, CSS und HTML

Ich habe hier viel Code wiederholt und versuche, mehr ES6 zu verwenden, aber ich bin mir nicht sicher, wo ich ihn in meinem Code hätte verwenden sollen. Ich würde mich über jeden Input freuen, an dem ich mich verbessern könnte. GitHub "use strict"; //Calendar let today = new Date(); let curr...
fragte icewizard vor einem Jahr

1
Bewertungen
1
Antwort
72
Ansichten

SYNTAX QUERY - Auf HTML und CSS reagierende Navigationsleiste mit FlexBox

Ich habe mit FlexBox einen eigenen Take für eine Navigationsleiste erstellt (derzeit nicht verfeinert für kleinere Bildschirmmedienabfragen). Ich möchte nur, dass jemand meine Code-Notizen durchläuft und nachschaut, ob ich das richtig mache. Es scheint zu funktionieren, aber mache ich das ineffizie...
fragte Matt Davies vor einem Jahr

1
Bewertungen
1
Antwort
86
Ansichten

Vue.js Stoplight-App - Dynamisches Ändern von Klassen für Elemente

Ich habe vor kurzem begonnen, mich mit Vue.js zu beschäftigen, und beschloss, mich an einigen benutzerdefinierten Klassen- / Stilbindungen zu versuchen. Deshalb habe ich eine kleine App erstellt, die durch jedes "Licht" einer Ampel (rot, gelb, grün, rot, usw.). Meine Vue-Instanz hat eine Dateneigen...

3
Bewertungen
1
Antwort
159
Ansichten

Mein erstes JS-Programm - Tic Tac Toe-Spiel

Ich habe gerade einige Anfänger-Web-Dev-Kurse absolviert (cs: 50 und so) und wollte meine Fähigkeiten ausprobieren. Die CSS-Zentrierung - ich hatte das gerade aufgegeben, ich wollte es ansprechbar machen und die Buchstaben perfekt zentrieren, aber was auch immer ... Wie wird das also insgesamt cod...
fragte John Mc vor 2 Jahren

2
Bewertungen
1
Antwort
141
Ansicht

Bildkarussell mit jQuery 3.3.1

Ich versuche mit jQuery ein Karussell zu erstellen und möchte wissen, wie der Code weiter vereinfacht werden kann. also ... das ist mein code: $(document).ready(function () { $(".cont-btn button").click(function (event) { var detectId = event.target.id; $(".cont-btn button...
fragte Lolete Sape vor 2 Jahren

1
Bewertungen
1
Antwort
149
Ansichten

Unidirektionales Bootstrap 3-Karussell

Ich arbeite an einem benutzerdefinierten Bootstrap 3-Karussell mit vertikalen, unidirektionalen Folienübergängen. Ich möchte verhindern, dass Folienübergänge überlappen, wenn die Kugeln in zufälliger Reihenfolge und in schneller Folge angeklickt werden. Ich habe diese Lösung gefunden, die darauf b...

0
Bewertungen
1
Antwort
124
Ansichten

Rechneranwendung von einem HTML-Anfänger

Ich habe einen Rechner mit erstellt HTML, CSSund Kern JS. Ich brauche nur einige Vorschläge oder Verbesserungen in meinem Code. So funktioniert meine App: Grundsätzlich gibt der Benutzer zunächst eine Nummer ein, klickt dann auf einen Operator, dann wird die aktuelle Nummer auf dem Bildschirm in...

2
Bewertungen
1
Antwort
92
Ansichten

Rendern von drei vertikalen Punkten mit SCSS

Ich habe eine ziemlich einfache Frage, aber ich finde keine Lösung dafür. Ich habe den folgenden SCSS-Code (siehe unten), der gut funktioniert, aber ich denke, er könnte vereinfacht werden, um den doppelten Code zu entfernen. Ich versuche 3 einfache Punkte mit CSS zu erstellen. Ich dachte, ich könn...
fragte T. Dirks vor 2 Jahren

2
Bewertungen
1
Antwort
110
Ansichten

CSV-vereinfacht: Ein kleines Open Source-Projekt

Ich arbeite an einem kleinen Open-Source-Projekt namens CSV-vereinfacht für einen Kurs, den ich nehme (Block), und suche nach Feedback und potenziellen Mitarbeitern. Ich kenne eigentlich keine Programmierer, also hoffe ich, dass hier jemand interessiert ist, um zu helfen. Die Grundidee von CSV-vere...

2
Bewertungen
0
Antworten
290
Ansichten

FCC: Produktlanding Page - nur HTML & CSS

Ich habe eine Produkt-Landing-Page für ein freeCodeCamp- Responsive-Webdesign-Projekt erstellt, für das ich eine " Produkt-Landing-Page " erstellen muss . Anforderungen, die zu beachten sind: User Story #1: My product landing page should have a header element with a corresponding id="header". User...
fragte Ayudh Khajne vor 2 Jahren

4
Bewertungen
2
Antworten
436
Ansichten

Einfache Anwendung durch einen HTML-Anfänger

Ich habe eine einfache To-Do-Anwendung erstellt, nur um mit HTML / CSS / JavaScript loszulegen. Ich habe getan, was ich kann, aber ich brauche ein paar Vorschläge zu meinem Code, da ich neu in der Web-Entwicklung bin. Nun, das ist, was mein Code macht: Diese Anwendung hilft anderen dabei, sich an...

2
Bewertungen
1
Antwort
100
Ansichten

Einfacher Flip-Effekt

Ich habe eine sehr einfache Version von Page Flip Onscroll erstellt . Ich ließ es so aussehen, als würde ich die Seiten eines Buches umblättern. Es sieht auf meinen Browsern (Firefox 52.9, Chrome 49, IE8) in Ordnung aus. Obwohl der Effekt auf IE8 und ähnlichen alten Browsern nicht funktioniert, wirk...