CSS apua.

Miika...

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

4

685

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      202
      4248
    2. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      146
      3798
    3. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      136
      3245
    4. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      47
      1629
    5. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      19
      1508
    6. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      34
      1450
    7. Sulla on avaimet ja keinot

      Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi
      Ikävä
      25
      1385
    8. Orpo loukkaantui fasismiin viittaavasta sanavalinnasta

      Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk
      Maailman menoa
      27
      1351
    9. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      116
      1160
    10. Martina haluaa Marbellaan

      Martinan tekisi mieli ottaa lennot Marbellaan, jossa näkisisi kauniita ja hyväntuulisia ihmisiä. No sitten pitää matkust
      Kotimaiset julkkisjuorut
      215
      1063
    Aihe