Skocz do zawartości

Dj-catalog2 - zbyt krótka tabelka


Bodhistawa
 Udostępnij

Rekomendowane odpowiedzi

Witam,

Joomla! 1.5.23 Stable zainstalowana na localhoscie, wgrany komponent dj-catalog2.

Opcje dj-catalog2:

https://img9.imageshack.us/img9/5480/djcatalogpref.jpg

Mój problem polega na tym, że w widoku kategorii (tylko na niektórych stronach kategorii) tło produktu jest krótsze niż zdjęcie. Nie wiem w czym leży problem. CSS? Ustawienia dj-catalogu, nie mam już pomysłów.

Wygląda to tak:

Źle: https://img801.imageshack.us/img801/7695/72935596.jpg

Dobrze: https://img51.imageshack.us/img51/8688/dobrzey.jpg

Dlaczego w jednej kategorii jest jest to dobrze wyświetlane, a w drugiej nie?

Edytowane przez Bodhistawa
Odnośnik do komentarza
Udostępnij na innych stronach

Styl jest definiowany w pliku css dj-catalogu. Kod pliku wygląda tak:

/*
* GENERAL STYLING
*/

div.clear {
clear: both;
}

div#djcatalog {
width: 100%;
padding: 0;
margin: 0;
border: none;
}
body.contentpane div#djcatalog .djcat_item{
padding: 20px;
}
div#djcatalog .djcat_blog_pagination {
text-align :center;
width: 100%;
float: left;
}
div#djcatalog .djcat_blog_pagination span.pagination {
text-align: center;
}

div#djcatalog img.djcat_order_dir {
padding: 0 0 0 5px;
}

div#djcatalog div.djcat_toolbar {
background: #ddd;
width: 100%;
float: left;
margin: 0 0 10px 0;
}
div#djcatalog div.djcat_toolbar div.djcat_toolbar_in {
padding: 0 10px;
float: left;
}
div#djcatalog div.djcat_toolbar div.djcat_toolbar_in div.djcat_toolbar_order {
float: left;
width: 100%;
}
div#djcatalog div.djcat_toolbar ul {
display: block;
margin: 0;
padding:0;
list-style: none;
list-style-type: none;
width: 100%;
}
div#djcatalog div.djcat_toolbar ul li {
display: inline-block;
float: left;
padding: 5px 5px;
list-style: none;
list-style-type: none;
background: none !important;
line-height: 20px;
}
div.djcat_toolbar div.djcat_toolbar_in div.djcat_toolbar_filter {
float: left;
width: 100%;
}

/*
* BLOG LAYOUT
*/

div#djcatalog div.djcat_blog_title {
font-weight: bold;
}
div#djcatalog div#djcat_blog {
margin: 0;
padding: 0;
border: none;
width: 100%;
float: left;
}
div#djcatalog div.djcat_blog_item {
margin: 0;
padding: 0;
float: left;
border: none;
overflow: hidden;
}
div#djcatalog div.djcat_blog_item_bg {
margin: 2px;
background: #eee;
}
div#djcatalog div.djcat_blog_item_in {
padding: 10px 10px 45px 10px;z
}
div#djcatalog div.djcat_blog_item div.djcat_blog_image {
float: left;
padding-right: 10px;
padding-bottom: 10px;
}
div#djcatalog div.djcat_blog_item div.djcat_blog_image img {
padding: 5px;
background: #fff;
border: 1px solid #ccc;
}
div#djcatalog div.djcat_blog_item .djcat_price,
div#djcatalog div.djcat_blog_item .djcat_category,
div#djcatalog div.djcat_blog_item .djcat_producer {
font-size: 90%;
padding: 0 0 5px 0;
}
div#djcatalog div.djcat_blog_item .djcat_intro_readmore {
padding: 10px 0 25px;
}
div#djcatalog div.djcat_blog_item .djcat_intro_readmore a {
}
div#djcatalog .djcat_blog_subcategories_in {
width: 100%;
float:left;
margin-bottom: 10px;
}
div#djcatalog .djcat_blog_subcategory {
float: left;
margin: 0;
padding: 0;
overflow: hidden;
}
div#djcatalog .djcat_blog_subcategory_bg {
margin: 2px;
background: #eee;
}
div#djcatalog .djcat_blog_subcategory_in {
background: #eee;
padding: 10px;
}

div#djcatalog .djcat_blog_category-in {
margin-bottom: 10px;
}

div#djcatalog .djcat_blog_subcategory_in div.djcat_blog_image {
text-align:center;
margin: 0 0 5px 0;
}

div#djcatalog .djcat_blog_subcategory_in div.djcat_blog_image img {
padding: 5px;
background: #fff;
border: 1px solid #ccc;
}

