Skocz do zawartości

Witamy na polskim forum Contao
Zarejestruj się teraz, aby skorzystać ze wszystkich funkcji forum. Kiedy się zalogujesz, będziesz mógł tworzyć tematy, pisać posty, rozdawać punkty reputacji, korzystać z prywatnych wiadomości i zarządzać swoim profilem. Jeśli posiadasz już konto, zaloguj się - w przeciwnym wypadku zarejestruj się już teraz!
Zdjęcie

rozmieszczenie divow


  • Zaloguj się, aby dodać odpowiedź
2 odpowiedzi w tym temacie

#1
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów
Witajcie,

dostaje bialej goraczki od uporzadkowania cech produktu w moim catalogu.
Otoz, chcialbym rozmiescic polozenie itemow na liscie wg schematu:
Zdjecie po lewej, po prawej cechy produktu, jeden pod drugim, taki standard.

kombinuje z floatami, clearami, czytam tutoriale i nie moge dojsc juz od kilku dni do konca.
Sprawa sie miesci tu: http://www.ajf.edu.p... ... uskie.html

Podejrzewam, ze brakuje tu jakiejs pierdoly, zeby sie to normalnie wyswietlilo. Z gory dzieki za wsparcie.
  • 0

#2
qrczak

qrczak

    Ekspert

  • Zarejestrowani
  • PipPipPipPipPip
  • 415 postów
  • LokalizacjaŻuławy
Troche namieszałeś w css. Nie ma sensu dawać position:absolute; razem z jakimkolwiek floatem, te wartosci sie nawzajem wykluczają.
Z tego co widzę zdjecia będą miały stała szerokość 200px w wysokość będzie liczona z proporcji.

to jest mała przeróbka twojego css
.cat_name {
color:#000000;
float:left;
font-size:10pt;
font-weight:normal;
margin-left:210px;
overflow:hidden;
padding-left:10px;
text-align:left;
vertical-align:middle;
width:500px;
}
.cat_photo {
color:#000000;
display:block;
float:left;
font-size:10pt;
font-weight:normal;
padding-left:1px;
position:absolute;
text-align:left;
top:1px;
vertical-align:middle;
}
.cat_description {
clear:both;
float:left;
margin-left:210px;
padding-left:10px;
width:500px;
}
.cat_description .value {
float:none;
}
.cat_price, .show_details {
float:left;
margin-left:210px;
padding-left:10px;
}

oczywiście musisz ponadawać jakieś marginesy dolne dla itemów żeby to bylo bardziej rozdzielone od siebie.
  • 0

#3
motorola

motorola

    Doświadczony

  • Zarejestrowani
  • PipPipPip
  • 85 postów
dziękuję qrczak. pomogło.
  • 0




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych użytkowników