[Rabusek]

#wordpress #pytanie #webdev
Mam taki problem - obrazek jest rozciągnięty (z tego co pamiętam mówiłem że obrazki w 99% są 600x300, ale i tak teraz są dopasowywane do 500x250 :/). Można zrobić coś żeby zamiast być rozciągniętym był po prostu uciętym 100px/50px?

CSS:
.postglfl li .zdjecie_gl img {
display:block;
width: 100%;
height: 300px;
max-height: 300px;
}

Cokolwiek w nim nie zmieniam i tak obrazek dalej jest "rozciągnięty" ( ͡° ʖ̯ ͡°)

strona: http://minecraft.pl/

[Cilthal]

@Rabusek: width: xx px; height: xx px;
Jeżeli chcesz ustawić tę regułę jako "najważniejszą" to piszesz tak: właściwość: xx px !important;
Edit: Które konkretnie obrazki?

[Rabusek]

@Cilthal: wszystkie "Featured images" są rozciągnięte :< I w newsie, i na głównej..

[Rabusek]

@Cilthal: zmieniłem % na px, dodałem !important;, dalej nic..

[Cilthal]

@Rabusek: mówisz np.: o obrazku z dzieckiem i gamepadem tak? Zmień width: 100% na width: auto;
I daj mi konkretnie nazwę klasy/id/selektora, który Cię interesuje, będzie wygodniej.

[Rabusek]

@Cilthal: z tego co zauważyłem to selektor .zdjecie_gl odpowiada za obrazek

[Cilthal]

@Rabusek: Niestety, ciebie przynajmniej na stronie głównej interesuje to:

.post_gl li:first-child .zdjecie_gl img {
 display: block;
 height: 237px;
 max-height: 400px;
 width: 100%; ---> i ta linijka
}
.post_gl li .zdjecie_gl img {
 width: 100%; ---> ta linijka
}

Sugeruję usunięcie width: 100%;, albo ustawienie auto.

[Rabusek]

@Cilthal: dzięki :))

[Cilthal]

@Rabusek: spoko, generalnie myślałem, że dobierasz się do tego od początku, btw. domyślna wartość width to oczywiście auto.

[Rabusek]

@Cilthal: generalnie myślałem że obrazki będą miały 600x300 (zostawiłem stronę redaktorom którzy później odeszli), sie okazuje, że mają 750x250, a ja nigdzie takich thumbnailów nigdy nie miałem, więc będzie trzeba pomyśleć nad małym redesignem :/

Dzięki!

[Cilthal]

@Rabusek: Nie chcę Cię urazić, ale wygląda to nie najlepiej, całość nie tylko obrazki.

[D.....k]

@Rabusek: mogę to zrobić za alkohol

[Rabusek]

@Dreszczyk: xD