Jump to content

Photo
* * * * * 2 votes

Problem z ostylowaniem drop-down menu

Rozpoczął ernest, Nov 16 2013 12:16
drop down menu css3 bootstrap

Best Answer unbreak, 16 November 2013 - 18:14

Nie wiem dokładnie jakiego tam masz htmla i cssa, ale możesz to zrobić na 2 sposoby:

1. ustawiasz border top tak jak Ci pasuje i temu samemu elementowi position:relative; i wrzucasz do niego jakiegoś diva trójkącika i ustawiasz mu absolute z top minus jego wysokość (takiego diva łatwo zrobić samym css bez obrazka (ustawiając border bottom == jego wysokości a pozostałe bordery na none)

2. całość ustawiasz jako grafikę i wrzucasz do bg głównego elementu.

Go to the full post


2 replies to this topic
  • This topic is locked This topic is locked
ernest
6
Neutralna

Posted 16 November 2013 - 12:16

#1

Mam problem z ostylowaniem Pewnego elementu. A dokładniej, to nie wiem jakie rozwiązanie tutaj będzie najlepsze.

Problem przedstawię za pomocą obrazka. Myślę, że wszystko będzie jasne.

 

Attached File  drop_down_menu.png   24.08KB   0 downloads


Chodzi o dodanie tego borderu w topie wraz z tym trójkącikiem.Border normalnie, a trójkąt jakoś obrazkiem?


  • 0
unbreak

    WT Elite

  • 1937 posts
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Posted 16 November 2013 - 18:14   Best Answer

#2

Nie wiem dokładnie jakiego tam masz htmla i cssa, ale możesz to zrobić na 2 sposoby:

1. ustawiasz border top tak jak Ci pasuje i temu samemu elementowi position:relative; i wrzucasz do niego jakiegoś diva trójkącika i ustawiasz mu absolute z top minus jego wysokość (takiego diva łatwo zrobić samym css bez obrazka (ustawiając border bottom == jego wysokości a pozostałe bordery na none)

2. całość ustawiasz jako grafikę i wrzucasz do bg głównego elementu.


  • 1

webDeveloper

hightower

    Użytkownik

  • 50 posts
    • Czas spędzony online: 1h 13m 15s
7
Neutralna
  • LocationKraków

Posted 04 December 2013 - 15:06

#3

najlepiej grafiką w tle dla tego elementu, niestety.


  • 0

Agencja digital Hauerpower. - Kompleksowe budowanie marki online. Obsługa 360. Profesjonalne, nowoczesne i intuicyjne strony internetowe. Zobacz case studies : hauerpower - agencja. Projektowanie indywidualne dostępności stron internetowych.

Back to HTML i CSS



Podone tematy Collapse

  Topic Forum Started By Stats Last Post Info

Also tagged with one or more of these keywords: drop down, menu, css3, bootstrap

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users