Databases
StackOverflow2013
Postsdbo
POImages not anchoring correctly?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POImages not anchoring correctly?
    text
    copied!<p>Okay im creating a mobile site and I have a page of images and when someone clicks on a image I want it to go to that same image on a different page so im marking the images with <code>&lt;a name="picname"&gt;</code> and then linking them like this:</p> <pre><code>&lt;a href="pagename.html#picname"&gt;&lt;img src="filepath/picname.jpg" border="1"&gt;&lt;/a&gt; </code></pre> <p>But when I click on a image in a mobile browser it will skip to like right under the image (so you cant see it till you scroll up) what am I doing wrong?</p> <blockquote> <p>Snippet on page_1.html</p> </blockquote> <pre><code>&lt;a href="gallery.html#1"&gt;&lt;img src="gallery/1.jpg" width="95%" border="1"&gt;&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a href="gallery.html#2"&gt;&lt;img src="gallery/2.jpg" width="95%" border="1"&gt;&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a href="gallery.html#3"&gt;&lt;img src="gallery/3.jpg" width="95%" border="1"&gt;&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a href="gallery.html#4"&gt;&lt;img src="gallery/4.jpg" width="95%" border="1"&gt;&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a href="gallery.html#5"&gt;&lt;img src="gallery/5.jpg" width="95%" border="1"&gt;&lt;/a&gt; &lt;br&gt;&lt;br&gt; &lt;a href="gallery.html#6"&gt;&lt;img src="gallery/6.jpg" width="95%" border="1"&gt;&lt;/a&gt; </code></pre> <blockquote> <p>Snippet on gallery.html</p> </blockquote> <pre><code>&lt;a name="1"&gt;&lt;/a&gt;&lt;img width="95%" border="2" alt="" src="gallery/1.jpg"&gt;&lt;br&gt; &lt;a name="2"&gt;&lt;/a&gt;&lt;img width="95%" border="2" alt="" src="gallery/2.jpg"&gt;&lt;br&gt; &lt;a name="3"&gt;&lt;/a&gt;&lt;img width="95%" border="2" alt="" src="gallery/3.jpg"&gt;&lt;br&gt; &lt;a name="4"&gt;&lt;/a&gt;&lt;img width="95%" border="2" alt="" src="gallery/4.jpg"&gt;&lt;br&gt; &lt;a name="5"&gt;&lt;/a&gt;&lt;img width="95%" border="2" alt="" src="gallery/5.jpg"&gt;&lt;br&gt; &lt;a name="6"&gt;&lt;/a&gt;&lt;img width="95%" border="2" alt="" src="gallery/6.jpg"&gt;&lt;br&gt; </code></pre> <p>Any ideas would be great!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload