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;
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>
<div class="container">
<div id="container">
{% block content %}
{% endblock %}
</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 %}