[CSS]Problem z maxwidth, Nie działa ustawienie szerokości grafiki na 700px Opcje

[marekwolin]

Problem polega na tym, że przy pobieraniu grafiki z innej strony ma zmienić jej rozmiar na max szerokość 700px. W config.php jest ustawienie 'tag_img_width' => "700", (przez config.php muszę bo z Panelu Admina nie działa), a szablon CSS dalej nie dopasowuje tej grafiki. Jaki może być powód ? Ktoś ma pomysł ?

[trueblue]

A jaką masz pewność, że ta zmienna wpływa w jakiś sposób na max-width w CSS?

[marekwolin]

A jaką masz pewność, że ta zmienna wpływa w jakiś sposób na max-width w CSS?

max-width: jest ustawione na 700px i mniejsze grafiki pobiera. Jeśli jest wątpliwość co do zmiennej wpływającej na max-width to jak ją zmienić, aby było poprawnie. Dodam jeszcze, że problem jest z img a nie max-width, na początku to źle sformułowałem.

Ten post edytował marekwolin 28.10.2014, 14:22:29

[trueblue]

Jeśli chcesz zmienić max-width, to pewnie bezpośrednio w pliku css (jeśli nie jest dynamicznie tworzony).
Jeśli masz na myśli skalowanie programowe obrazków do zadanego rozmiaru, to musiałbyś odnaleźć skrypt za to odpowiedzialny.

[marekwolin]

Jeśli chcesz zmienić max-width, to pewnie bezpośrednio w pliku css (jeśli nie jest dynamicznie tworzony).
Jeśli masz na myśli skalowanie programowe obrazków do zadanego rozmiaru, to musiałbyś odnaleźć skrypt za to odpowiedzialny.

W CSS ten element, który chce żeby był zmieniony jest opisany w taki sposób:
tab2-story {
color: #000000;
padding: 2px;
text-align: justify;
width: 720px;

Czy max-width: 700px umieścić tam ?

[trueblue]

Powinno być raczej .tab2-story lub #tab2-story.
Jeśli obrazek ma taką klasę lub takie id, to tak, tam trzeba dodać. Ale wtedy width raczej 100%, a nie 720px.

[marekwolin]

Powinno być raczej .tab2-story lub #tab2-story.
Jeśli obrazek ma taką klasę lub takie id, to tak, tam trzeba dodać. Ale wtedy width raczej 100%, a nie 720px.

tak, miało być .tab2-story { . Niestety żadne zmiany tam nic nie dają :/

[Olsz4k]

masz link do strony, tak żeby można było to oglądnąć? Pewnie gdzieś nadpisuje cssy, albo w złą klasę wkładasz

[marekwolin]

masz link do strony, tak żeby można było to oglądnąć? Pewnie gdzieś nadpisuje cssy, albo w złą klasę wkładasz

http://saff.pl/ - na głównej są grafiki za duże, a mają mieć max 700px szerokości.

[trueblue]

Klasa .tab2-story jest przypisana do diva przechowującego żółty image.
Jeśli ma być do jakiegokolwiek obrazka wewnątrz, ma być:
.tab2-story img{
}

[marekwolin]

Klasa .tab2-story jest przypisana do diva przechowującego żółty image.
Jeśli ma być do jakiegokolwiek obrazka wewnątrz, ma być:
.tab2-story img{
}

Do obrazka wewnątrz (czyli długiego postu) to też, ale tu na głównej stronie w (krótkiem poście) ta grafika nie chce zmniejszyć się do szerokości 700px.
Edit: Nie pomogło to także, jest jeszcze coś takiego:
.news img {
border:none;
}
/* ==================== */

Ten post edytował marekwolin 29.10.2014, 00:30:19

[trueblue]

Wstawienie
.tab2-story img{
max-width:720px;
}
rozwiązuje problem ze skalowaniem obrazka żółtego i "rainbow", które to są na głównej stronie.

[marekwolin]

Wstawienie
.tab2-story img{
max-width:720px;
}
rozwiązuje problem ze skalowaniem obrazka żółtego i "rainbow", które to są na głównej stronie.

Próbowałem różne kombinacje z tym, pierwotnie było tak:
.tab2-story {
color: #000000;
padding: 2px;
text-align: justify;
width: 720px;

Próbowałem z samym max-width, z width i max-width, bez color, padding i text-align (ale to pewnie wpływu nie ma).
Problem przypuszczam, że może być z img. W config.php jest coś takiego: 'tag_img_width' => "700", z 700px a nie 720px także próbowałem i nic.
Może w engine.css coś do zmiany jest.

[trueblue]

Wstaw tą regułę do /templates/SAFF/css/style.css i wtedy zobaczymy.

P.S. Nie wiem czy zauważyłeś, ale trzy pliki są 10krotnie załączane do strony. Wyświetl źródło i poszukaj: sexybookmark

[marekwolin]

Wstaw tą regułę do /templates/SAFF/css/style.css i wtedy zobaczymy.

P.S. Nie wiem czy zauważyłeś, ale trzy pliki są 10krotnie załączane do strony. Wyświetl źródło i poszukaj: sexybookmark

Wstawiłem tą regułę obok tej:
.tab2-story {
color: #000000;
padding: 2px;
text-align: justify;
width: 720px;
i dalej nic

Dzięki za spostrzeżenie sexybookmark, zaraz to będę analizował.

[trueblue]

Nie ma: http://saff.pl/engine/classes/min/index.ph.../css/engine.css

[marekwolin]

Nie ma: http://saff.pl/engine/classes/min/index.ph.../css/engine.css

Wstawiłem w style.css a nie w engine.css. Obojętnie w którym miejscu wstawię tą regułę w engine.css ? bo rozumiem, że tam muszę.

[trueblue]

Nie zauważyłeś, że w pliku z tego linku są "skompresowane" obydwa pliki css?
Ani w tym "skompresowanym", ani bezpośrednio w: http://saff.pl//templates/SAFF/css/style.css nie ma.
Nie ma tam tej reguły. Może masz jakiś cache w tym systemie.

[marekwolin]

Nie zauważyłeś, że w pliku z tego linku są "skompresowane" obydwa pliki css?
Ani w tym "skompresowanym", ani bezpośrednio w: http://saff.pl//templates/SAFF/css/style.css nie ma.
Nie ma tam tej reguły. Może masz jakiś cache w tym systemie.

w tym linku ja widzę te reguły:
.tab2-story img{
max-width: 720px;
}
.tab2-story {
color: #000000;
padding: 2px;
text-align: justify;
width: 700px;

Edit: W engine.css nie widzę max-width, czyli nie przechodzi tam ze style.css jakby.

Ten post edytował marekwolin 29.10.2014, 12:53:36

[trueblue]

engines.css i style.css to dwa odrębne pliki, nic z jednego do drugiego nie "przechodzi".
W stronie natomiast jest link, który przyjmuje za parametry obydwa pliki i zwraca "skompresowany".

Niestety w tej chwili nie pomogę, bo nadal nie widzę tych zmian.