Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

2 Stron V   1 2 >  
Reply to this topicStart new topic
> [CSS]Problem z maxwidth, Nie działa ustawienie szerokości grafiki na 700px
marekwolin
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


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ł ?
Go to the top of the page
+Quote Post
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


A jaką masz pewność, że ta zmienna wpływa w jakiś sposób na max-width w CSS?
Go to the top of the page
+Quote Post
marekwolin
post
Post #3





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 28.10.2014, 14:12:37 ) *
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
Go to the top of the page
+Quote Post
trueblue
post
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
marekwolin
post
Post #5





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 28.10.2014, 15:08:37 ) *
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 ?
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
marekwolin
post
Post #7





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 28.10.2014, 15:46:10 ) *
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ą :/
Go to the top of the page
+Quote Post
Olsz4k
post
Post #8





Grupa: Zarejestrowani
Postów: 95
Pomógł: 0
Dołączył: 26.07.2013
Skąd: Kraków

Ostrzeżenie: (0%)
-----


masz link do strony, tak żeby można było to oglądnąć? Pewnie gdzieś nadpisuje cssy, albo w złą klasę wkładasz (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
marekwolin
post
Post #9





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(Olsz4k @ 28.10.2014, 20:51:23 ) *
masz link do strony, tak żeby można było to oglądnąć? Pewnie gdzieś nadpisuje cssy, albo w złą klasę wkładasz (IMG:style_emoticons/default/wink.gif)

http://saff.pl/ - na głównej są grafiki za duże, a mają mieć max 700px szerokości.
Go to the top of the page
+Quote Post
trueblue
post
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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{
}
Go to the top of the page
+Quote Post
marekwolin
post
Post #11





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 28.10.2014, 22:28:42 ) *
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
Go to the top of the page
+Quote Post
trueblue
post
Post #12





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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

Go to the top of the page
+Quote Post
marekwolin
post
Post #13





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 29.10.2014, 08:25:34 ) *
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.
Go to the top of the page
+Quote Post
trueblue
post
Post #14





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
marekwolin
post
Post #15





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 29.10.2014, 12:12:56 ) *
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ł.
Go to the top of the page
+Quote Post
trueblue
post
Post #16





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Nie ma: http://saff.pl/engine/classes/min/index.ph.../css/engine.css
Go to the top of the page
+Quote Post
marekwolin
post
Post #17





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 29.10.2014, 12:32:32 ) *

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ę.
Go to the top of the page
+Quote Post
trueblue
post
Post #18





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
marekwolin
post
Post #19





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 29.10.2014, 12:43:05 ) *
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
Go to the top of the page
+Quote Post
trueblue
post
Post #20





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
marekwolin
post
Post #21





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 28.10.2014

Ostrzeżenie: (0%)
-----


Cytat(trueblue @ 29.10.2014, 13:03:46 ) *
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.

http://saff.pl//templates/SAFF/css/style.css - tutaj jest taki kod:
.tab2-story img{
max-width: 720px;
}
.tab2-story {
color: #000000;
padding: 2px;
text-align: justify;
width: 700px;

Sprawdziłem na drugim kompie, może gdzieś opóźnienia DNS ? Nie wiem, może ktoś z forum wypowie się czy widzi ten kod tam ?
Edit: W każdym bądź razie dzięki za pomoc, może w końcu dojdę co tam jest nie tak.

Ten post edytował marekwolin 29.10.2014, 13:16:51
Go to the top of the page
+Quote Post

2 Stron V   1 2 >
Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 14:51