Problem with styles in FCK editor

[Tangwystel]

Hi all,

When I edit an newsletter or email in the FCK editor, the hyperlink texts always come out in a tiny black print, instead of the style that I put them in in the editor, and it is not possible to change using the WYSIWYG editor. It only does this with the hyperlinks - everything else looks fine.

Has anyone else had this problem? It's preventing me from being able to use hyperlinks in a non-ugly way in my emails. I'm using 2.0.3 on a mac - Unplanned Peacock Studio :.

Natasha

[ridexbuilder]

Sounds like you need to change the stylesheet.css entry for "a href" - got an example link to look at?
[Love the email: sheep@.... ]

[Tangwystel]

hmm, now I'm having major problems with spacing and not being able to unbold too. Everything looks great in the editor but then crappy in the actual email. Any thoughts?

[ridexbuilder]

It's a Mac thang
What browser are you using - try Firefox, if not already.

[Tangwystel]

ok, I'll try Firefox - happy to use that if it will make this all work OK! I'll update tomorrow!

[Tangwystel]

Nope, Firefox doesn't solve any of the problems.

First problem - when I preview the email, the look has nothing to do with either the styles in the editor or the styles that actually go out in the email.

Second, and more critical problem - the emails get tons of extra spaces - and I mean at least 30 extra line breaks per email. Any idea what may be causing this?

I'm just about ready to give up and go use something like Mailchimp, but I really wanted to have it all connected with the website.

[Tangwystel]

