We are sending mail using Java API and HTML template like
<html>
<head>
<title>Activation Mail</title>
<link href="custom.css" rel="stylesheet" type="text/css"/>
</head>
<body style="margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #F0F0F0;">
<img src="http://uat-flipxl.fliplabs.net/flipxl/style_appl/images/banner1.jpg" style="width:620px;height:95px;"/>
</body>
</html>
The mail successfully sent. But image is not displayed in mail. In mail image source is created as
<img src="//www.rediffmail.com/cgi-bin/red.cgi?red=http%3A%2F%2Fuat%2Dflipxl%2Efliplabs%2Enet%2Fflipxl%2Fstyle%5Fappl%2Fimages%2Fbanner1%2Ejpg&isImage=1&BlockImage=1&rediffng=0&rogue=c0f0aa43da2e831f97528cd4d35ab6eac85bfe9f" style="width:620px;height:95px;">
So image is not displayed.How can I override this problem? Any solution please.
Related
I am trying to use Londrina Shadow from Google fonts in my HTML code. I have typed this in the in HTML: <link href="https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap" rel="stylesheet">
The ampersand is blocked out and the link does not appear to be working.
I have typed this in CSS: font-family: 'Londrina Shadow', cursive;
It does appear to be working.
What is my problem?
use it like that
<!DOCTYPE html >
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Londrina+Shadow&display=swap" rel="stylesheet">
</head>
<body>
<h1 style="font-family: 'Londrina Shadow'">Checking</h1>
</body>
</html>
you are using it in a wrong way
I'm having trouble displaying a Base64 image inline or in css-file.
i'm using vs-2017.
Can someone point me in the right direction?
<!DOCTYPE html>
<html>
<head>
<title>Display Image</title>
<link href="css/StyleSheet.css" rel="stylesheet" />
</head>
<body>
<img class="slide1" alt="" />
</body>
In that CSS file some simple code is written that loads the image.
.slide1 {
background: url(data:image/png;base64,iVBORw0KGgo)
}
the problem is the image can not loaded or display .
any advice
I am using GoDaddy to have a mask of my website. When a user goes directly to the actual address of the site, the icon shows in the browser tab. When they go to the GoDaddy address, it doesn't show.
GoDaddy uses a <frameset> to perform the mask. The icon is set through <link href="http://THEACTUALADDRESS/favicon.ico" rel="icon" type="image/icon">. When I go to the link http://THEACTUALADDRESS/favicon.ico, the icon can be seen; that's not the problem.
Is it possible to set the website's icon from within a <frameset>? I have tried to use target="_top" inside the <link> but that does not fix the issue.
This is the code returned from the GoDaddy address:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>THEACTUALADDRESS</title>
</head>
<frameset rows="100%,*" border="0">
<frame src="http://THEACTUALADDRESS" frameborder="0" />
<frame frameborder="0" noresize />
</frameset>
<!-- pageok -->
<!-- 12 -->
<!-- -->
</html>
And the code at http://THEACTUALADDRESS/:
<html>
<head>
<link rel="icon" href="http://THEACTUALADDRESS/favicon.ico" type="image/icon" target="_top"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:700|Roboto:300" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
...the rest of the page
I needed to put the code in the framset index.html AND use a favicon.PNG. Then the icon appears in the framset AND at the actual site.
I have the following link to css file
<head>
<link rel="stylesheet" href="css/stylesheet.css" />
</head>
<body>
<img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" />
<img src="images/banner.png" class="banner"/>
</body>
its was working fine, but now can not see css/stylesheet.css in all browsers.
Use Chrome dev tools (right-click and choose "Inspect Element") to look for the stylesheet in the Sources tab. If you don't see it, go to the Network tab in Chrome Dev Tools and refresh the page. Look for red text that would indicate a failed file load.
That said, here's how you would typically add your stylesheet to your page if all is working well. First, you should put type="text/css" as an attribute on there. And more importantly, put it in the head of the document:
<html>
<head>
<link rel="stylesheet" href="css/stylesheet.css" type="text/css"/>
</head>
<body>
<img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" />
<img src="images/banner.png" class="banner"/>
</body>
</html>
maybe is missing type and media
the directory where you have yur CSS file must be a subdirectory of the file where you are calling
<head>
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="screen, print"/>
</head>
<body>
<img src="images/logo/logo.png" alt="pokemonroad logo" width="270px" height="135px" />
<img src="images/banner.png" class="banner"/>
</body>
Hi I am using Mailer to send email to a customer when they purchase an item. The email sends with all details included but the css styling is not recognised. If I "open the html page with" google chrome the styling is fine.
_Layout.cshtml page:
<!DOCTYPE html>
<html>
<head>
<title></title>
<link href="email-styles.css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="head">
<div id="logo"><img src="../../Content/images/email/logo.jpg" /></div>
<div id="date">#ViewBag.DateNow</div>
</div>
</div>
You have to use inline stylings for html emails. Gmail in particular will not recognize CSS stylesheets and will strip them out. I personally haven't tried this tool but its from mailchimp so give that a go and see if your email works correctly.
http://beaker.mailchimp.com/inline-css