Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Sharing web page in mac mail resizes images

I'm sharing a web page from safari through Mac mail and it keeps resizing my images on the web page. It worked before I upgraded to Yosemite and Safari 9.0. Can someone give me some insight on why this is happening. Did I miss an extension or is there some preference that needs to be set/changed?


Below is the code for the web page: as you can see I use the media only screen for smaller devices but now (it worked before) it's only sharing the smaller image


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Oct2015Invitation</title>

<style type="text/css">


@media only screen and (max-width: 660px) {

table.container { width: 480px !important; }

td.logo img { display: none; }

td.logo { background: #4c0a64 url(http://www.sistercirclemedina.com/pages/myEmail/images/10_2015med.jpg) no-repeat 10px 10px; height: 743px; }

}


@media only screen and (max-width: 510px) {


table.container { width: 100% !important; }

table.container td { border: none !important; }

td.logo { background: #4c0a64 url(http://www.sistercirclemedina.com/pages/myEmail/images/10_2015_sm.jpg) no-repeat center 10px; height 480px; }

}


a:link {

color: #d2232a;

}

</style>

</head>

<body bgcolor="#4c0a64">

<div style="font-size: 1px; color: #4c0a64; display: none;">

Join us for our October Meeting, Saturday the 17th. We will have a powerful testimony of finding Jesus and guest speaker Judy Wendt. Fellowship and beverage begin at 9:30 a.m. and our meeting begins promptly at 10 a.m. OCTOBER MEETING LOCATION: Western Reserve Masonic Community~The Chapel, 4931 Nettleton Rd., Medina, OH 44256.

</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#4c0a64">

<tr>

<td>

<table class="container" width="640" align="center" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="top" class="logo" bgcolor="#4c0a64" style="padding: 10px 20px 0px 30px; border-left: 1px solid #4c0a64; border-right: 1px solid #4c0a64; border-top: 1px solid #4c0a64;">

<a href="#"><img src="http://www.sistercirclemedina.com/pages/myEmail/images/10_2015.jpg" alt="October Invitation 2015" name="OctbInvite" width="800" height="1239" id="FebInvite" border="0"></a>

</td>

</tr>

<tr>

<td valign="top" class="footer" style="padding: 20px 20px 30px 30px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e2c5ee;">

<p>***Women can participate by giving back to the ministry either financially or by volunteering her services in other areas such as assisting with fund raising events (Purple Hat Tea), Women's Conference, the Cullinary Ministry, or another labor of love within Sister Circle Medina. Contact us at <a href="mailto:sisters@sistercirclemedina.com">sisters@sistercirclemedina.com</a> if you are interested in volunteering.</p>

<p>&copy; Sister Circle Medina. PLEASE DO NOT REPLY TO THIS MESSAGE:

<br>

<br>

Your <a href="#" style="color:#d2232a;">privacy</a> is important to us. Please use this link to <a href="mailto:sisters@sistercirclemedina.com">unsubscribe</a><a href="#" style="color:#d2232a;"></a>.

<br><br>

Sister Circle Medina is a nonprofit organization that connects women of all walks of life through their commonalities and shared interest in God.

</p></td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>


Also He is the link to the web page and I have a screen shot of the message after I share it but don't know how to post it with my question.

http://www.sistercirclemedina.com/pages/myEmail/Oct2015invite.html


Thank you for any help.

OS X Yosemite (10.10.5), null

Posted on Oct 13, 2015 6:20 AM

Reply

There are no replies.

Sharing web page in mac mail resizes images

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.