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

436

    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. Nurmossa kuoli 2 Lasta..

      Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .
      Seinäjoki
      89
      4600
    2. Maisa on SALAKUVATTU huumepoliisinsa kanssa!

      https://www.seiska.fi/vain-seiskassa/ensimmainen-yhteiskuva-maisa-torpan-ja-poliisikullan-lahiorakkaus-roihuaa/1525663
      Kotimaiset julkkisjuorut
      140
      3133
    3. Vanhalle ukon rähjälle

      Satutit mua niin paljon kun erottiin. Oletko todella niin itsekäs että kuvittelet että huolisin sut kaiken tapahtuneen
      Ikävä
      50
      3125
    4. Mikko Koivu yrittää pestä mustan valkoiseksi

      Ilmeisesti huomannut, että Helenan tukijoukot kasvaa kasvamistaan. Riistakamera paljasti hiljattain kylmän totuuden Mi
      Kotimaiset julkkisjuorut
      403
      2202
    5. Purra hermostui A-studiossa

      Purra huusi ja tärisi A-studiossa 21.11.-24. Ei kykene asialliseen keskusteluun.
      Perussuomalaiset
      231
      1348
    6. Ensitreffit Hai rehellisenä - Tämä intiimiyden muoto puuttui suhteesta Annan kanssa: "Meillä ei..."

      Hai ja Anna eivät jatkaneet avioliittoaan Ensitreffit-sarjassa. Olisiko mielestäsi tällä parilla ollut mahdollisuus aito
      Ensitreffit alttarilla
      11
      1223
    7. Mitä sanoisit

      Ihastukselle, jos näkisitte?
      Tunteet
      76
      1207
    8. Miten meinasit

      Suhtautua minuun kun taas kohdataan?
      Ikävä
      67
      1097
    9. Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!

      Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde
      Suomalaiset julkkikset
      30
      1084
    10. Miksi pankkitunnuksilla kaikkialle

      Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että
      Maailman menoa
      112
      999
    Aihe