scroll tablen sisällä, teksti hyppii pois

  • Punahilkka
  • Punahilkka hahmo Aiheen kirjoittaja
  • Poissa
  • Tulokas
  • Tulokas
Lisää
21.01.2014 10:45 #6332 : Punahilkka
Punahilkka loi aiheen: scroll tablen sisällä, teksti hyppii pois
Tein tablen sisään scrollin, ongelmia ilmenee ainakin tekstin muokkaamisessa. Jos scrollin sisällä vaihtaa kappaletta (käyttää enteriä), teksti hyppää pois, scrollin alapuolelle. Lisäksi tekstin tuominen (normaalilla kopioimisella) ei onnistu, vaan teksti hyppää taas sroll-kentät ulkopuolelle (pysyy kuitenkin tablen sisällä). Perusasetuksilla mennään.
height: 300px;
overflow: scroll;
padding-bottom: 5px;
padding-left: 32px;
width: 340px;
Aiheuttaako tämä yleensäkin harmaita hiuksia, vai pelittääkö tuo scrollaaminen hyvin tuon tablen sisällä kun se osaa tehdä? Jotain huomioitavaa??
(Joomla! 2.5.17 Stable, K2)

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Lisää
21.01.2014 12:12 #6333 : VNiemi
VNiemi vastasi aiheeseen: scroll tablen sisällä, teksti hyppii pois
En nyt oikein ymmärrä. Lisäsitkö sivustolla muokattavan kentän vai puhutko normaalisti artikkelin hallinassa editorilla muokattavasta sisällöstä? En myöskään ymmärrä mitä HTML-elementtejä käytät. Helpoin selityshän olisi, että olet kohdistanut CSS-määritykset p-elementtiin ja kun painat enteriä editori luo uuden p-elementin, johon määritys ei enää kohdistu vaikka se onkin taulukon sisällä. Lähdekoodia katsomalla asia varmaan aukeaa.

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

  • Punahilkka
  • Punahilkka hahmo Aiheen kirjoittaja
  • Poissa
  • Tulokas
  • Tulokas
Lisää
21.01.2014 13:25 #6334 : Punahilkka
Punahilkka vastasi aiheeseen: scroll tablen sisällä, teksti hyppii pois
Ihan normi artikkelin hallinta. Tää table ja sen sisältö on ihan hepreaa mulle, auttaisiko tämä lähdekoodin pätkä? Olen tehnyt tuon css sroll_etusivu pätkän templaten pohjaan.

<tr>
<td style="background-color: #f5f3f9; width: 330px; height: 450px;" align="center" valign="top"><hr />
<h2>LYHYET</h2>
<table style="height: 100px; width: 200px;" border="0" align="center">
<tbody>
<tr>
<td style="height: 100px; width: 250px;" align="center" valign="top">
<p class="sroll_etusivu" style="text-align: left;">Olen scrollin sisällä ja painan enter<br /><br /></p>
<p class="sroll_etusivu" style="text-align: left;">Ja seuraavaksi olen tässä, koko kentän ulkopuolella.</p>
<p class="sroll_etusivu" style="text-align: left;"> </p>
<br />
</td>
</tr>
</tbody>
</table>

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Lisää
21.01.2014 13:41 #6337 : jkwebdesign
jkwebdesign vastasi aiheeseen: scroll tablen sisällä, teksti hyppii pois
Eli VNiemen arvaus taisi osua oikeaan. Tuo css tyyli on annettu <p> elementille.

Vaikea antaa enempää neuvoja ilman linkkiä. En ole ihan sisällä mitä ja mihin yrität tuolla saavuttaa?

Asiakaslähtöisesti suunniteltuja internet- sekä graafisia palveluita: www.sutjakka.fi

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Lisää
21.01.2014 13:43 - 21.01.2014 13:46 #6338 : VNiemi
VNiemi vastasi aiheeseen: scroll tablen sisällä, teksti hyppii pois
Kaikki kappaleet ovat erillisiä 300 pikseliä korkeita alueita. Kun taulun solu on vain 100 pikseliä korkea, tämä näyttää aika oudolta. Laita class="sroll_etusivu" joko td-elementtiin tai sen sisällä olevaan div-elementtiin.
Last Edit: 21.01.2014 13:46 : VNiemi. Syy: luokan nimi

Kirjaudu tai Rekisteröidy liittyäksesi keskusteluun.

Valvojat: jkwebdesignGamossJiiKoo
Sivu luotiin ajassa: 0.063 sekuntia