Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Chmurka jak na facebooku
lukasz108min
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 9.10.2010

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

Witam,

Jak wyświetlić diva na środku ekranu jako taki niby komunikat ( coś jak na facebooku np. dodawanie nowych grup )

Zdjęcie przykładowego diva :

http://zapodaj.net/97b9128f901b7.png.html

Ten post edytował lukasz108min 26.12.2012, 14:35:05
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
johnny_b
post
Post #2





Grupa: Zarejestrowani
Postów: 30
Pomógł: 5
Dołączył: 3.12.2012

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

Cytat(lukasz108min @ 25.12.2012, 15:48:25 ) *
Witam,

Jak wyświetlić diva na środku ekranu jako taki niby komunikat ( coś jak na facebooku np. dodawanie nowych grup )

Zdjęcie przykładowego diva :

http://zapodaj.net/97b9128f901b7.png.html



Część lukasz108min!
jeżeli Cię dobrze zrozumiałem to rozwiązanie (ja przynajmniej zawsze z tego korzystam (IMG:style_emoticons/default/smile.gif) to:

CSS:
[HTML] pobierz, plaintext 
  1. #komunikat{
  2. position: absolute; <!-- żeby nie przemieszczały się pozostałe pudełka, opcjonalnie position: fiexed jest dobry, przy przesuwaniu będzie widoczny, nawet bardziej praktyczny -->
  3. top: 50%; <!-- żeby był na środku od górnej części strony -->
  4. margin-left: auto;
  5. margin-right: auto;<!-- lub jak wyżej napisali margin-left: 50% -->
  6. display: block;
  7. width: XXX px;
  8. }
[HTML] pobierz, plaintext


HTML:
[HTML] pobierz, plaintext 
  1. <html><head></head><body>
  2.  
  3. <div id="komunikat">
  4. //tresc komunikatu
  5. </div>
  6.  
  7. Pozostała część storny
  8.  
  9. </body></html>
[HTML] pobierz, plaintext


Zauważ, że div#komunikat musi być poza całym stosem divów, czyli jako odrębny blok strony, żeby mógł być zależny od sekcji body. Jeżeli diva, chcesz umiejscowić w środku jakiegoś innego diva, to jak kamil4u napisał css i marginesy ujemne rozwiążą problem (+ js jeżeli w różnych innych divach, mają się pojawić (IMG:style_emoticons/default/wink.gif) )

Pozdrawiam


btw @up, kamil4u ma rację (IMG:style_emoticons/default/wink.gif)

Ten post edytował johnny_b 26.12.2012, 02:38:26
Go to the top of the page
+Quote Post

Posty w temacie
- lukasz108min   Chmurka jak na facebooku   25.12.2012, 15:48:25
- - piotrex41   Wydaje mi się, że jak dla DIVa dasz : [CSS] pobier...   25.12.2012, 16:44:21
- - kamil4u   Nie osiągniesz. Ten kod wyznacza lewą-górną krawęd...   25.12.2012, 17:29:14
- - johnny_b   Cytat(lukasz108min @ 25.12.2012, 15:48...   26.12.2012, 02:37:39
- - lukasz108min   Wielkie dzięki za pomoc kamil4u i johnny_b Mam j...   26.12.2012, 14:34:29
- - kamil4u   Sama chmurka zwie się tooltip. Jak je się robi zna...   26.12.2012, 14:40:15
- - lukasz108min   To akurat wiem, nie wiem tylko jak zrobić żeby zaw...   26.12.2012, 14:53:54
- - kamil4u   To już tylko kwestia HTML + CSS. Kod możesz podpa...   26.12.2012, 15:10:05

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.12.2025 - 15:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn