Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
[CSS] Kapryśne divy - nie chcą być w 1 linii
|
Liczba postów: 13
Liczba wątków: 5
Dołączył: 06-02-2010
Reputacja:
0
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
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ę.
Liczba postów: 13
Liczba wątków: 5
Dołączył: 06-02-2010
Reputacja:
0
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
Nie ma za co.
Zacznę od końca
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
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ę.
Liczba postów: 13
Liczba wątków: 5
Dołączył: 06-02-2010
Reputacja:
0
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
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.
Liczba postów: 13
Liczba wątków: 5
Dołączył: 06-02-2010
Reputacja:
0
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.
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
Po co stosujesz onlclick? Przecież frameworki javascript tworzy się po to, aby tego uniknąć. Poczytaj o click().
|
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
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
Sponsorzy i przyjaciele
|
|
|