Struggling to create spacing between text and an image in an HTML email, but the image just won't budge no matter what I do.
Check out my Fiddle here: https://jsfiddle.net/rwcgs0g8/
All I want is for the red "Download your free" image to shift down by 5px.
I've experimented with adding a
<td height="10"><!-- PADDING --></td>To incorporate some space above the image, simply apply
margin-top: 5px;to the CSS of the image.
<table cellpadding="0" cellspacing="0" border="0" width="600" bgcolor="#0066cb">
<tbody>
<tr>
<td height="240" width="15"><!-- PADDING (CREATING AREA) --></td>
<td>
<table cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr><td height="10"><!-- PADDING --></td></tr>
<tr>
<td>
<!-- IMAGE -->
<img src="http://i65.tinypic.com/2z3tc0w.png" alt="img1" height="250" style="display:block;" border="0" />
</td>
<td style="font-family:Arial;font-size:27px;line-height:35px;color:#ffffff;">
<p style="padding-bottom: 5px;margin: 0;">
unique eguide title with some random text<br/>
random content here
</p>
<img src="https://www.imageupload.co.uk/images/2017/08/22/unnamed5.png" alt="img2" style="display:block;" border="0" />
</td>
</tr>
</tbody>
</table>
<!-- END OF SECTION 2 -->
</td>
</tr>
</tbody>
</table><p style="padding-bottom: 5px;margin: 0;">
unique eguide title with some random text<br/>
random content here
</p>
Modify the appearance of the image by adding
style="display:block;margin-top:5px;"Alternatively, insert a div element between the text and image. A div acts as a blocking HTML element.
<div style="height:5px"> </div>While I understand that this question may have been asked previously, my query pertains to obtaining data in a specific pattern since I am relatively new to Handlebars. Currently, I have some JSON data structured as follows: "value": [ { ...
I'm attempting to link each word within an element without altering the markup inside the element using Javascript. ...
I have a single page design with smooth scrolling implemented using jQuery with the following code: function ScrollMe(id){ var offset = $("#"+id).offset().top-50; $('html,body').animate({scrollTop: offset},'s ...
Apologies in advance for the lengthy post, but I welcome any suggestions and ideas. Thank you! I'm facing an issue with my layout breaking when the screen size is below 1200px (images and text drop down). I don't mind if they stack vertically on ...
Experiencing some difficulties with a seemingly simple task that I can't figure out. When I check my code in the browser, none of my styles are being applied to the HTML elements. The style sheet is located in the same folder as the main document, and ...
Is it possible to modify the following code to accept multiple files, process them, and then return the output? <html> <head> </head> <body> <div> <label for="text">Choose file</label> <inp ...
Currently, I am working on a chat application built in VueJS and encountering an issue when attempting to display messages along with their respective timestamps. The challenge arises from the need to iterate through an object that contains two arrays: one ...
Specifically tailored for this specific page: I am looking to eliminate the scrollbar at the bottom of the browser, similar to how it appears on this page: Thank you ...
I am currently working on a client's website and running into some issues with the layout of the booking page. The address is supposed to be on the left side, the contact form on the right, and both should be contained within a white box that fills th ...
Is there a way to decrease the gutter-width in Bootstrap 3? Since Bootstrap uses a 12-grids system, using col-sm-* creates a gap between elements of around 30px (15px on each side of the grid-column). However, my theme requires less space between columns ...
I am looking to insert a separator line immediately following the H1 tag, however my attempts have been unsuccessful. Can someone provide assistance with this? <style> #sepr { border-top-width: 3 px; border-top-style: solid; ...
Is there a way to make the hover state in navigation items persist when the mouse hovers over a sub-menu? Currently, when hovering over a top-level nav item, the link color changes to white and background turns black, but this reverts back once the mouse m ...
https://i.sstatic.net/Twcnp.png My col-4 has overflow-y set to auto, but my dropdown gets cut off behind another col when it's open. If I change overflow-y to visible, the dropdown is no longer cut off but the max-height parameter is ignored. const ...
Can someone help me with a coding issue I'm facing? I have an application that contains a large number of buttons which I need to trigger using keyboard presses. Currently, I am using a switch statement for this purpose. However, as the number of butt ...
Having trouble with a Bootstrap 5 accordion header that has an icon drop-up menu. The bottom border disappears under the icon and I can't figure out why? HTML <div class="w-50 mt-5 mx-auto"> <div class="accordion favorites-f ...
I am currently facing an issue while trying to create a table where I can add rows dynamically. Despite looking at various solutions on this topic, none of them seem to resolve the problem I am encountering. The newly added rows disappear immediately after ...
Greetings everyone! I'm currently working on developing a website that will feature a forum. As part of this process, I've been researching potential security vulnerabilities that could impact the site, such as cross-site scripting and SQL inject ...
Attempting to embed the following into an HTML website: The issue I am facing is that when I run it, the timer does not appear. However, when I run it in fsFiddle, I do see the countdown timer. What could be causing this problem? <!DOCTYPE html> & ...
How can I save the URL value of a background image in a variable? For example: image: url(images/9XkFhM8tRiuHXZRCKSdm_ny-2.jpg); I store this value as value = images/9XkFhM8tRiuHXZRCKSdm_ny-2.jpg in a variable and then use this variable in an href tag. ...
I'm encountering a problem with my ajax form that is embedded within a bootstrap modal. On the first use, the form functions correctly. However, when I attempt to use it again without refreshing the page, the text area no longer appears within the mod ...