gotsowell
-
Posts
6 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by gotsowell
-
That was exactly what I was looking for. Huge thanks! I didn't think to look at scale settings.
-
Big thanks! I added the quotes property below to get curly quotes. I couldn't seem to get curly quotes, even though I'd declared serif, without using that property. My only remaining issue is that the open quote appears reversed. Is there a way to flip it to display in the usual way? I've searched whatever CSS properties I could think of but don't see something that applies to a single character. Any ideas? Latest iteration: https://www.w3schools.com/code/tryit.asp?filename=FSAUWRQ6OY5M div { quotes:'”' '„'; }
-
I have tried the set up the second option you gave. The way I'm using transform:scaleY(1.5) below doesn't increase the curly quote size. Z-index is working, though. The class is on a span within a block element. What am I doing wrong? The set up below <!DOCTYPE html> <html> <head> <style> div.c { font-family: arial; font-size: 28px; color: green; } span.d { font-family: serif; line-height: 10px; color: gray; transform: scaleY(1.5); z-index: -30; margin: -8px; } </style> </head> <body> <h1>The transform Property</h1> <h2>transform: scaleY(1.5):</h2> <div class="c"><span class="d">“</span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </body> </html>
-
Thanks, I'll give it a go. My CSS is a little rusty. The site with this layout uses a jpg of curly quotes and positions the text over the img. The work was done in xhtml 1.0, so it's not much help.
-
I'm trying to reproduce the quotation design in the screenshot using all CSS. It's to become part of the hero with the image to its right. The oversized curly quotes need to layer behind the actual quotation. I just can't seem to figure out the parent vs child elements which to make relative vs absolute and how to make z-index work how to ensure all elements resize together in responsive design. Can someone help me out here? Yes, I did the positioning tutorial before creating this topic. Thanks in advance.
