Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> menu na całą szerokość diva
doknes
post 10.02.2016, 16:10:28
Post #1





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Hej, chciałbym rozciągnąć to menu na całą szerokość, ale jak zmieniam szerokość np. o 10px to wtedy robi mi sie kolejny wiersz, a ja chce by opcje po prostu się "ścisnęły".

kod: css html
Go to the top of the page
+Quote Post
trueblue
post 10.02.2016, 16:48:11
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Chcesz pasek menu rozciągnąć na całą szerokość, czy równomiernie rozłożyć opcje?


--------------------
Go to the top of the page
+Quote Post
doknes
post 10.02.2016, 16:57:05
Post #3





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(trueblue @ 10.02.2016, 16:48:11 ) *
Chcesz pasek menu rozciągnąć na całą szerokość, czy równomiernie rozłożyć opcje?

równomiernie żeby nie było takiego pustego pola jak te, które zaznaczyłem na obrazku
Go to the top of the page
+Quote Post
trueblue
post 10.02.2016, 17:03:30
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Albo długości opcji w %, albo użycie flexbox.


--------------------
Go to the top of the page
+Quote Post
doknes
post 10.02.2016, 17:09:29
Post #5





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(trueblue @ 10.02.2016, 17:03:30 ) *
Albo długości opcji w %, albo użycie flexbox.

bawiłem sie już % i nie udało mi się i opisałem to już wyżej dlatego pisze w dziale gotowe rozwiązania bo ta sytuacja mnie przerosła
Go to the top of the page
+Quote Post
trueblue
post 10.02.2016, 17:33:27
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Nie pisałeś wyżej o procentach.
Proponuję abyś pokazał jak to robiłeś na jsfiddle.net


--------------------
Go to the top of the page
+Quote Post
doknes
post 10.02.2016, 17:51:56
Post #7





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(trueblue @ 10.02.2016, 17:33:27 ) *
Nie pisałeś wyżej o procentach.
Proponuję abyś pokazał jak to robiłeś na jsfiddle.net

https://jsfiddle.net/kL7kezps/
Go to the top of the page
+Quote Post
trueblue
post 10.02.2016, 18:11:38
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


100/6=16.667%


--------------------
Go to the top of the page
+Quote Post
doknes
post 10.02.2016, 18:35:08
Post #9





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(trueblue @ 10.02.2016, 18:11:38 ) *
100/6=16.667%

? liczba zakładek zawsze jest inna
Go to the top of the page
+Quote Post
koodo218
post 10.02.2016, 18:56:05
Post #10





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

Ostrzeżenie: (0%)
-----


Cytat(doknes @ 10.02.2016, 18:35:08 ) *
? liczba zakładek zawsze jest inna

Ilość elementów możesz pobrać przy użyciu JavaScript.


--------------------
Słaba znajomość (ale się staram): HTML5, CSS3, JavaScript, SQL, Access
Go to the top of the page
+Quote Post
trueblue
post 10.02.2016, 18:56:24
Post #11





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Możesz zastosować style inline.
Możesz zastosować flexbox: https://www.google.pl/search?q=flexbox+navigation+menu


--------------------
Go to the top of the page
+Quote Post
doknes
post 10.02.2016, 19:40:07
Post #12





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(koodo218 @ 10.02.2016, 18:56:05 ) *
Ilość elementów możesz pobrać przy użyciu JavaScript.



Cytat(trueblue @ 10.02.2016, 18:56:24 ) *
Możesz zastosować style inline.
Możesz zastosować flexbox: https://www.google.pl/search?q=flexbox+navigation+menu

Jezu ludzie... już mówiłem, że próbowałem wszystkiego jeżeli chodzi o cssa http://prntscr.com/a1jm6t i takie są efekty flexa, a ja pisze po gotowe rozwiązanie bo ta sytuacja mnie przerosła
Go to the top of the page
+Quote Post
koodo218
post 10.02.2016, 19:57:10
Post #13





Grupa: Zarejestrowani
Postów: 114
Pomógł: 25
Dołączył: 22.11.2015

Ostrzeżenie: (0%)
-----


[JAVASCRIPT] pobierz, plaintext
  1. var menuLi = document.getElementById('c1').getElementsByClassName('buttons')[0].getElementsByTagName('li');
  2. var szerokoscMenuLi= (100/menuLi.length)+"%";
  3.  
  4. for(i=0;i<menuLi.length;i++){
  5. menuLi[i].style.width=szerokoscMenuLi;
  6. }
[JAVASCRIPT] pobierz, plaintext


--------------------
Słaba znajomość (ale się staram): HTML5, CSS3, JavaScript, SQL, Access
Go to the top of the page
+Quote Post
doknes
post 10.02.2016, 20:22:48
Post #14





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(koodo218 @ 10.02.2016, 19:57:10 ) *
[JAVASCRIPT] pobierz, plaintext
  1. var menuLi = document.getElementById('c1').getElementsByClassName('buttons')[0].getElementsByTagName('li');
  2. var szerokoscMenuLi= (100/menuLi.length)+"%";
  3.  
  4. for(i=0;i<menuLi.length;i++){
  5. menuLi[i].style.width=szerokoscMenuLi;
  6. }
[JAVASCRIPT] pobierz, plaintext

potrzebuje samego css'a bo nie moge sobie pozwolić na ingerencje js czy jq w tym przypadku....
Go to the top of the page
+Quote Post
Pyton_000
post 11.02.2016, 08:21:08
Post #15





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Ehhh

https://jsfiddle.net/4rtq0f8L/
Go to the top of the page
+Quote Post
doknes
post 11.02.2016, 15:23:55
Post #16





Grupa: Zarejestrowani
Postów: 106
Pomógł: 0
Dołączył: 2.11.2014

Ostrzeżenie: (10%)
X----


Cytat(Pyton_000 @ 11.02.2016, 08:21:08 ) *

o to mi chodziło biggrin.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:41