Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML][CSS]Div przylegajacy do innego
set4812
post 24.06.2013, 14:51:35
Post #1





Grupa: Zarejestrowani
Postów: 150
Pomógł: 3
Dołączył: 13.04.2010

Ostrzeżenie: (0%)
-----


Moja cała strona w tej chwili znajduje sie w div który ma 970px szerokości i margin 0 ;
Na samej górze strony jest ustawiony banner. Po lewej stronie banner a po prawej linki. Po kliknięciu w link. Zmieniam jQuery display:none na block. Chce zeby ten div co sie pojawi ma przylegac do strony i znajdowac sie na samej gorze .Może jakies porady jak to zrobić?
Go to the top of the page
+Quote Post
SaMi
post 24.06.2013, 14:59:03
Post #2





Grupa: Zarejestrowani
Postów: 173
Pomógł: 14
Dołączył: 27.03.2004
Skąd: Białystok

Ostrzeżenie: (0%)
-----


Div do którego ma przylegać ten pojawiający się po klincięciu ustaw na float: left;


--------------------
Zapraszam na spływy kajakowe rzekami podlasia www.splywy-kajakiem.pl
Go to the top of the page
+Quote Post
set4812
post 24.06.2013, 17:22:55
Post #3





Grupa: Zarejestrowani
Postów: 150
Pomógł: 3
Dołączył: 13.04.2010

Ostrzeżenie: (0%)
-----


float left ustawi mi div na samą lewą krawędz strony przed div srodkujacym, próbowałem na right odwrotny efekt sad.gif Moze jakas sugestia?

Dam przykład bo pewnie mało wytłumaczyłem
  1. #srodek
  2. {
  3. margin:0;
  4. width:970px;
  5. }
  6. #top
  7. {
  8. background-image:url("top.jpg");
  9. overflow:auto;
  10. width:970px;
  11. height:120px;
  12. margin-bottom: 10px;
  13. }
  14. <div id=srodek>
  15. <div id=top>
  16. Jakas tresc w tym link na brzegu top
  17. </div>
  18. Inne divy
  19. </div>

I teraz po kliknieciu w link na top ma sie pokazac obok div ktory jest display:none ustawiony. I ten div ma przylegac do srodek.
Go to the top of the page
+Quote Post
lobopol
post 24.06.2013, 17:29:07
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


Ustaw mu pozycję absolutną i pozycjonuj.


--------------------
Go to the top of the page
+Quote Post
set4812
post 24.06.2013, 17:36:02
Post #5





Grupa: Zarejestrowani
Postów: 150
Pomógł: 3
Dołączył: 13.04.2010

Ostrzeżenie: (0%)
-----


Na abosolute zawsze jest z lewej strony nie wazne jaki float dam
Go to the top of the page
+Quote Post
lobopol
post 24.06.2013, 19:55:14
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


Bo absolute ustawiasz konkretną pozycję, poczytaj sobie o tym float działa dla elementów które nie są ustawiane w ten sposób


--------------------
Go to the top of the page
+Quote Post
b4rt3kk
post 24.06.2013, 20:01:12
Post #7





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----


Cytat(set4812 @ 24.06.2013, 18:36:02 ) *
Na abosolute zawsze jest z lewej strony nie wazne jaki float dam


Pobaw się z takimi właściwościami jak:

  1. top: 100px;
  2. bottom: 100px;
  3. left: 100px;
  4. right: 100px;


Oczywiście nie możesz użyć dwóch przeciwstawnych sobie pozycji (naraz tylko dwie, np. top, left). Zmieniaj odległości w px od danej krawędzi.


--------------------
Jeśli pomogłem, kliknij proszę 'pomógł'. Dzięki.
Go to the top of the page
+Quote Post
set4812
post 24.06.2013, 20:05:03
Post #8





Grupa: Zarejestrowani
Postów: 150
Pomógł: 3
Dołączył: 13.04.2010

Ostrzeżenie: (0%)
-----


To mi nic nie da bo jak zmienisz rozdziałke to bedzie sie rochodzic od 2 czesci strony
Kod strony i css i javascript
http://jsfiddle.net/PPHNK/
Go to the top of the page
+Quote Post
lobopol
post 24.06.2013, 20:20:15
Post #9





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


Dałeś absolutnie nieczytelny kod strony co chcesz osiągnąć opisz to dokładnie, a najlepiej poprzyj jakimś prostym rysunkiem


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 27.04.2024 - 01:37