Try some layouting with sample image

This commit is contained in:
Aaron Mueller 2013-09-28 12:34:07 +02:00
parent 203892a0ca
commit 04635d2758
4 changed files with 21 additions and 1 deletions

View file

@ -1,4 +1,20 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 0;
}
#container {
margin: auto;
text-align: center;
border-left: 2px solid gray;
border-right: 2px solid gray;
}
.entry {
display: inline;
white-space: nowrap;
width:200px;
height: 200px;
vertical-align: top;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

View file

@ -12,7 +12,7 @@
<a href="{{servlet-context}}/">Home</a> <a href="{{servlet-context}}/">Home</a>
<div class="container"> <div id="container">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>

View file

@ -0,0 +1,4 @@
{% extends "ldview/views/templates/base.html" %}
{% block content %}
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
{% endblock %}