Układanie elementów na stronie w CSS

0

Witam serdecznie,
Układam stronę w CSS (Bootstrap): http://goo.gl/gySrh4

Chciałbym żeby strona wyglądała tak:

Mam z nią mały problem, nie wiem w jaki sposób dodać:

  • cenę
  • "wcięcie" (po lewej stronie, pod zdjęciem).

Mógłby mi ktoś pomóc z tym?
Bardzo proszę o pomoc :)

0

naucz się podstaw css, używanie frameworka to tylko mała część kodu który trzeba pisać.

0

uczę się :) Właśnie z tymi 2 elementami nie potrafię sobie poradzić - dlatego proszę o pomoc :) Całą resztę zrobiłem sam :) Tylko nie wiem jak z tą ceną i tym "wcięciem" sobie poradzić :(

0

wcięcie - tekst i obrazek mają mieć wspólny kontener, w tym kontenerze obrazek powinien być w dwóch kolejnych divach, jeden ma height 100% i jest biały drugi (wewnętrzny) szary a w nim jest już img

cena - popracuj z position absolute i border-radius

1

Jeśli chodzi o to ułożenie elementów z ceną, to można je uzyskać np. w taki sposób:

<div class="wrapper">
  <div class="image"></div>
  <div class="price">25zł</div>
</div>
.wrapper {
  width: 150px;
  height: 150px;
  background-color: #ddd;
  position: relative;
}

.image {
  float: right;
  width:100px;
  height: 100px;
  background-color: green;
  border-radius: 50%;
}

.price {
  width:75px;
  height: 75px;
  background-color: darkred;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 75px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
}

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