I'm triying to insert a image on the pdf generated by the script.
I have put a image that is on the folder and it shows correctly, but the generated one no.
In other section of the site, I use the same function to generate and show the image and it shows correctly, only when I put on the pdf gets a blank gap.
$html1 = '
<p align="left" style="color:#434343;">
<span align="justify" style="color:#fe5a1d; font-size:35px;">3.3.- Comparativa Evaluación Tu Total – Evaluación media Total</span>
</p>
<p align="justify" style="color:#434343; font-size:34px;">
<img src="'.DOMINIO.'intranet/graph.php?ide='.$evaluacion->getId().'&tipo=3" border="0" width="700" height="230"/>
</p>
<p align="left" style="color:#434343;">
<span style="color:#fe5a1d; font-weight:bold;">4.- Detalle por competencias</span>
</p>
<p align="justify" style="color:#434343; font-size:34px;">
<img src="'.DOMINIO.'intranet/graph.php?ide='.$evaluacion->getId().'&tipo=4" border="0" width="700" height="230"/><br />
</p>
This is the code that makes a little paragraph that is shown on the PDF, the text works nice, it's only the image not shown.
Thanks for all.
Its most likely a problem with your PHP setup, specifically make sure you have support for GD image installed and enabled.
Now its solved, what i've done is render the images on the HardDisk and load it on the pdf
Related
I a trying to click on a picture (and depending on picture clicked on) and
am assigning a specific youtube video to an iframe source. Thanks for any help in advance.
<div class="col-md-3">
<img id="image2"
onclick= "iframe.bigVideo.src="https://www.youtube.com/embed/5t7x8KwJ"
class="crop-img"
src="images/lastcall.jpg"
alt="Last Call
/>
</div>
<iframe name ="bigVideo"
width="100%"
height="100%"
src=""
frameborder="0"
allowfullscreen></iframe>
In my PHP page I have a table where in one of the cells a picture is loaded dynamically:
<td class="text-centered">
<a href="modifica.php?id=<?php echo $objResult["id"];?>">
<img src="img/update.gif" width="29" height="20" title="modifica">
</a>
</td>
It works perfectly on any pc, but it doesn't show on smartphones. I tried several browsers and the problem persists.
Any ideas?
we are using follwing code to display images in this site:
http://demo1.kidsdial.com/
you can see 4 images below "slideshow" images
but it's not looking responsive.
That means, in mobiles and tabs it's not arranged properly & in smaller screen monitors, it's not displaying properly.
What code changes do I have to do to make it responsive?
Try this:
<img alt="" src="...topoffers1.jpg" style="max-width: 23%;">
<img alt="" src="...topoffers2.jpg" style="max-width: 50%;">
<img alt="" src="...topoffers3.jpg" style="max-width: 23%;">
http://prntscr.com/6r4iaj
http://prntscr.com/6r4igz
http://prntscr.com/6r4ilv
I'm working in a responsive newsletter and I'm nearly finished. In the last two weeks I read about the issues and things to mess when coding a responsive newsletter.
My newsletter is ready to use and responsive but now I face some problem that I cant solve since two days.
I got an image that is responsive in Outlook:
<img src="#" style="width:230px;max-width:96%;border:0px;" width="230">
and a table that is also responsive in Outlook:
<table width="800" style="width:800px;max-width:96%;text-align:justify;font-family:arial;color:black;font-size:14px;line-height:1.2em;">
<tr>
<td style="text-align:justify;font-family:arial;color:black;font-size:14px;line-height:1.2em;">
MASS-TEXT
</td>
</tr>
</table>
so far so good - it works great. BUT if I put the image in the table it isn't responsive anymore:
<table width="800" style="width:800px;max-width:96%;text-align:justify;font-family:arial;color:black;font-size:14px;line-height:1.2em;">
<tr>
<td style="text-align:justify;font-family:arial;color:black;font-size:14px;line-height:1.2em;">
<img src="#" style="width:230px;max-width:96%;border:0px;" width="230">
</td>
</tr>
Anybody know a solution for this or know why it isn't working because it works as single elements?
I tried a few things like give the rows and columns a percentage width and so on... nothing working. I just want a responsive table with a responsive image inside working for outlook... someone experience with this?
Dont you think that the max-width should be static and width should be relative i.e. max-width:800px and width:96%;
The below code works well in the standard outlook version. Outlook responsive Image in table working.
<table width="600" >
<tr><td>
<img src="add image link"/>
</tr></td>
</table>
I'm currently creating a image gallery (using Zurb Foundation as Framework) and would like to show the zoom icon on image hover (like this example here: http://codepen.io/Twikito/pen/Jeaub). But I would like the icon to be a font (Font Awesome) icon and not just one but 3 individual clickable icons.. Would that be possible?
I've put a quick JSfiddle together using font-awesome. The CSS is hacked together but demonstrates what's possible. It should give you a starting point to experiment with.
<a href="#" title="" class="image">
<img src="http://www.lyricis.fr/wp-content/uploads/2010/04/kickass-film-still-01.jpg" alt="">
</a>
<div class="cn">
<div class="inner">
<i class="icon-zoom-in large"></i>
<i class="icon-cloud-download large"></i>
<i class="icon-comment large"></i>
</div>
</div>
Note: The JSfiddle above uses font-awesome.css called externally from bootstrapcdn.com