Jak zrobić takie menu?

0

Witam,

Jak w temacie jak zrobić takie menu?, mam plik psd, jak nanieść w css i html to menu, w załączeniu obrazki
Chodzi mi o to menu na samej górze, "Products Services Cotact Me"

pzdr.

0

pozycjonuj blok menu relatywnie do nadrzędnego do niego ustawiając position: relative w bloku nadrzędnym, a następnie position: absolute w bloku będącym menu, odpowiednio go pozycjonując ustawiając odpowiednie parametry (w tym przypadku chyba najlepiej) top i right

<div id="naglowek">
    <ul class="top-menu">
        <li>menu 1</li>
        <li>menu 2</li>
        <li>menu 3</li>
    </ul>
</div>
#naglowek {
  position: relative;
}
.top-menu {
  position: absolute;
  top: 2em;
  right: 5em;
}
0

Ok, działa, dzięki adruab

0

kolega wyzej podpowiedzial najprostsze rozwiazanie, ale potem przyjdzie ci aldnie rzezbic, zeby utrzymac sie tej zasady co to w tym templacie jest w srodkowym boxie na dole, czyli "be responsive". ta stron spokojnie moze byc utworzona w duchu RWD. zaciagnij do tego jakis grid template. niekoniecznie wilgachny bootstrap, ale cos prostszego i zamiast relative/absolute, uzyj grida z odpowiednia przestrzenia z boku.

jesli grafik robi template pod RWD, to tez naklada sobie grida, wiec dam sobie reke uciac ze to ze ten naglowek tam jest to nie inwencja grafik,a po prostu pasuje w 6 czy 8 kolumne grida. wiec latwiej i szybciej bedzie ci bazuajc na gridzie.

1 użytkowników online, w tym zalogowanych: 0, gości: 1