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

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

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

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

https://jsfiddle.net/kL7kezps/

100/6=16.667%

? liczba zakładek zawsze jest inna

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

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

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

potrzebuje samego css'a bo nie moge sobie pozwolić na ingerencje js czy jq w tym przypadku....

Ehhh

https://jsfiddle.net/4rtq0f8L/

o to mi chodziło