View Full Version : css in epub (rounded corner)


JiYu
09-20-2010, 06:35 AM
Hi,

I am trying to create an css box with rounded corners. In the "browser" its working fine, but the Kindlepreviewer (Windows version running with wine) is not showing it correctly. Is it may be not supported?

css:

body {
background-color: #E0E0E0;
}


/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

and html:

<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<p style="text-align: center; font-size:450%;">1.</p>
</div><!-- /rbcontent -->
<div class="rbbot"><div></div></div>
</div><!-- /rbroundbox -->

In the previewer the background is okay, but its not possible to see any box. Can some body see my mistake or have done that before?

kind regards

JiYu

Jellby
09-20-2010, 06:52 AM
Note that the Kindle does not support ePUB. What probably happens is that Kindlepreviewer (or whatever) converts the ePUB to Mobi, and then you are limited by what Mobi does or does not support (and how well the automatic conversion is done).

JiYu
09-21-2010, 05:31 AM
Note that the Kindle does not support ePUB. What probably happens is that Kindlepreviewer (or whatever) converts the ePUB to Mobi, and then you are limited by what Mobi does or does not support (and how well the automatic conversion is done).

Yeah was hoping that mobi probably support it, but it seems to be that its not ;) Ahhhh thats very sad then I need to find another way to accomplish this.