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?
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>
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 have a fully working rhinoslider and lightbox2. The images slide but are also clickable, when there clicked the nice lightbox2 pops up. But for some reason the captions in the slider won't display when the other link is above it.
My code:
<ul id="slider"><li><img src="images/1.jpg" alt="" title="test" /></li> </ul>
Does anyone know why the captions won't display? And is there a solution to this problem?
http://rhinoslider.com/
http://lokeshdhakar.com/projects/lightbox2/
First of all you should fix your markup.
<ul id="slider">
<li>
<a href="images/1big.jpg" rel="lightbox[roadtrip]" title="test">
<img src="images/1.jpg" alt="" title="test" />
</a>
</li>
</ul>
If the caption won't work afterwards, please make sure you enabled them in the settings of Rhinoslider.
If they still won't work try to set the captions manually: http://rhinoslider.com/tricks/html-captions/
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