Als «css» getaggte Fragen

Vom Lesen dieses Beitrags ich festgestellt, dass es einige Pseudoklassen für 'gültige' und 'ungültige' Eingabewerte gibt, die in HTML5 eingeführt wurden. Gibt es eine Möglichkeit, ein Eingabefeld aus Javascript als ungültig / gültig zu markieren? Oder kann ich alternativ die verwendete Validierungsmethode überschreiben?

89 javascript  html  css  validation 

Ich erstelle ein Registrierungsformular für eine Website. Ich möchte, dass jedes Etikett und das entsprechende Eingabeelement in derselben Zeile angezeigt werden. Hier ist mein Code: #form { background-color: #FFF; height: 600px; width: 600px; margin-right: auto; margin-left: auto; margin-top: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 0px; } label { font-family: Georgia, …

89 html  css  forms 

Angenommen, Sie haben Folgendes: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} <div class="box">Screen 1</div> Sie erhalten etwas, das den Bildschirm ausfüllt, keine Bildlaufleisten. Aber fügen Sie noch eine hinzu: <div class="box">Screen 1</div> <div class="box">Screen 2</div> Sie erhalten nicht nur vertikale Bildlaufleisten (erwartet), sondern auch eine leichte …

89 css 

Es ist also möglich, eine umgekehrte Animation mit der Maus auszuführen, z. B.: .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } Bei Verwendung der @ keyframes-Animation konnte ich sie jedoch nicht zum Laufen bringen, z. .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: …

89 css  animation 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Ich kann …

89 css  twitter-bootstrap  bootstrap-4 

Ich habe eine divPosition fixedauf der linken Seite einer Webseite, die Menü- und Navigationslinks enthält. Es ist keine Höhe von CSS festgelegt, der Inhalt bestimmt die Höhe, die Breite ist fest. Das Problem ist, dass wenn der Inhalt zu groß ist, divdieser größer als die Fensterhöhe ist und ein Teil …

89 html  css  css-position 

Ich muss einen Weg finden, um CSS: Hover-Eigenschaften mit JavaScript zu ändern. Angenommen, ich habe diesen HTML-Code: <table> <tr> <td>Hover 1</td> <td>Hover 2</td> </tr> </table> Und der folgende CSS-Code: table td:hover { background:#ff0000; } Ich möchte JavaScript verwenden, um die <td> -Hover-Eigenschaften beispielsweise in den Hintergrund zu ändern: # 00ff00. …

89 javascript  html  css  dhtml 

Hallo, ich habe Probleme mit einigen CSS-Klassen in Joomla. Ich habe zwei Divs in einem Modul, einer ist der Wrapper class = "wrapper", der andere ist der content class = "content". Der Inhalt befindet sich im Wrapper. Ich versuche, einen CSS-Stil für die Inhaltsklasse festzulegen. Normalerweise würde ich einfach .content …

89 html  css  joomla  module 

Ich versuche eine Bildwand zu erstellen, die aus Produktfotos besteht. Leider haben alle unterschiedliche Höhe und Breite. Wie kann ich CSS verwenden, um alle Bilder gleich groß aussehen zu lassen? vorzugsweise 100 x 100. Ich dachte daran, ein Div zu machen, das eine Höhe und Breite von 100px hat, und …

89 html  image  css  resize 

Wenn ich habe: #logo { width: 400px; height: 200px; } dann <img id="logo" src="logo.jpg"/> wird sich dehnen, um diesen Raum zu füllen. Ich möchte, dass das Bild gleich groß bleibt, aber so viel Platz im DOM einnimmt. Muss ich eine Kapselung hinzufügen <div>oder <span>? Ich hasse es, Markups für das …

89 html  css 

Wie kann ich eine ungeordnete Liste von <li>in einer festen Breite zentrieren div? <table width="100%"> <tbody> <tr> <td width="41%"><img src="/web/20100104192317im_/http://www.studioteknik.com/html2/html/images/hors-service.jpg" width="400" height="424"></td> <td width="59%"><p align="left"> </p> <h1 align="left">StudioTeknik.com</h1> <p><br align="left"> <strong>Marc-André Ménard</strong></p> <ul> <li>Photographie digitale</li> <li>Infographie </li> <li>Débug et IT (MAC et PC)</li> <li> Retouche </li> <li>Site internet</li> <li>Graphisme</li> </ul> <p …

88 css  html  html-lists 

Die HTML-Spezifikation sagt ID- und NAME-Token müssen mit einem Buchstaben ([A-Za-z]) beginnen und können von einer beliebigen Anzahl von Buchstaben, Ziffern ([0-9]), Bindestrichen ("-") und Unterstrichen ("_") gefolgt werden. , Doppelpunkte (":") und Punkte ("."). Und obwohl die SGML-Deklaration von HTML 4 den Wert 65536 für NAMELEN verwendet, wird "Feste …

88 javascript  html  css 

Ich habe ein Positionierungsproblem mit einigen Elementen. Bei der Überprüfung der IE8 Developer-Tools wird Folgendes angezeigt: Jetzt bin ich mir ziemlich sicher, dass mein Problem der Versatz von 12 ist, aber wie entferne ich ihn ? Ich kann keine Erwähnung einer CSS-Offset-Eigenschaft finden. Benötigen wir zusätzlich zur Marge einen Offset? …

88 html  css  internet-explorer  user-interface 

Ich habe ein DIV mit fester Breite, das eine Tabelle mit vielen Spalten enthält, und muss dem Benutzer erlauben, die Tabelle innerhalb des DIV horizontal zu scrollen. Dies muss nur auf IE6 und IE7 (interne Client-Anwendung) funktionieren. Folgendes funktioniert in IE7: overflow-x: scroll; Kann jemand mit einer Lösung helfen, die …

88 html  css 

Ich habe mich gefragt, ob es eine Möglichkeit gibt, die Farbe der Kugeln in einer Liste zu ändern. Ich habe eine Liste wie diese: <ul> <li>House</li> <li>Car</li> <li>Garden</li> </ul> Es ist mir nicht möglich, irgendetwas in die Li einzufügen, wie zum Beispiel eine 'span' oder ein 'p'. Kann ich also …

88 html  css