Rozciągnięty Post

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
Ixomunai
Posty: 10
Rejestracja: 29 stycznia 2008, 15:58

Rozciągnięty Post

Post autor: Ixomunai » 01 czerwca 2008, 12:09

Witam serdecznie,

Jak naprawić taki błąd na forum:

http://conan-mmo.pl/forum/viewtopic.php?f=14&t=180

lub

http://conan-mmo.pl/forum/viewtopic.php?f=14&t=209

Post rozciąga się poza ramy strony i wygląda to paskudnie. :(

U mnie wygląda to tak:

http://img394.imageshack.us/img394/3756/39118998ij9.jpg

Pozdrawiam,
Ixo

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Rozciągnięty Post

Post autor: daroPL » 02 czerwca 2008, 14:20

To jest minus wąskich skórek. Pod Firefoxem 3.0 RC1 nie widzę tego problemu.

Awatar użytkownika
siemofit
Posty: 22
Rejestracja: 02 czerwca 2008, 13:23
Lokalizacja: Poznań/Stęszew
Kontakt:

Re: Rozciągnięty Post

Post autor: siemofit » 02 czerwca 2008, 14:25

Rzeczywiście pod FF3 nie ma tego błędu.

Sprawa musi się rozchodzić o CSS. Sam robiłeś skórkę czy z internetu sciągnąłeś?

Ixomunai
Posty: 10
Rejestracja: 29 stycznia 2008, 15:58

Re: Rozciągnięty Post

Post autor: Ixomunai » 02 czerwca 2008, 14:52

Styl był mocno przerobiony na bazie innego styla i było to robione pod zlecenie. Nie wiem czy mogę powiedzieć u kogo. :wink:

Awatar użytkownika
siemofit
Posty: 22
Rejestracja: 02 czerwca 2008, 13:23
Lokalizacja: Poznań/Stęszew
Kontakt:

Re: Rozciągnięty Post

Post autor: siemofit » 02 czerwca 2008, 15:30

Z tego co zauważyłem, choć niestety bardzo pobieżnie, winny jest adres wpisany w polu kod.

Chodzi o to, ze FF2 nie umie rozbić pojedynczego bardzo dużego słowa - a tym jest ten bardzo długi ciąg znaków bez spacji. FF3 po prostu dzieli słowo na połowę i problem z głowy.

Dość sensowntym rozwiązaniem, choć trochę na slinę jest zrobienie małego triku w pliku CSS.
( http://conan-mmo.pl/forum/styles/conanm ... esheet.css )

Odnajdź clasę .codecontent i wewnątrz niej dopisz dwie instrukcje:

width: tutaj szerokość tego pola, np. 585px;
overflow: hidden;

czyli uzyskasz po prostu:

.codecontent {
width: 585px;
overflow: hidden;
direction: ltr;
margin: 0 5px 10px 5px;
padding: 0 5px 5px 5px;
border-color: #353535;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #006600;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #000000;
}

Wtedy zbyt długi adres schowa się. Co prawda część widoczna nie będzie, ale przynajmniej powinien przestać psuć layout forum.

ps. nie wiem czy piszę do kogoś znającego CSS, czy nie, więc starałem się łopatologicznie :)

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Rozciągnięty Post

Post autor: daroPL » 02 czerwca 2008, 15:35

Lepiej zamiast overflow: hidden; daj overflow-x: auto; oraz po width: 585px; dodaj max-width: 585px;. Wtedy powinien się robić scroll jeżeli będzie więcej zawartości.

Ixomunai
Posty: 10
Rejestracja: 29 stycznia 2008, 15:58

Re: Rozciągnięty Post

Post autor: Ixomunai » 02 czerwca 2008, 19:01

Super,

Okienko z kodem, dzięki Wam, poprawione.

http://conan-mmo.pl/forum/viewtopic.php?f=14&t=180

Teraz zostało jeszcze okienko z postem.

http://conan-mmo.pl/forum/viewtopic.php?f=14&t=209

Które miejsce w CSS za to odpowiada? :oops:

Awatar użytkownika
daroPL
Zasłużony
Posty: 4564
Rejestracja: 24 czerwca 2005, 13:36
Lokalizacja: Poznań
Kontakt:

Re: Rozciągnięty Post

Post autor: daroPL » 02 czerwca 2008, 19:14

Według mnie to ciężko będzie to sensownie naprawić, możesz jedynie dodać scrolla, ale jak to będzie wyglądać. Może lepiej niech użytkownicy stosują ENTER, zamiast pisać jednym ciągiem.

Awatar użytkownika
siemofit
Posty: 22
Rejestracja: 02 czerwca 2008, 13:23
Lokalizacja: Poznań/Stęszew
Kontakt:

Re: Rozciągnięty Post

Post autor: siemofit » 02 czerwca 2008, 20:50

Ixomunai, zapodaj screenem, bo w tej chwili mając Firefoxa3 nie ma żadnego błędu. Pokaż jak to na FF2 wygląda.

Awatar użytkownika
Mary$
Zasłużony
Posty: 301
Rejestracja: 17 grudnia 2007, 18:54
Lokalizacja: 3-miasto

Re: Rozciągnięty Post

Post autor: Mary$ » 02 czerwca 2008, 21:14

siemofit, ja Ci mogę dać screena z FF2 ;)

Kod: Zaznacz cały

http://img124.imageshack.us/img124/6016/ep96raptv4.jpg
Mnie się wydaje, że można zrobić ten sam manewr co poprzednio, tylko w classie postbody
`Hominis est errare, insipientis in errore perseverare` :)

Awatar użytkownika
siemofit
Posty: 22
Rejestracja: 02 czerwca 2008, 13:23
Lokalizacja: Poznań/Stęszew
Kontakt:

Re: Rozciągnięty Post

Post autor: siemofit » 02 czerwca 2008, 21:26

znajdź:

td.row1, td.row2, td.row3, tr.row1 td, tr.row2 td, td.row1b, tr.row1b td {
i tutaj dopisz analogicznie, tylko szerokość pewnie będzie inna - metodą prób i błędów trafisz - zdaje się 790px. Reszta wg. poprzednich instrukcji.
}

Ixomunai
Posty: 10
Rejestracja: 29 stycznia 2008, 15:58

Re: Rozciągnięty Post

Post autor: Ixomunai » 02 czerwca 2008, 21:35

Być może wygląda to nieestetycznie, ale przynajmniej można bez problemu zobaczyć całą zawartość wiadomości. Jak przypuszczam nie można tego rozwiązać inaczej? :)

Dziękuję za pomoc. Pełna klasa. 8)

Zablokowany

Wróć do „Pomoc”