Tag: css

CSS (Cascading Style Sheets) ist eine Darstellung Stylesheet-Sprache für die Beschreibung das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML (Extensible Markup Language) – Dokumenten und SVG-Elemente, einschließlich (aber nicht beschränkt auf) Farben, layout, Schriften und Animationen.

Tabelle Zellen, die größer als Sie sein sollen

Anzahl der Antworten 4 Antworten
Habe ich eine Karte erstellt system für ein Spiel, das läuft auf das Prinzip der Zeichnung das Bild von der Karte aus Fliesen. Es gibt viele Gründe, die ich im einzelnen nicht eingehen, aber wenn Sie wirklich

Wie position: fixed die navbar bei der Verwendung von flexbox

Anzahl der Antworten 1 Antworten
Beginnend mit diesem layout: http://codepen.io/RebelOne/pen/wodbpR .navbar { display: flex; justify-content: space-between; Wenn ich position: fixed to the navbar, bricht es zusammen nach unten und füllen nicht die Breite des wrapper. Weiß jemand, wie man dieses Problem beheben?

Pfeiltasten funktionieren nicht in input und textarea

Anzahl der Antworten 2 Antworten
Habe ich eine einfache textarea-und input-in meiner webapplication. Aus irgendeinem Grund, ich kann nicht gehen zurück in den getippten text mit den Pfeiltasten. Der Eingabe-cursor bewegt sich nicht rückwärts. Kann ich aber mit Strg+a, oder klicken Sie

In Ant-Design, wie können wir center <Symbol> vertikal <Zeile>?

