Menu na 100% szerokosci diva


(Irekxara) #1

witam :smiley: co zmienić aby bloki automatycznie sie zmienily jesli chodzi o ich ilość i szerokość diva .


(mario@) #2

Czyli ilość wyświetlanych elementów listy (

) ma zależeć od szerokości diva, który otacza listę (
- ) ? Jeżeli tak to może coś takiego:

style type="text/css"ul, ul li {display: block;style: none;margin: 0;padding: 0;

(Irekxara) #3

mario@ ,

zapomnialem dodac ze używam tego kodu do poziomego menu

z szerokoscia calego bloku gdzie jest poziome menu poradziłem sobie podkreślam poziome teraz

dl.menu, dl.menu dd {


	display: block; 

	list-style: none;

	margin: 0;

	padding: 0;


}


dl.menu {

	float: left;



	background-color: #808080;

	padding: 1px 0 1px 1px;

	border: 1px solid #000;


		[b]width: 100%;[/b]

}


dl.menu dd {

	float: left;


}

dl.menu a:link, dl.menu a:visited {

	text-decoration: none;

	display: block;

	font-weight: bold;

	background: #808080 url(..) repeat-x center;

	color: #fff;

	padding: 10px 20px;

	border-right: 1px solid #ffffff;




}


dl.menu a:hover {

	background-color: #000000;

	background-image: url(..);



}

niemoge poradzic aby poszczegolne bloki dopasowywaly soe do width: 100%; jesli jest 4, lub 5 aby zmieniały automatycznie szerokosc


(mario@) #4

Źle zrozumiałem na początku :slight_smile:

style type="text/css"    ul, ul li {    display: block;    list-style: none;    margin: 0;    padding: 0;    }

#5

Najpierw w px określasz szerokość diva do którego wsadzasz menu.

Potem w menu nadajesz "width:100%;" w stylach dotyczących ul, oraz li, w ostateczności a.


(Irekxara) #6

AdamMz , oczywiscie, ale pozostanie puste pole bo bloki się nie rozszerzą :!: