[CSS][PHP]Jak zmienić szerokość ramki na podanej stronie? Opcje

[spoofek]

Witam,
Na początek jeszcze raz podziękowania dla sadistic_son za nieocenioną pomoc w poprzednim wątku (IMG:style_emoticons/default/smile.gif)

Teraz mam kolejny, niewielki problem. Mianowicie chciałbym zmniejszyć szerokość ramki (w której znajduje się tekst) oraz niebieskiego pasku, jak na screenie poniżej:

(IMG:http://zwiadra.pl/blogimg/howto.jpg)


A tutaj link do strony:

http://zwiadra.pl/fb_like_share/


Co musiałbym edytować w style.css?

Z góry dzięki za pomoc!

Pozdrawiam

[sadistic_son]

Cieszę się, że mogłem pomóc (IMG:style_emoticons/default/smile.gif)

Przeleciałem stronę FireBugiem, więc struktura zinterpretowana przez FF może się delikatnie różnić od oryginalnego wyglądu CSS ale nie sądzę żeby to były jakieś poważne zmiany. Generalnie to aby zmienić rozmiar musisz edytować szerokość tych elementów:
uiStepList mtl steps uiStepListSmallDescription
mvl ptm uiInterstitial roadblock_dialog uiInterstitialLarge white_box

Szerokość pojemnika UIFullPage_Container generalnie nie wpływa na szerokość całego bloku tylko na ułożenie powyższych. Tak więc aby były one przesunięte do lewej to UIFullPage_Container musi mieć szerokość nie większą niż węższy z dwóch wewnętrznych (powyższych).
To chyba na tyle (IMG:style_emoticons/default/smile.gif)

Nie wiem tylko jak to będzie wyglądać na FB.

Ten post edytował sadistic_son 29.02.2012, 11:54:08

[sadistic_son]

Nie bardzo rozumiem. Przecież przy obecnych ustawieniach są oba wyrównane do lewej. Np dla niebieskiego paska o szerokości 440px i tabelki z tekstem 550px będą wyrównane do lewej pod warunkiem, że pojemnik [b]UIFullPage_Container[/] będzie nie szerszy niż 440px.

[spoofek]

Jak mówisz - tak jest!

Ustawiłem UIFullPage_Container na 439px i działa aż miło, jedynie FF ma jakiś problem i nie wyswietla prawidlowo, Opera, IE oraz Chrome wyświetlają dobrze. Już nawet nie truję o ten problem z FF, może tak zostać i tak już zająłem dostatecznie dużo twojego cennego czasu :-)

Pozdro!

W sumię to pojawił się jeszcze jeden mały kosmetyczny problem.
W drugim kroku przycisk "Lubię to" ucieka na prawo i jest lekko ucięty.

Wiesz jak rozwiązać ten problem? Chciałbym, żeby byl wysrodkowany.

THX!

(IMG:http://zwiadra.pl/blogimg/like.png)

Ten post edytował spoofek 29.02.2012, 12:49:38

[sadistic_son]

Hmm, to ciekawe, bo ja właśnie pod FF to robiłem i wszystko wygląda ok. No chyba, że nie tak ma wyglądać jak myślę (IMG:style_emoticons/default/wink.gif)

EDIT: element divhold wewnątrz like... obecnie ma szerokość 55px, zmień na 75px oraz pobaw się marginesem w divhold aby wypozycjonować go odpowiednio i bangla (IMG:style_emoticons/default/guitar.gif)

Ten post edytował sadistic_son 29.02.2012, 12:56:00

[sadistic_son]

Nie rozumiem. Co ma być wyśrodkowane? Myślałem, że niebieski pasek i tabelka z tekstem mają być wyrównane do lewej.

[spoofek]

przycisk "Lubię to" w Krok 2 (IMG:style_emoticons/default/smile.gif) ucieka u mnie nieco na prawo, we wszystkich przeglądarkach (IMG:style_emoticons/default/smile.gif)

reszta, czyli tabelka i niebieski blok już są z lewej - czyli jak najbardziej OK

pozdro

Ten post edytował spoofek 29.02.2012, 15:03:48