LinkBack URL
About LinkBacksI am working on Xlinks within SVG graphics for ePub to publish in iBooks.
I put the SVG code directly into the XHTML page as the xlinks do not work properly if i use an <img>, <object>, <iframe> or <embed> tag.
When i look at the graphic on safari browser or ibooks it is positioned in the middle of the page, leaving white space above and below and often pushing next page contents further away.
Is there any way to anchor and keep the position of the graphic at the top of the ibooks page. I have been fiddling about with the viewbox to make a view that exactly fits ibooks pages but is not proportional to a lot of my graphic which are more square.
I basically want to keep the graphic image fixed at the top of the ibooks page directly under <h3>.
I think I'm missing a trick somwehere?
This is some code to illiustrate my problem. Basically, i have an xlink purple dot in a blue square that want to keep at the top of ibook screen with the header.........If i get this sorted i can upload my books....... Help!..... Dave
ps.... i had no remove the namespace links below to be able to post....
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "">
<html xmlns="">
<head>
<title>PURPLE DOT</title>
<link href="../Styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body><div>
<h3>Chapter 1</h3>
<svg
xmlns=""
version="1.1"
xmlns:cc=""
xmlns:xlink=""
viewBox="0 0 523.47 405.5"
>
<g transform="translate(1.5,-276.40625)">
<path stroke-linejoin="miter" d="m0,277.91,0,402.49,520.47,0,0-402.49z" stroke="#000" stroke-linecap="butt" stroke-width="1px" fill="#e3f9f6"/>
<path stroke-linejoin="miter" d="m0,277.91,0,402.49,520.47,0,0-402.49z" stroke="#000" stroke-linecap="butt" stroke-miterlimit="4" stroke-dasharray="none" stroke-width="3" fill="none"/>
<a xlink:href="chapter02.xhtml#_lander">
<path d="m290.07,477.77a49.965,49.965,0,1,1,-99.93,0,49.965,49.965,0,1,1,99.93,0z" fill-opacity="0.79215686" fill-rule="evenodd" fill="#8a3089"/>
</a>
</g>
</svg>
</div>
</body>
</html>
Welcome to iPadForums.net Guest - Click Here to Register
|
|
+ Reply to Thread
Results 1 to 1 of 1
-
08-23-2012 04:42 AM #1iPF Noob
- Member #
- 238517
- Join Date
- Aug 2012
- Location
- scotland
- Posts
- 1
How do i keep <svg> snippet at the top of ibooks page?
-
08-23-2012 04:42 AM
Reply With Quote
Home | Forum | Active Topics | What's New
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
Similar Threads
-
PDF links goes to different page when tapped in ibooks
By Ging_Chan in forum New Member Introductions - Site AssistanceReplies: 2Last Post: 03-13-2012, 04:29 AM -
page turning sensitivity for iBooks
By davidl in forum iPad 2 ForumReplies: 4Last Post: 10-18-2011, 01:19 AM -
Problems with page turning in iBooks
By dougweller in forum iPad HelpReplies: 1Last Post: 10-13-2011, 11:55 PM -
iBooks author page
By ddays in forum iBooksReplies: 6Last Post: 08-23-2011, 06:10 PM -
ibooks stuck on a page
By gmenocal in forum iPad HelpReplies: 1Last Post: 05-15-2011, 08:49 PM
Search tags for this page
ipad ibooks svg animtion
,xhtml svg ipad
Click on a term to search for related topics.
