Mam problem z zrobieniem html i css dla "przycisku"

Question

Witam, mam problem z którym klopotam się od 2h, jestem nowym w robieniu stron internetowych i chciałbym was prosić o radę lub wskazac prawidłowe rozwiązanie tego problemu. 

 

Dla wielu z was będzie to śmieszne ale pytanie brzmi tak. Jak zrobić takie przyciski?

Answer 1

Obejrz sobie tutoriale Pana Zelenta o HTML i CSS, jest to bardzo dobrze zainwestowany czas. Po ich przerobieniu walniesz takie menu przez sen nawet :)

Comments

Stary, dziękuje bardzo. Podałeś mi link do pomocnej strony gdzie jest wszytsko wytłumaczone, teraz moge już sam napisać takie menu :)

Oto wyniki:

Dzieki wielkie i pozdrawiam serdecznie

---

Tam jest wiele ciekawych efektów, fakt, że większosć z nich  można zrobić za pomocą jednej dwóch klas bootstrapa, no ale nie wszystko.

---

Biorąc pod uwagę, że Bootstrap to po prostu zwyczajny gotowiec, a nie żaden szkielet, to faktycznie, da się. Co z tego, że całość waży jakieś 19 razy więcej niż potrzeba...

Taka informacja dla pana Nlvg - nie próbuj na razie bawić się Bootstrapem. Skończy się to złymi nawykami i słabym kodem.

---

A kto napisał gdzieś, że to jest jakiś szkielet?

z tą wagą nie przesadzaj... Frameworka też nie użyjesz do pisania większej aplikacji  tylko z powodu, że waży kilka kB?  Trzeba znaleźć złoty środek. Po drugie nikt ci nie każe używać i ładować całego FW, może sobie odpowiednie moduły tylko dostosować.

---

Bootstrap nie daje żadnych wymiernych korzyści, więc po co w ogóle go dołączać? Jak tylko flexbox zostanie poprawnie zaimplementowany we wszystkich przeglądarkach, a webmasterzy nareszcie nauczą się nim operować, to używanie Bootstrapa całkowicie straci sens (jeśli na razie jakikolwiek sens jeszcze ma). Jeśli mam nie brać pod uwagę kilobajtów frameworka, to używając Bootstrapa nie uczy się rozwiązywania problemów CSS (to tworzy frontendowców-kaleków), generuje masę niepotrzebnego kodu HTML (potrafi nawet dwukrotnie zwiększyć objętość kodu HTML) i miesza się definiowanie wyglądu z kodem HTML (czyli siada semantyka). Bootstrapa może jest sens używać do prototypów aplikacji (np. kiedy chcemy się skupić na pisaniu backendu), ale na produkcję się nie nadaje.

Answer 2

Na liście ul/li + border dla lewej strony. Potem tylko  znacznik  {a} stylizujesz jak tam chcesz.

Answer 3

Najlepiej zacząć od początku kurs css na youtube, a ostatecznie obejrzeć ten odcinek https://www.youtube.com/watch?v=vd_GnTBzJ4U i dostosowac style poszczególnych elementów do swoich potrzeb.