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

692

    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. Tiedätkö mihin

      Ominaisuuksiin rakastuin sinussa?
      Ikävä
      75
      4351
    2. Purra on kantanut vastuuta täyden kympin arvoisesti

      Luottoluokituksen lasku, ennätysvelat ja ennätystyöttömyys siitä muutamana esimerkkinä. Jatkakoon hän hyvin aloittamaans
      Maailman menoa
      110
      4099
    3. BOIKOTOIN - Ei mitään Suomi.fi postilaatikoita käyttöön

      Ainakaan minulle! Vai että pitäisi alkaa siellä käyädä katselemassa tammikuusta 2026 siis periaatteessa päivittäin että
      Maailman menoa
      163
      2884
    4. Surullista

      Että menetit sen naisen , tosi surullista ja vielä oman tyhmyyden takia ,ymmärrän että se on masentavaa
      Ikävä
      58
      2537
    5. Muuttunut käytös

      Onko kaivattusi käytös muuttunut? Tiedätkö mistä se johtuu? Haluatko kertoa, mitä tapahtui?
      Ikävä
      67
      2397
    6. 139
      2206
    7. Väkeä oli liikkeellä

      Nyt leijutaan pilvissä. Kun eläinpuistossa oli porukkaa 😆😆 Olihan siellä kun ilmaiseksi pääsivät. Eiköhän se juuri sik
      Ähtäri
      42
      2107
    8. Oliko kiihkeä

      ensimmäinen yö?
      Ikävä
      51
      2001
    9. Lasse Lehtonen vaatii persuja pyytämään anteeksi aasialaisilta

      Persut ova romahduttaneet Suomen maakuvan parissa päivässä negatiiviseksi rasismillaan ja se alkaa vaikuttamaan jo Suome
      Maailman menoa
      52
      2001
    10. Kummallista

      Oletteko koskaan ihastuneet ihmiseen, joka ei ulkonäöltään vastaa ollenkaan ihannettanne?
      Sinkut
      56
      1752
    Aihe