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.
4
672
Vastaukset
- dfgdg
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; }
- edellinen
Voiko sille H1 elementille määritellä "leveys" (width) ?
edellinen kirjoitti:
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.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 742922
- 642773
- 681812
Tykkään susta
Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä171659- 241647
- 201590
- 191508
- 481287
- 381263
Onko meillä
Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko91249