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?
Sama padding useammalla rivillä
Jarkko Karhunen
3
473
Vastaukset
- 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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433643- 362304
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?321905- 171649
- 181648
- 231578
- 241427
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai841368- 191336
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko891252