Sama padding useammalla rivillä

Jarkko Karhunen

Kuvasta http://www.suklaayhdistys.com/jutut/css_ongelma.jpg näkyy ongelmani, sivusto ei vielä muutoin ole netissä.

Ongelmani on tuo kuvan ylempi kahdesta tuotteesta. Siinä (kannasta haettu) tuotenimi on niin pitkä, että taulukon leveysraja tulee vastaan, jolloin nimi automaattisesti jakaantuu kahdelle (mahdollisesti joskus useammallekin) riville.

Tekstit kuvien oikealla puolella on "irtaannutettu" kuvasta padding-left: 10px :llä, mutta sepä ei näytäkään toimivan sillon, kun tuotteen nimi jakaantuu useammalle riville. Tai siis ainoastaan ensimmäinen rivi menee kuten haluan.

Miten tuo pitäisi tehdä, että riippumatta rivien lukumäärästä kaikki rivit olisivat aina 10px päässä kuvan reunasta?

3

515

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Nöördejh

      Näkemättä lähdekoodia/css:ää ja muita tekemiäsi muotoiluja ei voi auttaa.

    • joona1

      Isket marginia siihen? padding kasvattaa vain elementin kokoa, pistä siihen soluun vasenta marginia missä se nimi on, tarvittaessa myös sille tuotteen nimelle jompsiskumpsis padding tai margin. Vai onko kuva tuo teksti samassa solussa? :S

    • että2

      jos käytät taulukoita niin voisit kokeilla taulukon sisäisellä divillä ja määrittää diville sen paddingin, ja divin displayksi block... en sata varma toimivuudesta, mutta kokeilemisen arvoinen... tietenkin tuo marginjuttu pitäisi toimia...

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Onko kaivattusi ulkonäkö

      tarpeeksi miellyttävä? 🥕
      Ikävä
      137
      2001
    2. Toivotko koskaan mies...

      Että nähtäis ja aloitettais alusta, puhtaalta pöydältä tutustuminen. Olit oikeassa ei me kunnolla tunnettu. Olin hölmö.
      Ikävä
      129
      1639
    3. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      1
      1506
    4. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      88
      1423
    5. Svty paska työpaikka

      Elekää kukaan hakeku sinne töihin.
      Suomussalmi
      32
      1391
    6. Kyllä näin 45 vuotiaana miehenä pitää sanoo, että 40-50v naiset näyttää vanhoilta

      Niin väsynyttä, silmäryppyä, harmaata hiusta jne jne
      Ikävä
      132
      1214
    7. Olisin valmis salaisiin tapaamisiin

      Juuri sinun kanssasi mies. Olet saanut minun pääni pyörälle ja ajatukseni pyörimään ympärilläsi. Hittoon velvollisuudet
      Intohimo
      50
      1100
    8. Onko viisikko aktivoitunut

      Taas ruumis !! Viisikko ryskää kukaan ei pärjää
      Seinäjoki
      24
      1099
    9. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1021
    10. Olet ihana mies

      Mun söpöliini 🙊😘
      Ikävä
      51
      894
    Aihe