Kezdőoldal » Számítástechnika » Weblapkészítés » Segítség kéne nem találom a...

Segítség kéne nem találom a postok ablakának az átméretezéséhez tartozó részt. Valaki?

Figyelt kérdés

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 ;)



2012. júl. 4. 12:56
 1/4 anonim ***** válasza:
100%

#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. :)

2012. júl. 4. 13:44
Hasznos számodra ez a válasz?
 2/4 A kérdező kommentje:
de itt azokat a fehér dobozoknak a méretét növeli, nem a képét. Ezzel már próbáltam, csak ez így nem elég. Mert a képet maradnak ugyan akkorában. Tehát valahogy a post tartalmát is kéne szélesíteni.
2012. júl. 4. 13:51
 3/4 compactegon ***** válasza:

[link]


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();

}

});

2012. júl. 5. 06:57
Hasznos számodra ez a válasz?
 4/4 A kérdező kommentje:
Még mindig kéne segitség, amit az utolsó válaszoló írt megcsináltam. De még így se jó :(
2012. júl. 5. 22:51

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!