blockquote spacing? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message

UCONN90 -> blockquote spacing? (9/27/2005 9:23:37)

Hi - I 'm working on a site where I have a bulleted list and I need to indent a few of the bulleted items so I'm using a Blockquote to indent.

My problem is there is a lot of whte space above and below my indented items due to the blockquote. Is there a way in CSS to define something for the blockquote to control this whitespace a blockquote produces? Line-height doesn't do it.

Here is the page I'm working on:
http://www.websbymegan.com/TlynneSeyfarth/how_we_work.html

You'll see towards the bottom 5 bulleted items indented (2 are my comments in red); this indentation looks like it's just hanging in mid-air.

Any suggestions?

Thanks! Megan
http://www.websbymegan.com



Tailslide -> RE: blockquote spacing? (9/27/2005 9:40:22)

Instead of using blockquote - I'd use sublists.

Like this: 

<ul>
<li>Monthly client statements</li>
<li>Monthly past due notices</li>
<li>Billing reports that show
       <ul>
       <li>Too much white space above?</li>
       <li>Summary Aged Accounts Receivable</li>
       <li> Monthly Payments Received</li>
       <li> Hours Worked by Timekeeper</li>
       <li> Too much white space below?</li>
       </ul>
</li>
<li>Trust Account/Retainer Reports</li>
<li>Any other reports you need to manage your practice</li>
</ul>


Note that the closing <li> of the "Billing Reports" list item is below the sublist closing </ul>.

This will indent the sublist for you. The amount of indentation can be increased if you want.



jeepless -> RE: blockquote spacing? (9/27/2005 9:48:29)

Or if Megan prefers to stick with using blockquotes, then add this to the <head> section (adjust sizes to suit your taste):

<style type="text/css">
<!--
blockquote { margin-left: 25px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; padding: 0px; }
-->
</style>




UCONN90 -> RE: blockquote spacing? (9/27/2005 9:55:05)

Thanks! Much better. But it changed the indented bullets to an open circle. Any way to control that? Would like them all to be solid bullets if possible.

Here's a new page with the changed bullets:

http://www.websbymegan.com/TlynneSeyfarth/how_we_work2.html




UCONN90 -> RE: blockquote spacing? (9/27/2005 9:59:21)

Thanks, Jeepless. Your suggestion fixes my secondary problem with the change in bullet type when I got away from the blockquote. Perfect!!

Thanks to both of you for your quick responses. Both solutions will come in handy.

- Megan



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125