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

461

    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. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      179
      7463
    2. Klaukkalan onnettomuus 4.4

      Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes
      Nurmijärvi
      87
      3346
    3. Kuvaile elämäsi naista

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      57
      2355
    4. Kolari Klaukkala

      Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se
      Nurmijärvi
      69
      1502
    5. Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä

      Mutta tätä ei YLE eikä Helsingin Sanomat kerto.
      Maailman menoa
      370
      1448
    6. Kuvaile elämäsi miestä

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      57
      1363
    7. Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!

      Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l
      Kesämökki
      20
      1336
    8. Toivoisin, että lähentyisit kanssani

      Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä
      Ikävä
      17
      1071
    9. Olisinpa jo siellä, otatkohan minut vastaan

      Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni
      Ikävä
      79
      1030
    10. Kevyt on olo

      Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3
      Ikävä
      84
      1028
    Aihe