Tag: liquid-layout

Ein Flüssiges Layout, manchmal auch bezeichnet als fluid-layout, ist eine CSS-Technik, in der die Mehrheit der Seite Komponenten prozentuale breiten, und somit Anpassung an die Bildschirmauflösung des Benutzers.

Wie zu unterdrücken leere Zeile in Jekyll?

Anzahl der Antworten 5 Antworten
Benutze ich GitHub-Seiten für meinen blog, und bin laufen in ein problem mit Jekyll. Meine post.html hat ein block wie diesem: {% for testpost in site.posts %} {% four %} {% lines of %} {% processing %}

Div-layout mit 3 Spalten: fest - flüssig - fest

Anzahl der Antworten 2 Antworten
Ich versuche zu bauen, ein 3-Spalten-layout hat eine Feste Spalte auf der linken Seite eine flüssigkeitssäule in der Mitte und anderen festen Spalte auf der rechten Seite. Jemand gesehen? Gibt es ähnliche Probleme hier, aber nicht die

Am besten Liquid-Layout-CSS-Framework?

Anzahl der Antworten 5 Antworten
Gibt es eine aktive/solid cross-browser css framework auf Augenhöhe mit blueprint/yui/960 unterstützt Prozent mit liquid layouts? Ich habe gesehen,Emtastic, aber es sieht nicht aus wie es ist schon aktiv für etwa ein Jahr. Was denken Sie über

jQuery Bild-Karussell, das mit flüssig/flüssig-Breite

Anzahl der Antworten 4 Antworten
Kennt einer von Euch weiß einen jQuery Bild-Karussell, das mit fluid Breite? Fand ich dies: http://www.nikolakis.net/liquidcarousel/ ...aber es schrecklich Aussehen, wenn Sie setzen die Geschwindigkeit. Weiter mehr, würde ich mag, dass es aktiviert werden, wenn die Maus

Wie machen Sie einer Webseite ändern Sie seine Breite automatisch?

Anzahl der Antworten 7 Antworten
In HTML, gibt es eine Möglichkeit, um eine Webseite zu erweitern, um das user ' s-monitor? Wie sagen, ich habe einen 15inch, aber jemand anderes hat einen 24-Zoll. Die Webseite wäre klein auf Ihrem Bildschirm, aber passen

Wie man die Größe einer Flot Diagramm, wenn Sie die div-Größe ändert

Anzahl der Antworten 5 Antworten
Ich bin mit dem Flot-Diagramme-Bibliothek jQuery plugin und ich habe nicht gefunden eine gute Art das zu handhaben, die Größe des Graphen, wenn es mit <div> Größe ändert (zum Beispiel durch Fenster in der Größe verändern). Beim

Datum Math / Manipulation in der Flüssigen Vorlage-Filter

Anzahl der Antworten 1 Antworten
Ich bin die Konstruktion eines "Integrations-URLS" in Desk.com, was nutzt Shopify Liquid Template filter-syntax. Diese URL muss enthalten, ein "start-Datum" und ein "end-Datum" für eine Abfrage, wo das start-Datum ist 7 Tage her und das Ende-Datum ist

Browser nicht skalieren unten 400px?

Anzahl der Antworten 13 Antworten
Arbeite ich an der Zusammenstellung eines flüssigen Stil-Blatt-und es funktioniert wunderbar. Eine Sache, die ich bemerkt habe ist, dass mein browser-Fenster in Chrome nicht die Größe unten 400px es wird nur dort stecken und in FF als

CSS 3-Spalten-liquid layout mit fixen Mittelsäule

Anzahl der Antworten 2 Antworten
Möchte ich für meine marketing-Website ein 3-Spalten-layout, die Bilder in der top-banner. Ich will eine Flüssigkeit linken/rechten Seite mit einer festen Mitte. Das html würde idealerweise wie folgt Aussehen: <div id="pixelLeft">&nbsp;</div> <div id="bannerCenter"> <img src="images/mybanner.png" /> </div>

Wie erhalte ich in CSS eine linksseitige Spalte fester Breite mit einer rechten Tabelle, die den Rest der Breite verwendet?

Anzahl der Antworten 8 Antworten
Also habe ich versucht, zu arbeiten, mit den pure-CSS -, nie-Einsatz-Tische-für-layout-Evangelium, die ich wirklich haben. Aber nach eine unglaubliche Menge an Schmerz und Pein, ich bin gerade über bereit, aufzugeben. Ich bin bereit zu gehen, um einige

CSS-Container div nicht Höhe

Anzahl der Antworten 5 Antworten
Möchte ich meinen div-container Höhe von max von Kindern in die Höhe. ohne zu wissen, welche Körpergröße das Kind divs gehen zu müssen. Ich war zu versuchen, die auf JSFiddle. Die container div auf rot. die wird

Wie kann ich nur den letzten Beitrag auf meiner Homepage mit Jekyll anzeigen?

Anzahl der Antworten 3 Antworten
<ul class="entries"> {% for post in paginator.posts %} <li> <a href="{{ post.url }}"> <h3>{{ post.title }}</h3> <p class="blogdate">{{ post.date | date: "%d %B %Y" }}</p> <div>{{ post.content |truncatehtml | truncatewords: 60 }}</div> </a> </li> {% endfor %}