Jump to content

gotsowell

Members
  • Content count

    6
  • Joined

  • Last visited

Community Reputation

0 Neutral

About gotsowell

  • Rank
    Newbie
  1. gotsowell

    Layering a font behind a different font

    That was exactly what I was looking for. Huge thanks! I didn't think to look at scale settings.
  2. gotsowell

    Layering a font behind a different font

    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:'”' '„'; }
  3. gotsowell

    Layering a font behind a different font

    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">&#8220;</span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </body> </html>
  4. gotsowell

    Layering a font behind a different font

    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.
  5. gotsowell

    Layering a font behind a different font

    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.
  6. I borrowed a script posted to a forum that should make the active menu display a specified color and background color. The menu is a spry menu for Dreamweaver that uses anchors inside of li's. You can view it at http://sweet-momentum-fitness.com at the bottom of the page. What am I missing?
×