Boczny Panel

[Italic]

Mam pytanie:

Czy w samym (x)html i css jest możliwe stworzenie bocznego panelu na divach? Tak by to wyglądało tak http://www.2poczatek.za.pl/# z tym że to białe powinno się rozwijać (powiekszać)... tak by divy były ułożone obok siebie,a nie jeden pod drugim jak jest w kursie. Czy do czegoś takiego potrzebne są już inne języki.

Konbinowałem z jednym tłem i chciałem przesunąć linki, później wkleic tekst, ale niewyszło.

Jeśli się da to bardzo proszę o chociaż naprowadzenie...

[Morfidon]

W xhtml i css możesz osiągnąć jakiekolwiek rozmieszczenie elementów.

Przeczytaj ten temat, może lepiej zrozumiesz divy.

http://videokurs.pl/forum/x-html-css/pr ... e-t42.html

Jeśli chcesz mieć menu boczne to po prostu stwórz jedno główne opakowanie (div), a w nim divy odpowiedzialne za poszczególne działy, następnie TYLKO ten główny div będziesz ustawiał JAKO CAŁOŚĆ trzymająca resztę elementów (divy), do innych divow na stronie.

[Italic]

Wykonbinowałem

Myśle, że dobrze Choć proszę o opinię, ewentualne poprawki. Stworzyłem pusty div o pozycjonowaniu relatywnym, a w nim 2 divy o pozycjonowaniu absolutnym. http://www.2poczatek.za.pl/#

Jak zrobić by do pewnego momentu tło idące za tekstem było stałe, a później od dowolnie wybranego momentu się powtarzało ? Niepotrafiłem tego zrobić, dlatego ten scroll...

Te linki "111111111" po lewo jak zrobić by były między nimi większę przestrzenie tak by weszły w odpowiednie ramki w tle ?

Czy może boczny panel robić lepiej (ładniej- wieksze możliwosci graficzne) za pomocą:

Code: Zaznacz cały

<div id="menu">
     <map id="mapamenu">
           <area shape="rect" coords="38,25,143,45" href="index.html">
           <area shape="rect" coords="62,56,117,73" href="zasady.html">
           <area shape="rect" coords="32,86,145,102" href="recenzje.html">
           <area shape="rect" coords="47,114,133,131" href="gdzie.html">
           <area shape="rect" coords="47,143,131,160" href="organizacje.html">
           <area shape="rect" coords="42,171,136,188" href="kluby.html">
     </map>
                 <img src="images/1_02.gif" width="167px" height="433px" border="0px" usemap="#mapamenu" />
</div>

http://www.2poczatek.za.pl/Strona%20GoGo/index.html
Przykład mojej starej stronki z wykorzystaniem tego, tylko prosze otwierać w IE, bo na Firefoxie niedziała poprawnie...

Edit: Sprawdziłem dokładniej GoGo i w Firefoxie te linki niedziałają :/ Wiec jednak nema sensu tego używać, a szkoda.

[Morfidon]

W takich sytuacjach, gdzie masz jakieś odstępy między jednym a drugim elementem menu POWINNO SIĘ unikać jak ognia nakładania tekstu NA grafikę, bo przy jakiejkolwiek zmianie wszystko znów się rozjedzie. Tak się nie robi. To grafika powinna się w takich przypadkach dostosowywać DO tekstu.

Zobacz jak w kursie jest zrobione menu. Tam tło się powtarza w zgodnie z osią x. Każdy div ma malutką grafikę która jest powtarzana. Im więcej tekstu się wpisze do diva, tym większy div się robi i tym samym grafika się powtarza częściej.

Jeśli chodzi o mapping - WIELKIE NIE - takie coś się nie wypozycjonuje dobrze. Linki w menu mają być tekstem.