Középre igazítás
Sziasztok!
Még csak most kezdtem el a CSS-et, és abba hibába ütköztem hogy nem tudok középre igazítani. Már nagyon sok tutorialt megnéztem mindenhol el is mondják, de nem sikerült.
Ez a kód:Nagyon megköszönném ha segítenétek
■ Még csak most kezdtem el a CSS-et, és abba hibába ütköztem hogy nem tudok középre igazítani. Már nagyon sok tutorialt megnéztem mindenhol el is mondják, de nem sikerült.
Ez a kód:
- #menu {
- background-position: top;
- font-family: arial;
- font-style: inherit;
- font-size: 16px;
- font-variant: normal;
- float: left;
- margin-left: auto;
- margin-right: auto;
- }
- #menu li{
- list-style: none;
- background-image: url(gomb1.png);
- float: left;
- width: 200px;
- text-align: center;
- }
- #menu li a{
- padding: 35px;
- }
- #menu li:hover{
- background-image: url(gomb2.png);
- float: left;
- }
float:left minek? adj a #menu
Margin vagy text-align
vagy
text-align:center
Attól függ mit és hogy akarsz középre rendezni.
Nem mindegy, hogy a menüt, vagy annak elemeit.
Utóbbi esetben a lista elemeire (menu li) fölösleges a float:left.
A menüt
próba így
Sikerült