Cięcie layoutu - miejce na tekst

**Posty:** 69 · przez **mikrobak** 10 Lut 2010, 16:36

Witam, mam oto taki "mały" problem...
Korzystając z poradników stworzyłem sobie layout mojej strony i teraz chciałem go pociąć. Znalazłem na forum instrukcję jak tego dokonać, zastosowałem się do niej. Wszystko wydaje się być dobrze... Ale gdy w miejscu przeznaczonym na teskt pojawia się wiecej tekstu - strona się rozjezdza...
Wygłąd i założenie jest takie:

A cięcie wygląda tak:

Plik psd:
http://www.speedyshare.com/files/20855261/test.psd

Rozjeżdżaja mi się buttony po lewej stronie... zobacz jak to wygląda gdy dodawany jest dodatkowy tekst:...

Co robie źle?

Prosiłbym o jakieś rady jak to wyeliminować, pozdrawiam

**Posty:** 258 · przez **lilith** 10 Lut 2010, 16:51

no tak, ale jak modyfikowałeś kod? widzisz, ja włączyłam i jest ok ... bo normalnie się tak rozjeżdżają te elementy, gdy np. są podlinkowane. wtedy ustawia się parametr:

Kod: Zaznacz wszystko: border="0"

dla obrazka. ale u ciebie się mega rozjeżdżają. a nie wiem czy nie podpiąłeś przypadkiem css. ale inną przyczyną może być też fakt, że wyświetlasz zbyt długi tekst po prawej stronie i tekst co prawda się mieści, ale layout jest pocięty na sztywno i nie ma się jak dopasować do wyświetlania, stąd strona się rozjeżdża na długość. polecam zastosowanie ramek lub specjalnych ramek iframe w tym miejscu gdzie ma się wyświetlać tekst główny, i jak się strona nie mieści, to pojawia się suwak a strona się nie rozjedzie, w sensie strona = grafika na stronie. szkoda że dołu nie wkleiłeś, góra strony nie jest znacząca w tej ocenie akurat. a jeśli to nie jest to, to nie wiem co to może być, bo nie widzę zmodyfikowanego kodu.

**Posty:** 69 · przez **mikrobak** 10 Lut 2010, 17:04

lilith, Dzięki wielkei za szybką reakcję...
Tak mas zrację, normalnie jest wszystko ok, tylko jak za dużo tekstu dam na tej "białej kartce" to się wszystko rozjeżdża, łacznie z buttonami po lewej stronie...

Czyli co masz podać jeszcze? Byłbym wdzięczny ogromnie za pomoc!

**Posty:** 258 · przez **lilith** 10 Lut 2010, 17:07

mikrobak napisał(a):Czyli co masz podać jeszcze?

yyy nie zrozumiałam, możesz to rozwinąć?

**Posty:** 69 · przez **mikrobak** 10 Lut 2010, 17:14

Zrozumiałem Cie, że mam podać mój plik html tak? Bo już się gubie, sorry : /

Wiec sprawa wygląda tak:
Mam pocięty layout przez photoshopa i wszystko ładnie mi wychodzi. Problem pojawia się jednak gdy w miejscu przeznaczonym na tekst pojawia się więcej tekstu, który nie mieści się na stronie... Wtedy wszystko się rozszerza... Masz może pomysł jak to zrobić? Jestem początkujący w tej dziedzinie... myślałem, że pocięcie layoutu to jest najcięższa rzecz, a tu takie problemy mnie napotkały

**Posty:** 258 · przez **lilith** 10 Lut 2010, 17:24

nienie, sama sobie wygenerowałam podstawowy, ale już rozumiem, że właściwie to nic nie zmieniałeś tylko ten tekst dałeś za długi. polecam tobie wykorzystać ramki:
frame & frameset
lub iframe

pełno jest tego po necie. mówię, żę polecam, bo zaoszczędzisz w ten sposób kopiowania tego layoutu i w każdym pliku layoutu musiałbyś wstawiać ciągle tekst. a tak strony, które będą się wyświetlać w białym polu nie będą musiały mieć żadnych ustawień graficznych. po prostu będą się wyświetlać w białym polu.

no mówię, pełno tego na necie, jak sam się nie pomęczysz to nigdy nie będziesz umiał tego zrobić. mogę tobie najwyżej powiedzieć, co jest źle jak znajdę błąd.
reguła jest głównie taka akurat w iframe, że w menu dajesz podlinkowania to twoim podstron i nadajesz "a hrefowi" dodatkowo cel, czyli target="nazwa ramki". a ramką w tym momencie jest to twoje białe pole. z kolei białe pole musisz zamienić w ramkę i wskazać, że dane strony mają się tu otwierać. dobrze, żeby ustawić żeby ramka nie miała obramowania, bo to wygląda tak jak link ma podkreślenie ('które oczywiście można usunąć') tak ramka będzie miała obramowaniea wtedy tez się layout przesuwa. i już. a potem możesz ewentualne atrybuty inne ustawić.

**Posty:** 69 · przez **mikrobak** 10 Lut 2010, 18:43

Poddaje się, nie umiem tego zrobić

...

**Posty:** 258 · przez **lilith** 10 Lut 2010, 18:53

a tak z ciekawości robisz to, bo w szkole zadali czy dlatego, że sam chcesz się nauczyć?

pod białe tło podpisujesz:

Kod: Zaznacz wszystko: <iframe name="ramcia" frameborder="0" src="strona1.php" src="strona2.php" src="strona3.html"  width="jakieś cyferki" height="jakieścyferki"  </iframe>

a pod pola menu:

Kod: Zaznacz wszystko: <a href="adres do strony, którą podlinkowujesz pod dane pole" target="ramcia"> obrazek lub tekst, u ciebie obrazek z atrybutem border="0"</a>

i wszystko. to nie jest php z obsługą baz danyh w mysql, gdzie nawet czasem nie wiadomo jakie hasło pod wyszukiwanie wpisać; z html pełno masz kursów w necie. napisałam, tobie czego masz szukać.
a u ciebie frameset &frame może się nie sprawdzić, bo masz stronę na tabelach.

Autor postu otrzymał pochwałę

**Posty:** 69 · przez **mikrobak** 10 Lut 2010, 19:13

Ogromne dzięki! Wreszcie coś ruszyło!

Robie to dla znajomego, do pracy potrzebuje, teraz z Twoja pomocą mam nadzieje, że mu pomogę! Dzięki ogromne raz jeszcze, tak to rozwiąże chyba!

Kto jest na forum