Strona 1 z 1
Boczny Panel
Napisane: sobota, 22 października 2011, 12:31
przez 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...
Re: Boczny Panel
Napisane: sobota, 22 października 2011, 12:39
przez 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.
Re: Boczny Panel
Napisane: sobota, 22 października 2011, 13:25
przez 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>
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.
Re: Boczny Panel
Napisane: niedziela, 23 października 2011, 19:24
przez 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.