<table width="800" cellspacing="0" cellpadding="2" border="0">
<div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Tahoma,sans-serif; font-size: 12px;">
<div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Tahoma,sans-serif; font-size: 12px;"><big><big><b>
<div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;"><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;">&nbsp;<a href="http://www.unplannedpeacock.com"><img border="0" src="http://www.unplannedpeacock.com/catalog/images/upplogo.gif" alt="" /></a>
<div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;"><hr />
<p><span style="font-family: Tahoma;"><strong><span style="font-size: larger;"><input width="150" vspace="2" type="image" hspace="2" height="150" border="1" align="left" src="../../images/images_big/mallowMW.jpg" longdesc="undefined" />Happy Fall!&nbsp;</span></strong><span style="font-size: larger;">&nbsp;We are starting to see some major color here in Virginia, because we live&nbsp;</span></span><span style="font-family: Tahoma;"><span style="font-size: larger;">right next to the Blue Ridge Parkway. &nbsp;We are alternating between drizzly days and perfect temperatures. &nbsp;The sheep are getting sheared, and they are being put into breeding groups for the winter. &nbsp;We've got oak in our wood stove, keeping us warm and toasty through the damp days. &nbsp;The reds, golds, greens, and bright yellows of the autumn trees provide unstoppable inspiration for some new colorways, and we have&nbsp;</span></span><span style="font-size: larger;"><a href="http://www.unplannedpeacock.com/catalog/index.php?cPath=14"><span style="font-family: Tahoma;">new merino worsted weight wool</span></a></span><span style="font-family: Tahoma;"><span style="font-size: larger;">&nbsp;in stock for making hats, scarves, and mittens.</span></span></p>
<p>&nbsp;</p>
<div>
<div>
<div><span>
<div>
<div><big><big><b><big><big><b><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div>
<div>
<div><span>
<div>
<div><big><big><b><big><big><b><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div>
<div>
<div>&nbsp;</div>
</div>
</div>
</span></b></big></big></b></big></big></div>
</div>
</span></div>
</div>
</div>
</span></b></big></big></b></big></big></div>
</div>
</span></div>
</div>
</div>
<hr />
<div>
<div>
<div><span>
<div>
<div><big><big><b><big><big><b><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div>
<div>
<div><span>
<div>
<div>
<p>&nbsp;</p>
</div>
</div>
</span></div>
</div>
</div>
</span></b></big></big></b></big></big></div>
</div>
</span></div>
</div>
</div>
<div>
<div>
<div><span>
<div>
<div><big><big><b><big><big><b><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div>
<div>
<div><span>
<div>
<div><big><big><b><big><big><b><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div>
<div>
<div><span>
<div>
<div><big><big><b><big><big><b><span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span">
<div>
<div>
<div><span>
<div>
<div>
<p><span><big><big><b><strong><span><big><big><b>< span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span"><span style="font-family: Tahoma;"><strong><span style="font-size: larger;"><img width="150" vspace="2" hspace="2" height="150" border="1" align="left" src="http://www.unplannedpeacock.com/catalog/images/images_big/columbineSWFM_2.jpg" alt="" /></span></strong></span></span></b></big></big></span></strong></b></big></big></span></p>
</div>
</div>
</span></div>
</div>
</div>
</span></b></big></big></b></big></big></div>
</div>
</span></div>
</div>
</div>
</span></b></big></big></b></big></big></div>
</div>
</span></div>
</div>
</div>
</span></b></big></big></b></big></big></div>
</div>
</span></div>
</div>
</div>
<p><span style="font-size: larger;"><span style="font-family: Tahoma,Verdana,sans-serif;" class="Apple-style-span">As a special &quot;thank you on our one year anniversary&quot; gift, for the months of October and November, you will get a special <strong>mini sock kit</strong>&nbsp;with every order over $75 from our&nbsp;</span></span><span style="font-family: Tahoma,Verdana,sans-serif; font-size: 14px;" class="Apple-style-span"><a href="http://www.unplannedpeacock.com"><span style="font-size: larger;">website</span></a></span><span style="font-size: larger;"><span style="font-family: Tahoma,Verdana,sans-serif;" class="Apple-style-span">. &nbsp;These mini socks are perfect tree trimmers! &nbsp;You can also purchase these kits for $7 each.</span></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div>
<div>
<div>&nbsp;</div>
</div>
</div>
<hr />
<p>&nbsp;</p>
<p><span style="font-family: Tahoma;"><span style="font-size: larger;"><strong><img width="150" vspace="2" hspace="2" height="150" border="1" align="left" src="http://www.unplannedpeacock.com/catalog/images/images_big/amidala.jpg" alt="" /></strong></span></span></p>
<p><span style="font-family: Tahoma;"><span style="font-size: larger;"><strong>Shearing Time is here!</strong>&nbsp;&nbsp;If you are interested in an&nbsp;</span></span><a href="http://www.unplannedpeacock.com/catalog/index.php?cPath=10_9"><span style="font-family: Tahoma;"><span style="font-size: larger;">Icelandic Sheep Fleece</span></span></a><span style="font-family: Tahoma;"><span style="font-size: larger;">, please&nbsp;</span></span><span style="font-size: larger;"><a href="javascript:location.href='mailto:'+String.fr omCharCode(115,104,101,101,112,64,117,110,112,108, 97,110,110,101,100,112,101,97,99,111,99,107,46,99, 111,109)+'?subject=I'm%20interested%20in%20a%20Fle ece!'"><span style="font-family: Tahoma;">email</span></a></span><span style="font-family: Tahoma;"><span style="font-size: larger;">&nbsp;me</span><span style="font-size: larger;">. &nbsp;It may take a few weeks before the fleeces make it onto the website, but you can reserve one before I put them up - many of our best quality fleeces sell quickly! &nbsp;Icelandic fleeces have a very long staple, and curly or wavy wool. &nbsp;They come in a variety of colors and patterns, including spotted, brown, black, mouflon and badgerface. &nbsp;They are double coated, with a long tog and a short finer thel. &nbsp;Fleeces range from 1-5 lbs and are priced individually according to weight and quality. &nbsp;The Icelandic Fleece is considered to be the premium felting fleece.</span></span></p>
<p>&nbsp;</p>
<hr />
<p><img width="150" vspace="2" hspace="2" height="150" border="1" align="left" src="http://www.unplannedpeacock.com/catalog/images/images_big/fernSWMF_2.jpg" alt="" /></p>
<p>&nbsp;<span style="font-family: Tahoma;"><span style="font-size: larger;"><strong>Our Knitter of the Month is Frosti Goodeman!&nbsp;</strong>&nbsp;Without Frosti, Unplanned Peacock Studio may not have been born. &nbsp;Frosti is one of the people who first indoctrinated me into the crazy, manic world of the obsessed knitter! &nbsp;Since I was already quite familiar with fiber geekery, this wasn't difficult. &nbsp;Frosti has been a supporter of Unplanned Peacock Studio since its inception, and she was the first to knit up many of our colorways. &nbsp;Never one to stick to a pattern, she wrote this cute &quot;Waves and Ferns&quot; heelless sock pattern to use with the&nbsp;</span></span><span style="font-size: larger;"><span style="font-family: Tahoma;"><a href="http://www.unplannedpeacock.com/catalog/index.php?cPath=1_2"><span style="font-family: Tahoma;">Unplanned Peacock Superwash Merino Fingering Weight yarn</span></a></span></span><span style="font-family: Tahoma;"><span style="font-size: larger;">&nbsp;in the color&nbsp;</span></span><span style="font-family: Tahoma;"><span style="font-size: larger;">Fern. <br />
</span></span></p>
<p><span style="font-family: Tahoma;"><span style="font-size: larger;">Every month, I will highlight a knitter's finished project in our newsletter. &nbsp;If your project is featured, you will receive a&nbsp;<strong>free skein of yarn</strong>. Send pictures please!</span></span><span style="font-family: Tahoma;"> </span>&nbsp;&nbsp;</p>
<hr />
<p><img width="150" vspace="2" hspace="2" height="150" border="1" align="left" src="http://www.unplannedpeacock.com/catalog/images/images_big/amazonMW.jpg" alt="" /></p>
<p><span style="font-family: Tahoma;"><strong><span style="font-size: larger;">We have started to carry a&nbsp;</span></strong></span><strong><a href="http://www.unplannedpeacock.com/catalog/index.php?cPath=14"><span style="font-family: Tahoma;"><span style="font-size: larger;">wonderful worsted yarn</span></span></a><span style="font-family: Tahoma;"><span style="font-size: larger;">.&nbsp;</span></span></strong><span style="font-family: Tahoma;"><span style="font-size: larger;">&nbsp;This yarn is 100% merino and comes in 100 g skeins of 218 yards! &nbsp;It is plied and has a squishy, elastic, but dense feel, and dyes up beautifully. &nbsp;It should be very durable. One skein easily makes a pair of mittens, or a pair of mittens and a hat for a child. &nbsp;It felts like a dream. &nbsp;The colors we have right now are our trial colors, but we will be dyeing much more of this yarn in the future, because at $18 a skein, it is a reasonable price on a generous amount of high quality yarn. &nbsp;If you have need of a larger quantity (it would be a fantastic sweater yarn!) please inquire - I love doing special orders</span>!</span></p>
<hr />
<div>
<div>
<div><span>
<div>
<div>
<p><big><big><b><strong><span><span><big><big><b>< span style="font-family: Times; font-size: medium; font-weight: normal;" class="Apple-style-span"><strong><span style="font-size: larger;"><span style="font-family: Tahoma;"><img width="150" vspace="2" hspace="2" height="150" border="1" align="left" src="http://www.unplannedpeacock.com/catalog/images/images_big/lotusSML.jpg" alt="" /></span></span></strong></span></b></big></big></span></span></strong></b></big></big></p>
</div>
</div>
</span></div>
</div>
</div>
<p><strong><span style="font-size: larger;"><span style="font-family: Tahoma;">Curious to try Unplanned Peacock Yarns but want to see them &quot;in person&quot;?</span></span></strong><span style="font-size: larger;"><span style="font-family: Tahoma;">&nbsp;&nbsp;Come visit the Local Yarn Stores that are carrying my yarns.</span></span>&nbsp;&nbsp;</p>
<p><strong><span style="font-size: larger;"><span style="font-family: Tahoma;">In Virginia:&nbsp;</span></span></strong><span style="font-size: larger;"><span style="font-family: Tahoma;">&nbsp;Yarn Theory in Bedford, Yarn Explosion in Roanoke, Greenberry House in Meadows of Dan &nbsp;</span></span><strong><span style="font-size: larger;"><span style="font-family: Tahoma;">In North Carolina:</span></span></strong><span style="font-size: larger;"><span style="font-family: Tahoma;">&nbsp;&nbsp;Yarns, Etc. in Raleigh, and The Hillsborough Yarn Shop in Hillsborough</span></span></p>
<p><span style="font-size: larger;"><span style="font-family: Tahoma;">We will also be having a booth at the&nbsp;<a href="http://acorn.atlantia.sca.org/event_flyer.php?event_id=119fae88">Society for Creative Anachronism Holiday Faire</a>&nbsp;in Manassas, Virginia, November 21.</span></span></p>
<hr />
<p><span style="font-size: larger;"><span style="font-family: Tahoma;">Thanks so much for supporting us, and may your knitting keep you warm!</span></span></p>
<p><span style="font-size: larger;"><span style="font-family: Tahoma;"><a href="javascript:location.href='mailto:'+String.fr omCharCode(110,97,116,97,115,104,97,64,117,110,112 ,108,97,110,110,101,100,112,101,97,99,111,99,107,4 6,99,111,109)+'?subject=Contact%20me!'">Natasha Laity Snyder</a></span></span></p>
<p><span style="font-size: larger;"><span style="font-family: Tahoma;"><a href="http://www.unplannedpeacock.com">Unplanned Peacock Studio</a></span></span></p>
</div>
</div>
</span>
<div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;">&nbsp;</div>
</div>
</b>
<p>&nbsp;</p>
</big></big>
<p>&nbsp;</p>
</div>
</div>
</table>

