TinyMCE ongelma wordpressissä ja CMS made simplessä

Pistin ongelmani myös mureakuhan foorumille. http://mureakuha.com/keskustelut/9?15118p1#box

Tein sivut vähän aikaa sitten. Sivujen päivittämiseen asentelin CMS made simplen jonka WYSIWYG editori on TinyMCE. Sivulla on blogi, jota hallitaan wordpressillä, jossa on myös TinyMCE käytössä. Kaikki toimii muuten loistavasti pientä tekstin muotoilu ongelmaa lukuunottamatta. Sivulla on kaksi diviä vierekkäin. Vasen div toimii osiona, johon sijoitetaan pääteksti ja oikea div on ilmoituksia varten. Tekstiä lisättäessä Macilla (safari tai opera) vasempaan diviin, teksti kulkee oikeaan diviin. Yleensä vain jokin rivi tekstistä ylittää vasemman vasemman divin ja kulkee oikean divin päälle. Eli teksti paikkapaikoin ylittää vasemman divin rajat.

Olen korjannut ongelman pc:n firefoxilla yksinkertaisesti siten, että olen vain mennyt joko wordpressin tai CMS made simplen hallintapaneeliin ja tekstin muokkausosiossa tallentanut tekstin uudestaan sen kummemmin tekstiä muokkaamatta. Outo ongelma, eikö?

Ja sitten koodia:


****











Otsikkoa




















10kk treeni

PLaaplaaplaa













ILMOITUSTAULU




Plaaplaaa
Pälälpalalaplpe eplpedlepdl eoeoeoeoeo emdaksmskd jou prkl


























****


css:


****



* {
margin: 0;
padding: 0;
}

body {
margin: 0;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 10pt;
line-height: 1.6;
color: #656565;
text-decoration: none;
background: #cbcbcb
}

#runko {
width: 813px;
margin: 0 auto;
position: relative;
}

#middle {
background: url(/palat/middle.png) repeat-y;
width: 813px;
overflow: auto;
}

#content h1 {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
margin: 20px 0 0 0;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}

#content h3 {
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 11pt;
color: #656565;
text-decoration: none;
font-weight: bold;
margin: 20px 0 0 15px;
}

#content p {
margin: 20px 0 0 15px;
}

#content a:link, #content a:visited {
font-family: Arial, "Trebuchet Ms", sans-serif;
line-height: 1.6;
font-size: 9pt;
color: #EAA530;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content h1 a:link, #content h1 a:visited {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}

#middle_vas {
width: 504px;
float: left;
}

#middle_oik {
width: 309px;
float: right;
}

#kalenteri {
margin: 37px 0px 10px 0px;
}

#kalenteri h2 {
font-size: 14pt;
margin: 0 45px 20px 0;
font-weight: normal;
text-align: center;
}

#kalenteri a:link, a:visited {
font-size: 8pt;
color: #656565;
font-weight: normal;
text-decoration: underline;
}

#kalenteri a:hover {
text-decoration: none;
}

#kalenteri p {
margin: 10px 30px 0 30px;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 9pt;
color: #656565;
text-decoration: none;
}

#kalenteri b {
margin: 10px 30px 0 30px;
}


****


IE6:lla katsottaessa taustaväri ei näy ja fontti ei ole oikea (eli selain näyttää oletusfontin), mutta kun lähdekoodin nappaa sivulta ja tallentaa esim testi.php tiedostoksi ja katsoo uudestaa IE6:lla, kaikki toimii loistavasti. Mistäköhän tämä mahtaa johtua? Koodi on validia.
096
Äänestä

Muut lukivat myös

Vastaukset

Vanhimmat

Ei vielä vastauksia

Aloittaja odottaa vastauksia. Kerro oma näkemyksesi ensimmäisenä.

Kommentoi aloitusta


Webe kirjoitti:

Pistin ongelmani myös mureakuhan foorumille. http://mureakuha.com/keskustelut/9?15118p1#box

Tein sivut vähän aikaa sitten. Sivujen päivittämiseen asentelin CMS made simplen jonka WYSIWYG editori on TinyMCE. Sivulla on blogi, jota hallitaan wordpressillä, jossa on myös TinyMCE käytössä. Kaikki toimii muuten loistavasti pientä tekstin muotoilu ongelmaa lukuunottamatta. Sivulla on kaksi diviä vierekkäin. Vasen div toimii osiona, johon sijoitetaan pääteksti ja oikea div on ilmoituksia varten. Tekstiä lisättäessä Macilla (safari tai opera) vasempaan diviin, teksti kulkee oikeaan diviin. Yleensä vain jokin rivi tekstistä ylittää vasemman vasemman divin ja kulkee oikean divin päälle. Eli teksti paikkapaikoin ylittää vasemman divin rajat.

Olen korjannut ongelman pc:n firefoxilla yksinkertaisesti siten, että olen vain mennyt joko wordpressin tai CMS made simplen hallintapaneeliin ja tekstin muokkausosiossa tallentanut tekstin uudestaan sen kummemmin tekstiä muokkaamatta. Outo ongelma, eikö?

Ja sitten koodia:


****











Otsikkoa




















10kk treeni

PLaaplaaplaa













ILMOITUSTAULU




Plaaplaaa
Pälälpalalaplpe eplpedlepdl eoeoeoeoeo emdaksmskd jou prkl


























****


css:


****



* {
margin: 0;
padding: 0;
}

body {
margin: 0;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 10pt;
line-height: 1.6;
color: #656565;
text-decoration: none;
background: #cbcbcb
}

#runko {
width: 813px;
margin: 0 auto;
position: relative;
}

#middle {
background: url(/palat/middle.png) repeat-y;
width: 813px;
overflow: auto;
}

#content h1 {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
margin: 20px 0 0 0;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}

#content h3 {
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 11pt;
color: #656565;
text-decoration: none;
font-weight: bold;
margin: 20px 0 0 15px;
}

#content p {
margin: 20px 0 0 15px;
}

#content a:link, #content a:visited {
font-family: Arial, "Trebuchet Ms", sans-serif;
line-height: 1.6;
font-size: 9pt;
color: #EAA530;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content h1 a:link, #content h1 a:visited {
font-family: "Trebuchet Ms", Arial, sans-serif;
font-size: 16pt;
text-decoration: none;
color: #EAA630;
font-weight: normal;
}

#middle_vas {
width: 504px;
float: left;
}

#middle_oik {
width: 309px;
float: right;
}

#kalenteri {
margin: 37px 0px 10px 0px;
}

#kalenteri h2 {
font-size: 14pt;
margin: 0 45px 20px 0;
font-weight: normal;
text-align: center;
}

#kalenteri a:link, a:visited {
font-size: 8pt;
color: #656565;
font-weight: normal;
text-decoration: underline;
}

#kalenteri a:hover {
text-decoration: none;
}

#kalenteri p {
margin: 10px 30px 0 30px;
font-family: Arial, "Trebuchet Ms", sans-serif;
font-size: 9pt;
color: #656565;
text-decoration: none;
}

#kalenteri b {
margin: 10px 30px 0 30px;
}


****


IE6:lla katsottaessa taustaväri ei näy ja fontti ei ole oikea (eli selain näyttää oletusfontin), mutta kun lähdekoodin nappaa sivulta ja tallentaa esim testi.php tiedostoksi ja katsoo uudestaa IE6:lla, kaikki toimii loistavasti. Mistäköhän tämä mahtaa johtua? Koodi on validia.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu