Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> menu na całą szerokość diva
doknes
post
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".
(IMG:http://i.imgur.com/dvn4Jxd.png)
kod: css html
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 15)
trueblue
post
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
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
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
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
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
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
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
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
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.
Go to the top of the page
+Quote Post
trueblue
post
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
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
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
Go to the top of the page
+Quote Post
doknes
post
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
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
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 (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 14.09.2025 - 20:43