[debiannet]

Obrazek w kategorii idzie do lewej krawędzi a powinien być na środku



patrzyłem w: product_list.css i po zmianie z left na center, nic nie daje, jak to rozwiązać ?  

Kod: [Zaznacz]

ul#product_list a.product_img_link {
    float: left;
    margin-right: 0.6em;
}

[debiannet]

3 w nocy a ja nadal walczę.. 

ale już wywalczyłem trochę, ogólnie to trzeba trochę pododawać kodu do tej skórki..

np: napis acer pod zdjęciem żeby był na środku musiałem dodać:

Kod: [Zaznacz]

margin-left: 70px;

w global.css:

/*#center_column .products_block li.last_item
Fotkę udało mi się przesunąć w product_list:

Kod: [Zaznacz]

ul#product_list a.product_img_link {
float: left;
margin-right: 6.6em      <------------- z 0.6em na 6.6em żeby było na środku...
}

Nadal jednak fotka nie jest na środku w categoriach i na razie nie mam pomysłu gdzie tego szukać..

[vekia.pl]

W css parametr float nie ma wartości center. Dziwny sposób centrowania wybrałeś Generalnie sztywne nadawanie odległości w margin to nie jest dobry sposób na centrowanie. Sprawi Ci on kłopoty gdy obiekt będzie dłuższy niż oczekiwany.

Najlepiej będzie dodać do obiektu który chcesz wycentrować parametr width z określoną długością oraz margin:auto;. Ponad to rodzic obiektu (w Twoim przypadku zapewne DIV) musi mieć określoną wartość width - to właśnie w granicach tego DIV obiekt zostanie wycentrowany

[debiannet]

Bo ja to tak trochę jak niewidomy przez ulicę  

Byłbyś tak łaskaw wyjaśnić mi to tak łopatologicznie jak durniowi Gdzie dokładnie dodać parametr width, w global css czy w product_list ?

to jest kod mojego product_list.css

Kod: [Zaznacz]

/* product-list.tpl */
ul#product_list { margin-top: 2em; list-style-type: none }
ul#product_list li {
border: 1px solid #E3E0E0;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0 0 1px;
    width: 210px;
}
* html ul#product_list li {
height: auto !important;
height: 130px
}
ul#product_list li a {
color: #989898;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
ul#product_list a.product_img_link {
float: left;
margin-right: 6.6em
}
ul#product_list a.product_img_link img { vertical-align: bottom; display: block }
ul#product_list li h3 { margin: 1em 0; clear: both; }
ul#product_list li .new {
background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border: 1px solid #488C40;
color: white;
font-size: 0.6em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: uppercase;
vertical-align: 0.3em
}
ul#product_list li p.product_desc {
margin-bottom: 0;
font-size: 0.92em
}
ul#product_list li div.center_block {
float: left;
    text-align: center;
}
ul#product_list li div.right_block {
float: left;
    margin-left: 5em;
    margin-top: 0;
    text-align: center;
    width: 9em;
}
ul#product_list li .discount, ul#product_list li .on_sale, ul#product_list li .online_only {
color: #da0f00;
text-transform: uppercase;
font-weight: bold;
display: block
}
ul#product_list li .reduction {
display: block;
margin-bottom: 0.3em
}
ul#product_list li .price {
display: block;
margin-bottom: 0.2em;
color:#F3751F;
font-size:18px;
fon-weight:normal;
}
ul#product_list li span.availability {
color: #488c40;
font-size: 0.9em
}
ul#product_list li a.button { margin-top: 1.5em }
ul#product_list li p.compare input { vertical-align: text-bottom }
#center_column p.compare{
margin: 0.5em 0 0.5em -32px;
    padding-left: 0;
    width: 154px;
}
#category-image_shadow {
background: url("../img/category-image_shadow.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin-top: 10px;
}

[vekia.pl]

kurcze tak po omacku ciężko podać dokładnie gdzie i co wpisać - tym bardziej, że widzę dość konkretną modyfikację Jest ten sklep gdzieś online?

najprościej rzecz ujmując w product_img_link usuwasz parametry: float i margin-right w zamian dajesz margin:auto; nie gwarantuję, że zadziała bo nie widzę źródła, ale jestem dobrej myśli

[debiannet]

Tak jest online:

http://www.debianne.webd.pl/presta/

A tu dokładnie gdzie jest problem z obrazkiem:

http://www.debianne.webd.pl/presta/category.php?id_category=7

na głównej stronie tak jak pisałem wcześniej już ustawiłem ale jak mówisz żeby nie robić na sztywno to też bym chętnie poprawił żeby to miało ręce i nogi.

Jak byś mógł rzucić okiem, będę dozgonnie wdzięczny  

[vekia.pl]

do produktów:
http://www.debianne.webd.pl/presta/themes/clothetheme/css/product_list.css:42
ul#product_list li div.center_block {
float: left;
text-align: center;
margin: auto;
width: 129px;
}


do listy subkategorii:
http://www.debianne.webd.pl/presta/themes/clothetheme/css/category.css:4
media="all"
body#category div#subcategories .inline_list a img {
display: inline;
margin: auto;
clear: both;
}


rzeczy przekreśloną czcionką usuwasz, pogrubioną dodajesz

[debiannet]

vekia.pl Wielkie Dzięki za pomoc, ja to niecierpliwy jednak i w między czasie wpadł znajomy i zrobił. Tak z czystej ciekawości możesz zerknąć jak to rozwiązał, ja to bym chętnie opisał tylko że robił tak szybko a dziś jeszcze sobota i tak zasiedliśmy że nie wiele zapamiętałem W global.css na końcu dodał kod i w product.list.css również na końcu, również użył funkcji clear: both;