Rozmieszczenie div na stronie

Odpowiedz Nowy wątek
2015-12-13 13:49
Wielki Terrorysta
0

Witam mam problem z rozmieszczeniem elementów na stronie. Czy mógłby mi ktoś poradzić jakiego atrybutu mam użyć aby uzyskać efekt taki jak na załączonym obrazku? Dziękuje z góry za pomoc.

Oto mój kod:

 <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
    href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<title>Produkty</title>
</head>
<body>
    <section class="container">
        <div class="row">
            <c:forEach items="${products}" var="product">
                <div class="col-sm-10 col-md-3" style="padding-bottom: 15px">
                    <div class="thumbnail">
                    <img src="<c:url value="/resource/images/${product.productId}.png"></c:url>" alt="image"  style = "width:300%"/>
                        <div class="caption">
                            <h3>${product.name}</h3>
                            <p>${product.description}</p>
                            <p>${product.unitPrice} PLN</p>
                            <p>Liczba sztuk w magazynie: ${product.unitsInStock}</p>
                            <p>
                                <a
                                    href=" <spring:url value="/products/product?id=${product.productId}" /> "
                                    class="btn btn-primary"> <span
                                    class="glyphicon-info-sign glyphicon" /></span> Szczegóły
                                </a>
                            </p>

                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
    </section>
</body>
</html>
edytowany 1x, ostatnio: dzek69, 2016-12-13 18:26

Pozostało 580 znaków

2015-12-13 13:55
0

załączyłeś dwa różne obrazki, więc powiedz o który ci chodzi


Pozostało 580 znaków

2015-12-13 14:21
Wielki Terrorysta
0

Obrazek Bez Tytułu.png pokazuje jak jest obecnie, a obrazek Bez_Tytułu2.png pokazuje jak chciałbym aby było. Dziękuje za szybki odzew.

Pozostało 580 znaków

2015-12-13 17:02
0

wrzuć gdzieś online zwrotkę w HTML, bo w tym momencie mogę Ci napisać, że "coś jest źle", ale bez zajrzenia w style i pokliknia tego - nie da rady nic zrobić. jakieś zamieszanie z floatami jest, ale w tym krótkim kodzie nie widzę floatów


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0