• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Animacja orbitujących divów

Object Storage Arubacloud
–1 głos
235 wizyt
pytanie zadane 16 grudnia 2015 w HTML i CSS przez tymek3445 Początkujący (270 p.)
Mam zamiar zrobić stronę na której będzie okrągły div zawierający tekst i 4 okrągłe divy spełniające funkcję odnośników do podstron, które będą obracać się wokoło tego głównego diva w taki sposób, żeby zawsze tekst tych przycisków pozostawał w poziomie. Z góry dziękuję za pomoc :)

3 odpowiedzi

+1 głos
odpowiedź 16 grudnia 2015 przez eliano Gaduła (3,640 p.)
wybrane 17 grudnia 2015 przez tymek3445
 
Najlepsza

1234567890 - limit znaków
dasfcv fdsvbgdgf vbcdsfbv fdbcb dfvbc

komentarz 16 grudnia 2015 przez tymek3445 Początkujący (270 p.)
Napisał byś jak ma wyglądać w kodzie ten float? Bo spotkałem się do tej pory z float: left; ale nie z takim zastosowaniem
komentarz 17 grudnia 2015 przez eliano Gaduła (3,640 p.)
jest jeszcze right który działa analogicznie do right oraz none.

nie ma znaczenia czy dasz left czy right

tu masz kilka fajnych przykładów o tym jak działa float http://www.forumweb.pl/porady-i-tutoriale-www/css-clearowanie-czyli-problemy-z-float,47914
komentarz 17 grudnia 2015 przez tymek3445 Początkujący (270 p.)

 eliano tylko z tego co wyczytałem to użycie float wyjmie mi divy z głównego diva a żeby ułożyć je obok siebie to muszę użyć float: left, a na tym obrazku zaznaczyłeś że tylko środkowy div (czerwony klocek) powinien mieć float, a pozostałe (żółte) powinny pozostać bez float. Więc jeśli możesz to wytłumacz mi jak mam ułożyć te divy tak jak na obrazku tylko bez użycia float przy satelitach (żółtych)

komentarz 18 grudnia 2015 przez eliano Gaduła (3,640 p.)

proponuję zrobić 3 pomocnicze divyfehefefebffffffffffffffffffffffffff

 jak mam ułożyć te divy tak jak na obrazku tylko bez użycia float

możesz użyć display: inline-block albo display: table-cell ale wtedy divy pomocnicze muszą  (pomarańczowe) muszą mieć display: table, wtedy dostrajasz ich położenie za pomocą margin oraz padding.

pamiętaj że w html-u środkowy czerwony div powinien być bratem pomarańczowych divów pomocniczych oraz dzieckiem niebieskiego kontenera

warto abyś przeczytał również to:

http://www.kurshtml.edu.pl/css/pozycjonowanie.html

+2 głosów
odpowiedź 16 grudnia 2015 przez Ivan Maniak (60,650 p.)
To fajnie, że dzielisz się tym co masz zamiar zrobić. Ale obawiam się, że to forum oraz dział HTML i CSS jest raczej do rozwiązywania problemów.
komentarz 16 grudnia 2015 przez SebastianGomularz Dyskutant (9,370 p.)
na koncu pisze "Z góry dziękuję za pomoc :)" wiec on chyba sie pyta jak takie cos zrobic
komentarz 16 grudnia 2015 przez tymek3445 Początkujący (270 p.)
Źle to napisałem. Chodzi mi o to żeby ktoś naprowadził mnie na rozwiązanie mojego problemu bo sam nie wiem jak zrobić aby te przyciski obracały się na około całej treści strony w miarę powoli żeby ludzie którzy będą przeglądać tą stronę mogli trafić w przycisk. No i żeby każdy napis na przycisku pozostał nieprzekrecony
0 głosów
odpowiedź 16 grudnia 2015 przez tymek3445 Początkujący (270 p.)
Chciałbym jeszcze dołączyć jedno pytanie: Czy jest możliwość aby przeglądarka zapamiętywała położenie tych satelit w taki sposób żeby po odświeżenia witryny animacja rozpoczynała się od miejsca w którym skończyła? I jak zapętlić tą animację w tym wypadku?

Podobne pytania

0 głosów
2 odpowiedzi 257 wizyt
pytanie zadane 17 stycznia 2017 w HTML i CSS przez Bakr Mądrala (6,850 p.)
0 głosów
3 odpowiedzi 678 wizyt
0 głosów
1 odpowiedź 448 wizyt
pytanie zadane 14 września 2018 w C# przez sqbi Początkujący (470 p.)

92,579 zapytań

141,432 odpowiedzi

319,663 komentarzy

61,964 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...