Strona 1 z 1

Rozciągnięty Post

: 01 czerwca 2008, 12:09
autor: Ixomunai
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

Re: Rozciągnięty Post

: 02 czerwca 2008, 14:20
autor: daroPL
To jest minus wąskich skórek. Pod Firefoxem 3.0 RC1 nie widzę tego problemu.

Re: Rozciągnięty Post

: 02 czerwca 2008, 14:25
autor: siemofit
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ś?

Re: Rozciągnięty Post

: 02 czerwca 2008, 14:52
autor: Ixomunai
Styl był mocno przerobiony na bazie innego styla i było to robione pod zlecenie. Nie wiem czy mogę powiedzieć u kogo. :wink:

Re: Rozciągnięty Post

: 02 czerwca 2008, 15:30
autor: siemofit
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 :)

Re: Rozciągnięty Post

: 02 czerwca 2008, 15:35
autor: daroPL
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.

Re: Rozciągnięty Post

: 02 czerwca 2008, 19:01
autor: Ixomunai
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:

Re: Rozciągnięty Post

: 02 czerwca 2008, 19:14
autor: daroPL
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.

Re: Rozciągnięty Post

: 02 czerwca 2008, 20:50
autor: siemofit
Ixomunai, zapodaj screenem, bo w tej chwili mając Firefoxa3 nie ma żadnego błędu. Pokaż jak to na FF2 wygląda.

Re: Rozciągnięty Post

: 02 czerwca 2008, 21:14
autor: Mary$
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

Re: Rozciągnięty Post

: 02 czerwca 2008, 21:26
autor: siemofit
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.
}

Re: Rozciągnięty Post

: 02 czerwca 2008, 21:35
autor: Ixomunai
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)