cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Exit
search
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
katem939525

Community Beginner

Community Beginner

Activity

Re: How to make a banner image mobile responsive (...

by in Dreamweaver Discussions
‎Aug 02, 2017 02:13 AM
‎Aug 02, 2017 02:13 AM
Hi Nancy Perhaps. I think when we got the template it was specifically for email however I have been editing it in Dreamweaver which may have caused confusion?!  (i thought CSS files were involved however I am learning as I go so not clued up at all). I am not sure as I am quite a beginner so I would really appreciate if you could give your advice on the following: - should I be using Dreamweaver to edit html emails (using the template I have)? - what programme/ software would you recommend for creating and editing html emails? - do you have any suggestions of free online resources (or paid tutor based courses) where I can learn to create html emails? Thank you for your time. Kate ... View more

Re: How to make a banner image mobile responsive (...

by in Dreamweaver Discussions
‎Jul 28, 2017 08:35 AM
‎Jul 28, 2017 08:35 AM
Thanks Nancy and apologies for the delay. I believe that file://///NAS/Volume_1/Green Gate/Marketing/Mail Chimp/Templates/Envato/Templates/HTML/images/header-bg.jpg is in there as an error and is hidden by the main image so hopefully isn't causing an issue.  Perhaps I will be able to just delete this from the email. I will try to create a transparent nested table if possible however, is there a way of just making the following url image mobile responsive?    <!-- Layout 1 (Header) -->                 <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">                   <tr>                 <td class="header" style="background-position: center top; background-repeat: no-repeat; background-color: #eaeaea; background-image: url(https://gallery.mailchimp.com/fcd24a1e8339283277d26e1ee/images/133576eb-6365-4b7f-92ad-4f1 b613b50f8.jpg);" align="center" Do I have to edit the CSS file in order to make it so? Thanks! ... View more

Re: How to make a banner image mobile responsive (...

by in Dreamweaver Discussions
‎Jun 13, 2017 06:56 AM
‎Jun 13, 2017 06:56 AM
Hi Osgood Thanks for your reply.  The white faded out box is part of my main image (pebbles/ water image) so I agree it would not grow in depth as the text does. I am not sure how to use a nested table as you suggested so I wanted to make the whole image (water/ pebble image) which includes the faded out white box (edited in Photoshop) mobile responsive so that the water/ pebble image resizes. Is this possible? Thanks again. ... View more

How to make a banner image mobile responsive (html...

by in Dreamweaver Discussions
‎Jun 13, 2017 02:44 AM
‎Jun 13, 2017 02:44 AM
Hi there I am editing a html email in Dreamweaver using a template that we got online. Most of the images are mobile responsive however the banner image across the top is not. I would like some help on making this responsive in mobile view, if possible? I have included a couple of screenshots to show the 'normal' desktop view and the mobile view (second photo) where you can see that the background image with the white box does not resize. I believe that this is the bit of code that is relevant to this section:                 <!-- Layout 1 (Header) -->                 <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">                   <tr>                 <td class="header" style="background-position: center top; background-repeat: no-repeat; background-color: #eaeaea; background-image: url(https://gallery.mailchimp.com/fcd24a1e8339283277d26e1ee/images/133576eb-6365-4b7f-92ad-4f1b613b50f8.jpg);" align="center" background="file://///NAS/Volume_1/Green Gate/Marketing/Mail Chimp/Templates/Envato/Templates/HTML/images/header-bg.jpg">                   <table class="m-w100" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 600px; min-width: 600px;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">                         <tr>                           <td align="center">                         <table class="container" style="margin: 0 auto; width: 560px;" align="center" border="0" cellpadding="0" cellspacing="0" width="560">                               <tr>                             <td class="spacer" style="font-size: 1px; line-height: 20px;" height="20">                                                                   </td>                               </tr>                               <tr>                             <td style="height: 54px;" height="54">                                   <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">                                     <tr>                                   <th class="m-cell" style="font-weight: 400; vertical-align: middle; width: 200px;" align="left" width="200"> Any help would be much appreciated! Kate ... View more
Copyright © 2025 Adobe. All rights reserved.
Using the Community Experience League Terms of Use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices