Quote:
Originally Posted by ebookscovers
can you let me know exactly how this should read:
|
You can't do the part in red:
Code:
<a href="https://twitter.com/UnknownOrigins9"><div id="box5"><p class="figure"><img src="../Images/twit.jpg" width="560" height="67" alt="twit.jpg"/></p>
</div></a>
You have to stick <div> on the outside, then <p>, then <a>:
Code:
<div id="box5">
<p class="figure"><a href="https://twitter.com/UnknownOrigins9"><img src="../Images/twit.jpg" width="560" height="67" alt=""/></a></p>
</div>
Let me simplify + indent so it may make more sense:
Code:
<div class="box5">
<p class="figure">
<a href="LinkGoesHere">
<img src="../Images/twit.jpg" alt=""/>
</a>
</p>
</div>
Do you see how each thing goes inside the other... like a Russian nesting doll?
What you're currently doing is opening and closing the <div>s + <p>s + <a>s all out of order!
Side Note: In ebooks, it's also not a good idea to put the link around an image. It won't work on many ereaders. Better to have actual text to click on:
Code:
[Blah blah blah, stick your image code here.]
<p class="social"><a href="http://TwitterURLGoesHere">Visible Text Goes Here</a></p>
Quote:
Originally Posted by ebookscovers
IS THIS BELOW CORRECT because I lose the URL and doesn't work:
<div class="figure"><img src="../Images/twit.jpg" width="560" height="67" alt="twit.jpg"/></div>
<p><a href="https://twitter.com/UnknownOrigins9"> <div id="box5"</a></p> |
No. Your <p> is still wrong.
You see the broken <div>? Plus the <div> cannot go inside of a <p>.