PDA

Zobacz pełną wersję : Menu - text-align: middle nie działa



olekstar
03-06-2006, 16:56
Witam!
Robię stronkę http://www.kregielniagalaxy.pl (http://www.kregielniagalaxy.pl/), ale nie potrafię sobie poradzić z menu. Napisy mam u góry, natomiast zależy mi żeby były w środku buttona. Nie mogę sobie dać rady. Proszę o pomoc.

Oto moja sekcja dotycząca menu:

a.mainlevel:link, a.mainlevel:visited {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
color: #ff0000;
background: #FFFFFF url(../images/button.gif);
background-color: eeeeee;
height: 26px;
padding-left: 3em;
border-right: 0px solid #dfdfdf;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
text-align: left;
vertical-align: text-middle;
vertical-align: middle;
display: block;
width: Auto;
margin-left: 0em;
margin-top: 0em;
}

Pozdrawiam
olekstar

sogo
03-06-2006, 17:25
margin-left: 0em;
margin-top: 0em;

spróbuj wstawiać wartości a rozmieścisz napis.

pozdr.

p.s. spróuj tak
vertical-align: text middle;

olekstar
03-06-2006, 17:51
Czywiście w tytule mam błąd chodzi raczrj o vertical-align

Obawiam się że jeżeli wstawię wartość dla margin-top, to nie uzyskam tego na czym mi zależy, natomiast będę miał odstępy pomiędzy poszczególnymi butonnami, a na tym mi nie zależy :-(

stone
03-06-2006, 21:04
Zastosuj line-height

np line-height:30px;

i zobacz efekt

zwiastun
04-06-2006, 02:51
Przede wszystkim to zacznij od skopiowania sobie z porządnie zrobionego szablonu fragmentu arkusza stylów definiujacego wygląd menu.
Myślę też, że przydałaby Ci się lektura na temat CSS-a, bo kombinujesz chyba trochę po omcku, dla przykładu:


background: #FFFFFF url(../images/button.gif);
background-color: eeeeee; To jaki ma być ten kolor tła?


vertical-align: text-middle;Z jakiej specyfikacji ten argument?


font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold; Trzy linie a wystarczy jedna


margin-left: 0em;
margin-top: 0em; Po co te jednostki, skoro margines ma być 0?

Jeśli tak wygląda cały arkusz CSS, to tu Ci nikt nie pomoże, bo rzecz trzeba napisać raz jeszcze!

olekstar
05-06-2006, 18:03
Dzięki Zwiastun za uwagi! Co prawda, nieco jesteś niemiły ale generalnie masz rację ;-) Z tym CSS to się powoli go uczę, natomiast niektóre reguły znalazłem w googlach, przecież sam ich nie wymyśliłem :-) Fakt że nie sprawdziłem w specyfikacji CSS czy są zgodne z jakimkolwiek standardem.

Rybik
05-06-2006, 18:52
Zwiastun nie jest niemiły, on po prosu rzadko bywa miły ;) ale to wszystko w imie wyzszych idei :D

CSS bywa prosty a bywa tez bardzo wymagajacy i warto sie od razu nauczyc dyscypliny w arkuszu styli, zeby potem nie gryzc klawiatury w poszukiwaniu jakiegos malego dupsa, ktory potrafi wiele nabruzdzic.

Jezeli nie masz klopotow z angielskim to zajrzyj tutaj http://www.w3schools.com/css/default.asp