CSS

Symfony: Instruct browser to refresh CSS and JS files

In Symfony the stylesheets and javascript files are defined in the view.yml. Sometimes the problem appears that the browsers cache these files, even if there where some changes in the last release without refreshing the new contents.

There is a common technique to instruct the browser to take the new file version: Browsers store different file versions for different GET paramters. So if you include a CSS file like this:

<script type="text/javascript" src="css/styles.css?v=21"></script>

and in the next version with a higher version number (v=22), the browser will use  (and cache) the newer version.

In our case we save the current version number (SVN) into the app.yml and we use this number as increasing GET-Parameter to force a cache refresh:

default:
  stylesheets: [styles.css?v=<?php echo sfConfig::get('app_revision'); ?>]

CSS: float soll nur innerhalb eines div bestehen

Ich hatte das Problem, dass sich ein float: left in einem div für eine horizontale Liste sich
blöderweise auch über das div hinaus auswirkte, was zur Folge hatte, dass alles was nach dem div kam weiterhin um das letzte Listenelement floss.

Nach langem Suchen fand ich die sehr einfache Lösung im Netz:
Man kann alle floats beenden in dem man am Ende einfach folgendes eingibt:

<br clear=”all” />


Formular ohne Tabelle

Da man Tabellen eigentlich nicht zum Layouten verwenden sollte bietet es sich auch aus semantischen Gründen an, dementsprechende alternative HTML-Tags für ein Formular-Layout zu verwenden.

Hier ein kleines Beispiel:

[syntax,cssform.html,html]

Mit fieldset kann man zusammengehörige Bereiche zusammenfassen.
Die Liste (ol) sorgt für eine logische Ordnung der Formularelemente


Copyright © 2007-2012 iTopia. All rights reserved.
Jarrah theme by Templates Next | Powered by WordPress