Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] Kapryśne divy - nie chcą być w 1 linii
#1
Odpowiedz
#2
Rozwiązanie:

1. Tworzysz sobie wrapper (stała szerokość, centrujesz)
2. W tym wrapperze (kontener, nazwij jak chcesz) header, czyli to strony
3. Dwie kolumny, sidebar oraz content (nadajesz im float left.
4. Zwróć uwagę na szerokości, marginesy i paddingi.

Pozdrawiam
Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
Odpowiedz
#3
Odpowiedz
#4
Nie ma za co.

Zacznę od końca Smile

Mam nadzieję, ze zdajesz sobie sprawę, że Twoja strona jest całkowicie bezużyteczna dla kogoś bez js (włączając w to boty wyszukiwarek!).

Generalnie, polecałbym nie używać skryptu, z którego aktualnie korzystasz. Zainteresuj się, np. jQuery. Wtedy możesz zrobić coś takiego...
W menu, podajesz normalne linki, np. onas.php. Za pomocą jQ maskujesz linki i ładujesz dynamicznie treść.

Plusy:
* Strona bardziej użyteczna (wyrabiasz sobie dzięki temu dobre nawyki)
* Strona będzie w pełni zindeksowana, każda zawartość
* Nie stosujesz niesemantycznych wartości atrybutów (np. href="javascript:ajaxpage('iwd2_hints.php',%20'content');")

Minusy:
* trochę więcej roboty Smile

Moim zdaniem, warto spróbować.
Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
Odpowiedz
#5
Odpowiedz
#6
Wiesz jak ja bym to zrobił?

Więc:
* podajesz normalne linki, np. href="index.php"
* za pomocą jQuery maskujesz je (funkcją click, pamiętaj o return false)
* w funkcji click dla każdego linku ustawiasz sobie co i gdzie załadować and...voila!

Możesz także zrobić tablicę i dla każdego jej elementu zrobic cos podobnego, ale ja wolę manualne rozwiązania.
Odpowiedz
#7
Zrobiłem tak:

Funkcja wykorzystująca jQuery, otwierająca dynamicznie strony w wybranych divach:
Kod:
<script type="text/javascript">
    function Link(div, tar)
    {
    $(div).load(tar, function()
            {
            $(div).find('a');
            });
    }
</script>

Odwołanie do niej przy linku:
Kod:
    <dt> <a onclick="Link('#content', 'plik.php'); return false;" href="plik.php"> TEST JQUERY </a></dt>

Działa na Operze, FF, Chrome.
Nie działa na IE 8 i u mojego brata na linuksie (FF) - traktuje plik.php jako plik do ściągnięcia a nie podstronę do wyświetlenia.
Odpowiedz
#8
Po co stosujesz onlclick? Przecież frameworki javascript tworzy się po to, aby tego uniknąć. Poczytaj o click().
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Divy.. Utilaft 4 3,612 21-02-2013, 02:27
Ostatni post: kornell
  [css] pytanie o divy grzesiek77 15 6,933 28-08-2012, 02:44
Ostatni post: kornell
  onclick.. divy zasłania diva itp. harvester2001 10 5,458 13-07-2012, 21:47
Ostatni post: Kartofelek
  Dwa ruchome divy poruszające się wraz z przewijaniem strony jarek102 0 1,477 07-07-2012, 15:59
Ostatni post: jarek102
  4 divy obok siebie wolny92 24 17,011 14-04-2012, 01:59
Ostatni post: wolny92

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl