Eli ihan ekaks urli
http://83.102.68.15/oppilas/index2.php
Mistä johtuu, että nuo linkkiboksit eivät ole sen kokoisia kuin olen ne css-tiedostossa määritellyt? Tarkoitus olisi että ne olisi yhtä kookkaita kuin itse background-kuva. Ainoa millä saan ne oikean kokoisiksi on position:absolute; mutta sitten se tuo huomattavasti enemmän työtä kun pitää jokaisen koordinaatti erikseen määritellä.
Apuja kiitos
Tuo olisi hyvä itsekkin tietää
Inline-elementeille ei voi asettaa leveyttä.
Eli käytännössä, miten korjaan ongelman?
Voi asettaa: vaihda line-height haluamaasi pikselikokoon. Paddingia tosin sitten ei voi laittaa, joten tekstin eteen ja taakse ei saa lisää tilaa järkevin keinoin. Tämän takia voi olla parempi määrittää elementit inline-blockina, jota nykyisin tukevat muutkin selaimet kuin IE. Line-heightiä kannattaa siltikin käyttää hyväksi, koska mm. tekstin keskitys määräytyy sen mukaan ja pystykeskitys (vertical-align) tulee käyttökelpoisemmaksi. Line-height voi tabeissa olla sama kuin height, paitsi jos tekstin rivittää kahdeksi tai useammaksi riviksi.
display:inline-block; taitaa ratkaista ongelman.
Visuaalinen vinkki: tee valikkokohdasta vaikka musta/hyvin tumman ruskea, nyt sivu kylpee liikaa samassa sävyssä. Otsikon tekstiäkin voisi hieman raikastaa jollakin keinolla (tämän jätän oman päättelyn varaan, en ole itsekään mikään luontaisnero näissä asioissa).
Aihe on jo aika vanha, joten et voi enää vastata siihen.