Anzahl der Antworten 3 Antworten
Bitte Lesen Sie meine Reagieren-code Beispiel: import React from 'react'; import { Row, Col, Icon } from 'antd'; const MyRow = () => ( <Row type="flex" align="middle"> <Col md={10}>Trouble is a friend</Col> <Col md={10}><Icon type="play-circle-o" /></Col> <Col

Text align center nicht funktionieren

Anzahl der Antworten 5 Antworten
Auf meiner Webseite habe ich eine position fixed footer, wo will ich zentriert-text in. Das merkwürdige ist, dass alles, was im tun der text nicht zentriert sein, es ist immer Links statt. <div id="footer"> Copyright 2013 ©

so führen Sie einen Anruf auf die Schaltfläche klicken Sie in eine php-website?

Anzahl der Antworten 3 Antworten
Mein Kunde benötigt einen hyperlink für eine click-to-call-Funktion, so dass ich folgende Zeile <a href="tel:917387084384">Call +91-7387084384</a> Jedoch die Anforderungen haben sich geändert von hyperlink-Schaltfläche, so müssen wissen, wie click-to-call-Funktion mit einem Knopf bitte lassen Sie mich wissen,

Auf einer zweispaltigen Seite, wie kann ich das wachsen der linken div auf die gleiche Höhe des rechten div mit CSS oder Javascript?

Anzahl der Antworten 11 Antworten
Ich versuche zu machen, ein zwei-Säulen-Seite mit einem div-basiertes layout (keine Tabellen bitte!). Problem ist, ich kann nicht wachsen linken div entsprechend der Höhe des rechts. Meine Rechte div hat in der Regel eine Menge von Inhalten.

Divs sich überlappen, wie Sie zu beheben? CSS

Anzahl der Antworten 3 Antworten
Möchte ich an position zwei divs nebeneinander, die untereinander sonst. Div 1 Div 2 ---- ---- | | | | | | | | ---- ---- Was am Ende passiert, aber mit meinem code so weit ist,

wie hinzufügen von css-Stil, um dynamisch geladen snippet using jquery ajax

Anzahl der Antworten 3 Antworten
var loc="/blah/blaah.html" $.ajax({ url: 'xyz.php', type: 'POST', success:function() { $('#mydiv').load(loc); } )} xyz.php ist das erstellen einer html-snippet-Datei in das fllowing format:- <li id='messagebody'> <ul> <li><img src="abc.jpg" width="42" height="42"></li> <li id='content'>asdjkshadjhasdjjasdhjas</li> <li>21 Aug 20013</li> </ul> </li> habe

Toggle element der Klasse ID

Anzahl der Antworten 5 Antworten
Ich versuche, die Klasse zu wechseln von einem element, wenn es angeklickt wird, von einem Wert A zu Wert B und dann von Wert B wieder auf den Wert Ein, wenn es klickte ein zweites mal. Ich

CSS3 transition nur, wenn die Klasse Hinzugefügt wird, nicht, wenn Sie entfernt werden

Anzahl der Antworten 3 Antworten
Ich habe das folgende CSS-Beispiel: .message{ background-color: red; transition: background-color 5s; -webkit-transition: background-color 5s; /* Safari */ transition-delay: 2s; -webkit-transition-delay: 2s; /* Safari */ } .unreadMessage{ background-color: blue; } Dann habe ich ein DIV mit .message Klasse,

Wie kann ich die Strecke zwei div-Elemente zu füllen verfügbare horizontale Platz?

Anzahl der Antworten 3 Antworten
Ich hoffe wirklich, dass Sie mir helfen können. Ich erstellt diese Geige zu zeigen, was ich zu tun versuche. Meine Frage ist: Wie kann ich Strecken zwei div-Elemente zu füllen verfügbare horizontale Platz? Wie Sie sehen können,

JavaFX: text Ändern der Farbe von textarea

Anzahl der Antworten 1 Antworten
Okay, so kann ich nicht, überhaupt zu arbeiten. Ich habe die CSS-analyzer in der scene builder und ich kam zu dem Schluss, dass die Möglichkeit zum ändern der Farbe für text in eine textarea ist etwas ähnlich

Android OS Tastatur bewegt sich Website-Inhalte Auf?

Anzahl der Antworten 4 Antworten
Habe ich eine mobile Webseite mit 4-Elemente werden absolut positioniert, im inneren eine 100% Höhe, div und wenn ich auf die url-Leiste mit der Höhe des div wird verkleinert und schiebt alles auf. Gibt es trotzdem, um

Das HTTP-verb POST verwendet, um Zugriff auf den Pfad '' ist nicht erlaubt auf IIS 7

Anzahl der Antworten 2 Antworten
Ich bin ein Bisschen neu auf dieser ..ich bin Replizieren dieser Demo-Beispiel auf meinem Lokalen Server http://www.bibeault.org/jqia2/chapter4/dvds/dvds.html In der Live-Beispiel Resultierenden Daten wird ordnungsgemäß geladen ..Aber Nicht auf Meinem Rechner ..Mein Code und css sind genau die

Sticky-Header - buggy springen auf Blättern

Anzahl der Antworten 1 Antworten
Ich ein bestimmtes problem auf eine klebrige header mit jQuery. Ich habe versucht den Häufig verwendeten snippets rund um das web, aber ich spürte den gleichen buggy Ding überall. Auf ein bestimmtes Dokument Höhe (scrollbare, bis ein

Responsive CSS-Bild-Anker-tags - Image-Maps-Stil

Anzahl der Antworten 2 Antworten
Habe ich gearbeitet, auf eine responsive Website und habe ein bisschen ein problem mit Image Maps. Es scheint, dass Image-Maps funktionieren nicht mit Prozentsatz koordiniert. Nach ein bisschen googeln fand ich eine JS-workaround - http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html. Aber ich

cssRules/Regeln null in Chrom

Anzahl der Antworten 2 Antworten
Meine chrome-Erweiterung ändern muss bestimmte css-Regeln auf Benutzer-Seite. Zugriff auf Formatvorlagen über document.styleSheets erlaubt den Zugriff nur mit styles verknüpft sind innerhalb der gleichen Domäne. Andere Elemente der document.styleSheets array haben cssRules/rules auf null gesetzt. Warum ist

Overlay-hintergrund-Bild auf hintergrund Farbe

Anzahl der Antworten 2 Antworten
Meiner website (http://www.webbuddies.co.za) funktioniert perfekt, aber bei der Anzeige bei 1280x1024 Auflösung, es ist ein bisschen weiß, sehen Sie am unteren Rand der Seite, die würde ich gerne loswerden. Der hintergrund ist ein Farbverlauf, Bild und eher

Wie, um die Seite auf den Bildschirm passt Breite auf einem mobilen Gerät?

Anzahl der Antworten 1 Antworten
Ich die eine Seite Formular. Ich brauche diese form skaliert und passen sich an die Bildschirmbreite auf jedes Gerät (Android, iOS, ...). Wie kann ich das mit HTML oder CSS? style="width:100%" ist keine Lösung in meinem Fall.

Fade in/out (einblenden/ausblenden) divs mit seitlichen nav-links

Anzahl der Antworten 2 Antworten
Komme ich nicht an die divs zu show & hide richtig ist, mit oder ohne fade-Effekte. Hier ist der folgende code auf jsfiddle (für die Bequemlichkeit): http://jsfiddle.net/bUjx7/1/ html: <div class="container"> <header> <ul class="sidenav"> <li><h2><a data-region="nav-1" href="#"><span class="title">About</span></a></h2></li>

Ein bug bei iOS5 (Safari), ein "position:fixed" div, und von den hohen Formen

Anzahl der Antworten 4 Antworten
Alle, Ich arbeite an einer web-Anwendung, die beinhaltet eine sehr "hohe" form. (Durch groß, es bedeutet, dass es mehrere hundert Prozent höher als ein typischer Bildschirm). Design fordert eine "Fußzeile" verankert, um den unteren Rand des Bildschirms

So beenden Sie flash of unstyled content

Anzahl der Antworten 3 Antworten
Dies ist nur eine kurze Frage, ich habe nicht wirklich ein Beispiel, aber ich bin mit einer maßgeschneiderten cms und derzeit haben wir keinen Zugriff auf den Kopf der web-Seite, so dass einige css außerhalb des Kopfes

Center-inline-Blöcken mit dynamischer Breite in CSS

Anzahl der Antworten 2 Antworten
Also.. ich habe eine dynamische Breite Seite. Unterhalb der wrapper-div zentriert den divs drin. Jedoch, jedes div hat einen Stil von: display:inline-block; width:400px; /* static */ Dieser macht das innere divs, nebeneinander. Das heißt aber auch, dass

CSS TR height funktioniert nicht, wenn Sie mit Prozentsatz und Tisch-Höhe in px

Anzahl der Antworten 1 Antworten
Ich habe mein <table> width in Pixel, und ich möchte die Tabelle mit zwei <tr> und Sie haben zwei <td>. Mein CSS ist: table { width:100%; height:300px; } .ruutu { width:50%; height:50%; } .ruutu img { width:100%;

So ändern Sie das Symbol Farbe für die Symbole iconmoon

Anzahl der Antworten 3 Antworten
Heruntergeladen habe ich einige icons aus icomoom aber das Symbol, hintergrund-Farben sind schwarz und weiß.Ich wollte meine eigene Farbe.Kann jede Stelle sagen Sie mir bitte, wie zu tun? Wenn ich heruntergeladen das Symbol ,habe ich die folgenden

position absolute iPad-container Breite Problem

Anzahl der Antworten 2 Antworten
Ich habe ein Problem die Anzeige im iPad-safari, wo mein div-container ist die Größenänderung fit ein absolut positioniertes element. das iPad scheint zu sein indem die brausende element ist die Breite des ".Inhalt" 980 Breite und heraus

Wie erstellt man eine dynamische Statusanzeige mit Stufen und ersteigbare input mit angularjs?

Anzahl der Antworten 2 Antworten
Ich versuche mich zu entwickeln, einen progressiven bar für Fundraising-Aktivitäten. Der minimale Wert ist der Wert für die Aktivität stattfinden soll und der maximale Wert ist der max-Fonds übernehmen kann. Es wird das beste sein, wenn sich

Hinzufügen von padding oder margin, um eine Zelle in Google-Diagramm-Tabelle

Anzahl der Antworten 3 Antworten
Ich bin mit einem Google-Diagramm in der Tabelle-Modus und in der Tabelle möchte ich den Inhalt (den text) ein wenig Abstand von der Grenze. Ich versuche zu tun, die mit css, aber padding, margin (Rand) und deren

ui-icon zeigt nicht mit jquery ui css

Anzahl der Antworten 1 Antworten
Ich versuche, co-erstellen Sie eine Liste mit jQuery-ui-Klassen. Problem ist <span class="ui-corner-all ui-icon ui-icon-plus"></span> wird nicht angezeigt .. soll Sie zum rechten Ende. JSFIDDLE: http://jsfiddle.net/bababalcksheep/MNe4s/ HTML: <div class="ui-splitselect ui-helper-clearfix ui-widget ui-widget-content" > <div class="ui-widget-content list-available"> <ul class="list

IE8 - Enter-Taste nicht Unterwerfen mein Suchfeld

Anzahl der Antworten 6 Antworten
Hey Leute, ich habe ein Suchfeld, ist nicht die Vorlage, wenn Sie die enter-Taste ist der hit, das Problem ist nur das geschehen auf IE8, jeder andere browser funktioniert einwandfrei (sogar IE6). Bitte Jungs, ich brauche eine

Farbe transparent in IE8?

Anzahl der Antworten 1 Antworten
Bekam ich ein wenig Kopfschmerzen von trying to get Farbe:transparenter arbeiten in IE8. Grundsätzlich, ich habe diese buttons, die entweder die Anker-oder input-Elemente: <input type="submit" class="button" value="Click me" /> <a class="button" href="SOME_URL">Click me</a> Beim anklicken dieser Schaltflächen

line-height 2px tiefer im firefox vs webkit

Anzahl der Antworten 2 Antworten
Habe ich Folgendes css: .btn_container { cursor: pointer; font-family: Tahoma,Verdana,Arial; font-size: 11px; padding: 0; width: auto; } .btn_center { background: blue; color: #FFFFFF !important; display: block; float: left; font-weight: bold; height: 32px; line-height: 32px; padding: 0 10px;

IE Anzeige fieldset legend falsch

Anzahl der Antworten 1 Antworten
Den code, den ich verwende, ist erscheint fein im FF, aber im IE, it-resorts der Legende erscheinen fast in das fieldset mit keinen Platz für die Legende, nach der das fieldset. Ich habe pic so können Sie

Wie zu erkennen, dass der eingegebene text im text-Bereich ist RTL

Anzahl der Antworten 3 Antworten
Ich habe eine textarea, in dem der Benutzer die Eingabe von text in Englisch (oder jede andere von-Links-nach-rechts-Sprache) oder in einer Sprache, die RTL. Wenn der Benutzer schreibt in RTL, muss der Benutzer drücken Sie die Rechts-Taste

Float-right-element ausrichten nach unten CSS?

Anzahl der Antworten 2 Antworten
Hier ist mein setup: Habe ich einen Kommentar div-container. Innerhalb dieses div habe ich drei weitere divs. Zwei float-Links, und man ist float-right. http://imgur.com/hkLI5 Diese 3 divs haben um Sie herum abgerundeten Ecken Grenzen. Ich denke, es

So reduzieren Sie den äußeren Umhüllung in Blogger?

Anzahl der Antworten 4 Antworten
Habe ich ein Blogger Simple-Vorlage (www.elleliterate.com) und mein blog hat ein sehr breites äußere Hülle. Es ist nicht so schlimm auf der linken Seite, aber rechts in der sidebar, es ist ziemlich breit, und das gleiche unten

Ändern Sie alle table border Farben mit jQuery

Anzahl der Antworten 4 Antworten
Habe ich mehrere Instanzen von inline-CSS wie folgt... <td id="problem_display" style="border-right:solid 2px #378DE5; border-top:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"> Gibt es auch <table> tags wie diese. Mit jQuery, können Sie alle Ihre Farben geändert werden

CSS hover ein element, auf eine andere

Anzahl der Antworten 2 Antworten
Wenn ich das schweben eines "li" kann ich dann auf eine andere element in reinem CSS? weil ich versuche, eine box Folie, als hintergrund-element, wenn die Maus mein link. Genau wie diese Seiten-navigation, nur statt, wenn aktiviert,

verhindern, dass ein pseudo-element auslösen schweben?

Anzahl der Antworten 1 Antworten
Wenn ich markup: <div class="a b"></div> wo .eine Klasse hat eine hover-Klasse zugeordnet und die .b-Klasse hat ein pseudo-element zugeordnet... wie so: div { width: 100px; height: 100px; } .a { background: red; display: inline-block; } .a:hover

Wie kann ich die center-box in CSS?

Anzahl der Antworten 3 Antworten
Ich würde gerne wissen, wie kann ich center diese box? HTML-Code: <div id="box"></div> CSS-Code: #box { width : 30%; height : auto; overflow : auto ; border : 1px solid #C5C5C5; background : #F8F8F8; position : absolute;

Vertikal center responsive iframe

Anzahl der Antworten 1 Antworten
Ich bin mit der Technik hier beschrieben um einen iframe (video) reagiert. Im wesentlichen der iframe ist absolut positioniert in einem wrapper-element mit 100% Breite. Die wrapper-element hat padding set, basierend auf dem Seitenverhältnis des Videos: .embed-responsive

HTML & CSS: Bearbeiten von schriftart/Schriftgröße?

Anzahl der Antworten 2 Antworten
Bin ich mit einem custom font (Oswald) für die überschriften oder Titel, die in meiner Seite. Ich glaube, dass die " Höhe in Konflikt mit den systemeigenen Schriftarten (Arial, san-serif usw.) und würde gerne wissen, ob es

Was ist "Eltern", die in HTML oder CSS?

Anzahl der Antworten 3 Antworten
Ich eingeführt wurde, um den folgenden code: HTML: <!DOCTYPE html> <html> <head> <style> span { color: blue; border: 1px solid black; } .extra span { color: inherit; } </style> </head> <body> <div> Here is <span>a span element</span>

CSS font-size funktioniert nicht für h1 nur in einem block

Anzahl der Antworten 3 Antworten
Ist, habe ich mich um eine Lösung für dieses, aber es muss etwas sein, was ein bisschen seltsam isnce bith die CSS-und html überprüfen mit dem w3c-checker. CSS-Snippet: body{ background-color: #ffffff; color:#000000; text-align: left; height:100%; } h1{

Mit Jquery ändern Sie die Werte für Höhe und Breite des Bildes im Verhältnis zum Browser-Problem

Anzahl der Antworten 2 Antworten
Habe ich diese Hälfte aber, wenn ich versuchen, und erstellen Sie eine if-Anweisung, um die Breite zu ändern zu sein '100%' und die Höhe 'auto' und Umgekehrt je nachdem, welcher Teil des Bildes ist größer, dass es

Bootstrap-Karten/thumbnails nicht Schlange Seite an Seite richtig in das grid-system & Karten-deck

Anzahl der Antworten 2 Antworten
Ich habe ein problem mit dem bekommen von Boostrap ' s miniaturen & Karten line up Seite an Seite in Ihren grid-system. Im Grunde ist dies eine Zuordnung & ich habe zu Folgen, bestimmte Parameter: -muss die

Element mit fester position im responsive layout

Anzahl der Antworten 2 Antworten
Arbeite ich an einem responsive layout, und ich würde gerne ein widget zu bleiben fest/klebrig, was bedeutet, es werde Ihnen Folgen, wie Sie nach unten scrollen die Seite. Vereinfachte HTML: <div class="page"> <div class="content"></div> <div class="sidebar"> <div

border-bottom nicht zeigen, die auf header-div

Anzahl der Antworten 2 Antworten
Ich versuche, fügen Sie ein 1px Rand an der Unterseite von meinem header div ist es aber nicht anzeigen. Kann jemand helfen? Ist es etwas mit mir zu tun hinzufügen eines angegebenen height den header div? Oder

SVG in flexbox vermasselt Höhe von anderen Elementen

Anzahl der Antworten 1 Antworten
Ich versuche, ein svg-element, dass die Größe mit der container-Größe in einer flexbox, aber für einige Grund es vermasselt die Größe eines div (mit text) unterhalb des svg. (Wie viel ändert sich beim ändern der Größe des