Segítség kéne nem találom a postok ablakának az átméretezéséhez tartozó részt. Valaki?
Na tehát építgetek egy oldalt, már kaptam egy csomó segitséget tőletek. De megint probémába futottam. Szeretném, ha egy sorban 3 post jelenne meg, nem négy. És a postok szélesebbek legyenek, úgy 295px. De egyenlőre csak a keretet tudtam megnövelni, a post képe ott maradt a sarokban és ott volt mellete a keret fehérje.
Itt van az oldal: [link]
És a css: [link]
Köszönöm mindenkinek a segitséget, és nyomatom nektek a válaszokért a zöldeket ;)
#posts-container {
float: left;
width: 1020px;
margin: 20px 0px;
}
Ez annak a divnek a nagysága ami tárolja a képeket.
Itt pedig a dobozok mérete van meghatározva.
#posts .post {
border: 0px;
padding: 10px;
background-color: #fff;
width: 195px;
height: 195px;
margin: 0px 20px 40px 20px;
float: left;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
position: relative;
}
Tehát mit kell tenni? Meg kell növelni a doboz méretét, itt: width: 195px;
hogy mekkora legyen rádbizom egy kis matek. :)
a js határozza meg, hogy 195px legyen a kép. tehát nem elég a css-ben beállítani, a js-ben is át kell írni.
// Crop and center photos and photosets for index page
$("#posts .photo img, #posts .set-container img:first").each(function(){
var width = $(this).width();
var height = $(this).height();
if (height > width) {
$(this).width(195);
var newHeight = $(this).height();
var offset = -((newHeight-195)/2);
$(this).css({"margin-top":offset});
$(this).show();
} else {
$(this).height(195);
var newWidth = $(this).width();
var offset = -((newWidth-195)/2); (<--!itt a 195px-->
$(this).css({"margin-left":offset});
$(this).show();
}
});
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!