div#djcatalog .djcat_blog_subcategory_in .djcat_blog_subcategory_title h3 {
text-align: center;
}

div#djcatalog div.djcat_blog_subcategory_in .djcat_subcategory_readmore {
padding: 10px 0 25px;
}
div#djcatalog div.djcat_blog_subcategory_in .djcat_subcategory_readmore a {
}

/*
* TABLE LAYOUT
*/
div#djcatalog table {
width: 100%;
}
div#djcatalog td {
padding: 10px 10px;
text-align: left;
vertical-align: top;
background: #ccc;
border-bottom: 2px solid #fff;
border-right: 1px solid #d6d6d6;
}
div#djcatalog tr.djcat_table_row1 td {
background: #e0e0e0;
}
div#djcatalog tr.djcat_table_row0 td {
background: #eeeeee;
}

div#djcatalog td.djcat_td_image,
div#djcatalog td.djcat_th_image {
border-right: none;
}
div#djcatalog td.djcat_td_image div.djcat_td_image_in {
padding: 5px;
background: #fff;
border: 1px solid #ccc;
float: left;
}

/* SINGLE ITEM LAYOUT */
div#djcatalog div.djcat_image {
float: right;
overflow: hidden;
margin-left: 10px;
margin-bottom: 10px;
}

div#djcatalog div.djcat_image img {
padding-bottom: 4px;
}

div#djcatalog div.djcat_image div.djcat_thumbnails img {
float: left;
margin-bottom: 4px;
padding: 0;
}
div#djcatalog div.djcat_item .djcat_price,
div#djcatalog div.djcat_item .djcat_category,
div#djcatalog div.djcat_item .djcat_producer,
div#djcatalog div.djcat_item .djcat_files {
font-weight: normal;
font-size: 110%;
padding: 0 0 5px 0;
}
div#djcatalog .djcat_price span.djcat_price_value,
div#djcatalog .djcat_category span.djcat_category,
div#djcatalog .djcat_producer span.djcat_producer,
div#djcatalog .djcat_files .djcat_file a {
font-weight: bold;
}
div#djcatalog span.djcat_price_value,
div#djcatalog td.djcat_td_price {
color: #ff0000;
font-weight: bold;
}
/* Pagebreak plugin */
div#djcatalog .djcat_divpb,
div#djcatalog .djcat_divacc,
div#djcatalog .djcat_divtab {
margin: 10px 0;
clear: both;
}

div#djcatalog .djcat_divpb_in,
div#djcatalog .djcat_divacc_in,
div#djcatalog .djcat_divtab_in {
padding: 10px 0;
float: left;
}

div#djcatalog h3.djcat_h3pb {
margin: 10px 0;
display: block;
clear: both;
}
/* pagebreak accordion */
div#djcatalog .djcat_rowacc {
display: block;
}

div#djcatalog h3.djcat_h3acc {
margin: 10px 0;
display: block;
cursor: pointer;
clear: both;
}
div#djcatalog h3.djcat_h3acc_active {
text-decoration: underline;
font-weight: bold;
}
/* pagebreak tabs */
div#djcatalog .djcat_divtab {
margin: 0 0 10px 0;
clear: both;
width: 100%;
float: left;
}
div#djcatalog .djcat_rowtab {
display: block;
width: 100%;
margin: 0;
padding: 0;
float: left;
}

div#djcatalog ul.djcat_ultab {
float: left;
width: 100%;
margin: 0;
padding: 0;
border-bottom:1px solid #ccc;
}

div#djcatalog li.djcat_litab {
margin: 2px 10px 0px 0;
padding: 6px 15px 6px 15px;
display: block;
cursor: pointer;
float: left;
background: #f5f5f5;
font-size: 140%;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}
div#djcatalog li.djcat_litab_active {
font-weight: bold;
background: #fff;
}

Mnie (chyba) interesuje "BLOG LAYOUT". Dodanie do któregokolwiek diva clear:both nic nie daje. Dziwne jest to, że problem występuje tylko na niektórych podstronach. Jak mam np 80 przedmiotów po 10 na stronę to pierwsza strona jest ok, a druga nie.

Odnośnik do komentarza
Udostępnij na innych stronach

Zobacz czy div który jest odpowiedzialny za tło ma ustawiony parametr overflow np overflow: hidden;

Edit: Albo jeszcze jest kwestia display, dla obiektów wyświetlanych wewnątrz, obiekty nie blokowe nie rozciągają blokowych div-ów, czyli np. dla image trzeba ustawić display:block;

Edytowane przez pyzdera

Whitepress - Liczy się tylko content marketing

Biznes-Host - serwery które polecam

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności