CSS Ułożenie grafik na stronie

Witam, nie wiedziałem jak nazwać wątek, aczkolwiek chodzi mi o pewną rzecz, a mianowicie...



Chodzi mi o te czerwone kółka... a dokładniej to jak je ustwić na stronie, na środku jest logo w kółku i chciałbym aby grafiki w kształcie kółka były ustawione tak jak na obrazku, mógłby ktoś mi pomóc jak to zrobić? ;/
Z góry dziekuje

Zależy jak chcesz to zrobić. Jedną z opcji jest nadanie dla kontenera pozycji relatywnej, a następnie ustawienie kółeczek wg twoich upodobań za pomocą: left right top bottom. Inną opcją jest narysowanie tego w svg.

Rozumiem, ale co mam rozumieć przez .svg?

---

I jak umieścić to na stronie?

---

a następnie ustawienie kółeczek wg twoich upodobań za pomocą: left right top bottom.

A z takim ustawieniem to na ekranie innego użytkownika będzie to ustawione inaczej :/

Zależy jak chcesz to zrobić. Jedną z opcji jest nadanie dla kontenera pozycji relatywnej, a następnie ustawienie kółeczek wg twoich upodobań za pomocą: left right top bottom. Inną opcją jest narysowanie tego w svg.

Zapomniałeś o dodaniu pozycji absolutnej dla kółeczek
SVG to format grafiki wektorowej, możesz zrobić taką za pomocą np Inkskape czy jakoś tak lub Corel'a

Do czego potrzebne są te kółka?

A z takim ustawieniem to na ekranie innego użytkownika będzie to ustawione inaczej :/

Zależy jak to zrobisz. Jeżeli główny blok będzie miał stałe wymiary z pozycją relatywną to wszystkie elementy wewnątrz jego z pozycją absolutną będą wyglądały wszędzie tak samo.

Do czego potrzebne są te kółka?

Chce zrobić logo (duże kółko) i wokół niego latające małe kółeczka w sensie takiej nawigacji ;DD

Jeżeli główny blok będzie miał stałe wymiary z pozycją relatywną to wszystkie elementy wewnątrz jego z pozycją absolutną będą wyglądały wszędzie tak samo.

Czyli jak background będzie z pozycją relatywną i ustawię dla kułeczek i loga pozycję absolutną to wszystko będzie cacy na każdej rozdzielczości? Dobrze rozumiem?
A co do samego wstawiania kółeczek mam to zrobić w html (typowe "<img src...>") czy raczej przez css ("<div class=...>") ?

A co do samego wstawiania kółeczek mam to zrobić w html (typowe "<img src...>") czy raczej przez css ("<div class=...>") ?

Skoro ma to być nawigacja użyj tagu a.

Czyli jak background będzie z pozycją relatywną i ustawię dla kółeczek i loga pozycję absolutną to wszystko będzie cacy na każdej rozdzielczości? Dobrze rozumiem?

Tak, o ile ustawisz stałe wymiary dla pojemnika z tym. Chociaż to też zależy jak rozumiesz "będzie cacy". Na telefonie dostaniesz pewnie scrolla. Coś mi się wydaje, że takie menu w wersji mobilnej byłoby bez sensu, więc raczej do wersji mobilnej i tak będziesz musiał coś innego wykombinować.
Możesz jeszcze używać jednostek typu % lub vh i vw, ale o tym to musisz googlować.

http://www.o2.pl/
zbadaj elementy na tej stronie

Tak, o ile ustawisz stałe wymiary dla pojemnika z tym

Moje body na chwilę obecną wygląda tak: 

.background {
  height: 600px;
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

Dlaczego body? Robisz blok w którym będziesz miał logo oraz nawigację i dla niego nadajesz relatywną pozycję.

<div class="main-logo">
    <div class="logo">
    </div>

    <div class="nawigacja">
    </div>
</div>

Aaa racja Dzięki :p

---

Witam otóz w końcu za to się wziąłem, na razie byle jakie grafiki, ale chciałbym wiedzieć czy zrobiłem to dobrze.

U mnie wygląda to tak:



Moglibyście zerknąć?  
http://187clan.xaa.pl/kupa/