Miten H1 otsikon ja menun saa tasoitettua samalle tasolle?
Jotta näyttäsi siltä, että kirjoitettu samalle viivalle?
"OTSIKKO menu menu menu"
Eikä "menu menu menu" olisi puutama pikseli alempana tai ylempänä kuin Otsikko.
Helpointa on tietenkin heittää H1 ja UL, LI tagit pois, ja vaihtaa vain fontin kokoa, mutta yritetään tehdä "oikein".
----------
test
otsikko
menu1menu2menu3
CSS apua.
Miika...
4717
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 4
Vanhimmat
Vaikkapa näin: #menu { list-style-type: none; float: left; position: relative; top: 18px; } Eihän se nyt tietty näytä ihan siltä että samalla rivillä olis kun fontin kokokin on eri.. mutta suurinpiirtein.
Yksinkertaisinta on kai tehdä kaikista noista elementeistä inline-elementtejä. Koko style-elementti voi silloin olla tällainen: h1, #menu, #menu li { display: inline; margin: 0; padding: 0; } #menu li { padding-left: 1em; }
Voiko sille H1 elementille määritellä "leveys" (width) ?
Mille tahansa elementille voi asettaa width-ominaisuuden, mutta sillä ei välttämättä ole mitään vaikutusta. Erityisesti se ei (standardinmukaisissa selaimissa) vaikuta inline-elementteihin. Jos siis asetat h1:n inline-elementiksi, niin leveyden asettamisen sijasta kannattaa asettaa esimerkiksi oikeanpuoleinen täyte (padding-right), joka vaikuttaa inline-elementteihinkin.