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

643

    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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. 538
      8908
    2. 24h Kirppis

      Olen muuttamassa paikkakunnalle ja mietin olisiko tälläiselle liikkeelle tarvetta alueella?
      Jämsä
      11
      2267
    3. Suomessa eletään liian pitkään

      "Ihmisten on kuoltava" Asiantuntija varoittaa: Suomi ei ole valmis siihen, että niin moni elää pitkään: ”Kaiken täytyy
      Maailman menoa
      177
      1368
    4. Kerotakaa joensuun kontiolahden paiholan laitoksesta jotain

      Mun kaveri joutuu paiholan laitokseen nyt lähi aikoina niin voisko ihmiset kertoa minkälaista siellä on tarinoita jne ja
      Joensuu
      17
      1026
    5. Näyttääkö kaivattusi

      Miten hyvältä ❤️
      Ikävä
      61
      857
    6. Sun ulkonäkö on

      Kyllä viehättävä. Kauniit piirteet. Todella sievät. Ja olemus on ihana. Olet tehnyt vaikutuksen.
      Ikävä
      41
      837
    7. Olen niin haaveillut

      Sinusta. Ollut hullun rakastunut. Ajatellut kaikkea mitä yhdessä voisimme tehdä. Mutta ei ei yhtään mitään. Usko vaan lo
      Ikävä
      57
      772
    8. Oletko koskaan

      Tavannut/tuntenut ihmistä, jonka kanssa vuosisadan rakkaustarina olisi ollut mahdollinen, mutta joku este tuli väliin?
      Sinkut
      72
      764
    9. En voi ottaa

      Jos ikinä aiot ottaa yhteyttä, niin tee se nyt. On aika, kun todella todella tarvitsisin sinua. Naiselle.
      Ikävä
      37
      682
    10. Tuo yksi tampio vielä ilmeisesti kuvittelee

      Että joku itkee peräänsä täällä vinkuen jotain utopistista kadonnutta rakkauttaan kaksoisliekit silmissä leiskuen. Pyhä
      Ikävä
      75
      612
    Aihe