Aggiunto css

templates/Homepage.html

@@ -2,19 +2,45 @@
 {% block title %} LORDCHANNEL - LISTA TITOLI {% endblock title %}
 
 
+{% block css %}
+<style>
+div.lcimg {
+    margin: 5px;
+    border: 1px solid #ccc;
+    float: left;
+    width: 200px;
+height:300px;
+}
+
+div.lcimg:hover {
+    border: 1px solid #777;
+}
+
+div.lcimg img {
+    width: 100%;
+    height: 282px;
+}
+
+div.desc {
+text-align: center;
+overflow:hidden;
+word-wrap: break-word;
+}
+</style>
+{% endblock css %}
+
+
 {% block content %}
 
 <h1 class="text-center">Boxtitoli : </h1>
 <div class="container">
     <div class="text-center"><a href="{% url 'crea_titolo' %}">CREA UN NUOVO TITOLO</a></div>
     {% for lista_titoli in titoli  %}
-    <div class="text-center">
-        <a href="{{ lista_titoli.get_absolute_url }}"><h1>{{ lista_titoli.titolo }}</h1></a>
-        <!-- {{ lista_titoli.slug_id }} -->
-        <img src="{{ lista_titoli.foto }}" class="img-fluid" alt="{{ lista_titoli.titolo }}">
+    <div class="lcimg desc">
+            <a href="{{ lista_titoli.get_absolute_url }}">{{ lista_titoli.titolo }}
+        <img src="{{ lista_titoli.foto }}" alt="{{ lista_titoli.titolo }}">
+    </a>
     </div>
-        <hr>
-</div>
-
 {% endfor %}
+</div>
 {% endblock content %}