Mobile app version of vmapp.org
Login or Join
Gloria169

: Big stylish quotes using only HTML/CSS? Is there a simple way to pull off this style of quotes in HTML/CSS without having to resort to images or things like absolute positioning? It seems every

@Gloria169

Posted in: #Css #Html

Is there a simple way to pull off this style of quotes in HTML/CSS without having to resort to images or things like absolute positioning? It seems every time I look away something new and awesome is added to HTML/CSS, so I just wondered if this type of thing might be possible? :)

See image:

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Gloria169

2 Comments

Sorted by latest first Latest Oldest Best

 

@Shanna517

It is indeed possible without using images. One approach introduces additional markup besides a simple <blockquote> and another uses the :before and :after pseudo selectors to add the quotes. The quotes themselves are just blown up text and styled with CSS. So yes images aren't required, but they end up being easier to implement and more widely supported. The pseudo selectors don't have support in IE6 or IE7, but it's up to you if you want to support them.
www.designmeme.com/tutorials/csscurlyquotes/

10% popularity Vote Up Vote Down


 

@Speyer207

You need the quote image, put it in the background of a div and set a first line margin.

You are going to need to use an image.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme