View Single Post
Old 11-28-2013, 09:12 AM   #38
Psymon
Chief Bohemian Misfit
Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.Psymon ought to be getting tired of karma fortunes by now.
 
Psymon's Avatar
 
Posts: 571
Karma: 462964
Join Date: May 2013
Device: iPad, ADE
Quote:
Originally Posted by RbnJrg View Post
My english is not so good so I don't understand you very well; what is your issue now?
And my english is very good... but sometimes I don't explain myself very well!

My apologies if I didn't explain myself very well. Firstly, though, thanks for the tip re display:none for my <h1> tags! I should have thought of that myself, but for some reason I thought I wasn't allowed to put anything else on the page other than what was in those <svg> tags (don't ask me why I thought that -- I think that was an assumption I made based on something funny happening when I did that on pages with full-size images).

In any case, though, while I was really happy with the way those SVG title pages looked when they were done, they were also a lot more complicated to edit -- and that's in addition to my not being able to put the <h1> tags in them (which you resolved now, of course).

So for both those reasons, I was thinking of trying what you'd said was "better" anyway, i.e. not doing it the SVG way, and instead doing it just with CSS (background-image), using/modifying the code you'd posted here earlier.

I couldn't seem to get it to work with this image (see attachment), though. Basically -- if at all possible -- I was hoping to have this image as my full-page background image, and then my chapter title + flower ornament + author tags (<h1> + <img> + <h2>) overtop that. And while I'm at it, if these latter could have margins set as a percentage, that would be great, as I could easily have all the text stay within the "frame" in the background image, regardless of orientation or size.

All of this has been really great, Rubén! I don't quite understand that SVG code, but I know how to do that now (thanks to you, including your last reply). It'd be nice to know/understand the other CSS way, too -- then I'd have two options to choose from for now and any future projects.

PS...

I just did the calculations, and if it were possible to make all the margins 10%, that would keep the text within the "frame" of the background image (more exactly, 9% for the left/right margins and 6% for the top/bottom would allow the text right up to the edge of the "frame", if the background image is indeed 100% full-page).
Attached Thumbnails
Click image for larger version

Name:	bamboo_fence.jpg
Views:	285
Size:	201.7 KB
ID:	115889  

Last edited by Psymon; 11-28-2013 at 09:31 AM.
Psymon is offline   Reply With Quote