[Tangwystel]

Thats' the newsletter code as it comes fresh from the editor - the only thing I modified was the width of 800. I'm not sure why it is adding all the spaces.

[ridexbuilder]

Have pasted that source into my development site.... will have a quick look.

Meantime, in Admin,Configuration,WSIWYG, is Newsletter Email set as Advanced?

[ridexbuilder]

That Apple-style span fair screwed up the output and there appears to be a lot of unnecessary divs but I'm no expert.
In source code view, try removing all those extra divs and spans eg:

<table width="800" cellspacing="0" cellpadding="2" border="0">
    <div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Tahoma,sans-serif; font-size: 12px;">
    <div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Tahoma,sans-serif; font-size: 12px;"><big><big><b>
    <div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;"><span  style="font-family: Times; font-size: medium; font-weight: normal;">
    <div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;">&nbsp;<a href="http://www.unplannedpeacock.com"><img border="0" alt="" src="http://www.unplannedpeacock.com/catalog/images/upplogo.gif" /></a>
    <div style="margin: 0px; padding: 5px; background-color: rgb(255, 255, 255); font-family: Arial,Verdana,sans-serif; font-size: 12px;"><hr />
    <p><span style="font-family: Tahoma;"><strong><span style="font-size: larger;"><input width="150" vspace="2" type="image" hspace="2" height="150" border="1" align="left" longdesc="undefined" src="../../images/images_big/mallowMW.jpg" />Happy Fall!&nbsp;</span></strong><span style="font-size: larger;">&nbsp;We are starting to see some major color here in Virginia, because we live&nbsp;</span></span><span style="font-family: Tahoma;"><span style="font-size: larger;">right next to the Blue Ridge Parkway. &nbsp;We are alternating between drizzly days and perfect temperatures. &nbsp;The sheep are getting sheared, and they are being put into breeding groups for the winter. &nbsp;We've got oak in our wood stove, keeping us warm and toasty through the damp days. &nbsp;The reds, golds, greens, and bright yellows of the autumn trees provide unstoppable inspiration for some new colorways, and we have&nbsp;</span></span><span style="font-size: larger;"><a href="http://www.unplannedpeacock.com/catalog/index.php?cPath=14"><span style="font-family: Tahoma;">new merino worsted weight wool</span></a></span><span style="font-family: Tahoma;"><span style="font-size: larger;">&nbsp;in stock for making hats, scarves, and mittens.</span></span></p>
    <p>&nbsp;</p>
    <div>
    <hr />
    <div>
      <p>&nbsp;<span style="font-size: larger;"><span style="font-family: Tahoma,Verdana,sans-serif;">As a special &quot;thank you on our one year anniversary&quot; gift, for the months of October and November, you will get a special <strong>mini sock kit</strong>&nbsp;with every order over $75 from our&nbsp;</span></span><span class="Apple-style-span" style="font-family: Tahoma,Verdana,sans-serif; font-size: 14px;"><a href="http://www.unplannedpeacock.com"><span style="font-size: larger;">website</span></a></span><span style="font-size: larger;"><span style="font-family: Tahoma,Verdana,sans-serif;">. &nbsp;These mini socks are perfect tree trimmers! &nbsp;You can also purchase these kits for $7 each.</span></span></p>
    </div>
    <div>
    <p>&nbsp;</p>
    <hr />
    <p>&nbsp;</p>
</div>
....................etc.