Hanging bullet point list

Hi, ive been at this for a while and am getting know where.. please help.
I just want to make a bullet point list up, when one sentence drops down to the next i want that text to be fush with the text above and not the bullet point. anyone have any ideas or a simple fix, its scrambling my mind circuits. see pik attached.

Try this.  Copy and paste this code into a new, blank document.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unordered List Test</title>
<style type="text/css">
ul {
margin:0;
padding:0;
list-style-type:square;
list-style-position: outside;
li {
margin-left: 45px; /**indent**/
padding-left: 15px; /**bullet from text**/
line-height: 1.5;
</style>
</head>
<body>
<ul>
<li>This is a long sentence, this is a long sentence, this is a long sentence, this is a long sentence.</li>
<li>This is a long sentence, this is a long sentence, this is a long sentence, this is a long sentence.</li>
</ul>
</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

  • Bullet point lists  -- with spaces beetween each bullet?

    Hi everyone,
    I was wondering if anyone knew how to set it so that I can make a list of bullet points and have it automatically double space between each bullet point but leaving the text within each point as single spaced.
    I hope this makes sense?
    As far as I can tell, it only allows me to set double spacing for the entire document, not just for each bullet point.
    Would be very grateful if someone could help me tweak this.

    Select your list and then in the Text Inspector, Text tab, increase the "After Paragraph" spacing.
    Jerry

  • Bullet point list starting in a line also containing non-bulleted text

    Hi there!
    I have a line of text in iWork Pages separated by a tab, like this:
    Executive Summary: (TAB) This is the first bullet point
    I want the first part of the text ("Exec Summary:") to stay without bullets, but the right part of the text ("This is the first bullet point") to be shown as a bullet point (this list should then be continued in the following lines).
    Any time I highlight the right part of the text and click on "List", the bullet appears in front of the left part, not in front of the right. Any idea?
    Many thanks!

    If you are trying to mix the points within an indented, paragraph you can add a tab to catch the first internal bullet and type option * to get the bullet "•" then another tab to start the indented text.
    To continue with the normal auto bullets after that, make an indented bulleted list with the indent aligning with the tab in the first paragraph.
    All this formatting works off 3 things:
    1. First line indent which in this case is hard left
    2. A tab mid way between the hard left start and
    3. The overall paragraph indent which is further right.
    Exec Summary      •     First Point
                                 •     Second point etc
    Hope this looks right in this post which does not follow normal Word Processing formatting
    Peter 

  • Horizontal Spry Menu appears as bullet point list in IE8 and below - fine in firefox, chrome and IE9

    This one is breaking my brain! I have an horizontal spry menu bar in my website that renders correctly in all browsers except ie 8 and below where it appears like an unordered list - almost like no CSS had been applied at all. You can check out the site here http://www.webhance.com.au. The spry css looks like this:
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 130%;
    cursor: default;
    width: auto;
    float:right;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    cursor: pointer;
    width: 150px;
    float: right;
    text-align:center;
    font-family:"AvantGarde Bk BT";
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 150px;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 150px;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border-right: 1px solid #9fe2fd;
    text-align:center;
    font-family:"AvantGarde Bk BT";
    background-color:#4c859d;
    color:#FFF;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    border-right: 1px solid #9fe2fd;
    display: block;
    cursor: pointer;
    background-color: #4c859d;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #4c859d;
    color: #9cc9a0;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #4c859d;
    color: #9cc9a0;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    float: left;
    background: #FFF;
    The HTML for the section looks like this:
    <div class="header">
      <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html" id=button1>Home</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Services</a>
        <ul>
          <li><a href="design.html">Web Design</a>        </li>
          <li><a href="maintenance.html">Web Maintenance</a></li>
          <li><a href="social.html">Social Media</a></li>
        </ul>
      </li>
      <li><a href="portfolio.html">Portfolio</a></li>
      <li><a href="contact.html">Contact</a>    </li>
    </ul>
    <!-- end .header --></div>
    I really really need some help - hope someone out there can point me in the right direction :-)
    Julie

    Hi Gramps - thanks for getting back to me - I took advantage of your advice to others with some other issues I had and they worked a charm so I was really hoping to hear from you :-)
    Unfortunately removing media="only screen and (min-width: 769px) from the css call didn't resolve the problem.  Check it out on my index page www.webhance.com.au/index.html Any other ideas?
    Cheers, Julester

  • Bullet Points & Attachment Preview

    Just switched from Entourage to Mail in anticipation syncing w/ a new iPhone. However, when composing emails I can't figure out how to create a bullet point list in the body of the message.
    Also, is there a way to configure your inbox to preview attachments (e.g. as in Entourage)?

    I put this together very rapidly:
    No Table involved. It's grouped text and squares. - Fabe

  • Bullet points in Word for Mac

    When I have a bullet point list in Word, after pressing enter the next bullet point won't show up until I start typing.  Is there anyway to change it so the bullet appears as soon as I press enter?

    You should probably be posting on Microsoft's Mac forums since its their software you're having issues with:
    http://answers.microsoft.com/en-us/mac

  • Has anyone worked out Bullet Point Indentation?

    Lets say i have four bullet point list of text. Some of the text goes on for two or three lines how do you sort this issue of getting them aligned?
    • Sample text here
    • Sample text here
    • Sample text here. This text goes on to
    the second line. So it is not aligned as it should be.
    • Sample text here
    The only way i cold achieve this was to create a second text box which only contains the bullet points and place that next to it. But there has to be an easier way. Anyone?
    Thanks.

    I am not at a computer so I cannot look at your files at the moment and typing code on a smartphone is no fun!So I would do it this way:
    sym.$("button").bind('mouseenter', function(){
    sym.$("button").css({'background-color':'black'});
    sym.$("button").bind('click',function(){
    sym.$("button").css({'background-color':'red'});
    I will look at your files tomorrow. I usually group buttons' code so it is more compact.
    On Tue, Nov 4, 2014 at 7:34 PM, majedsahi <[email protected]>

  • Pages Bullet Point Shortcut

    Hello Fellow Community Members,
    I am recently transitioning from Microsoft Word to Apple Pages.
    To get to the point - Is there a keyboard shortcut to begin a bullet point list? I am specifically trying to access the Harvard Bullet Point List (I.A.1.a.) through a keyboard shortcut. e.g.: "by pressing "shift + command + B" would be a potential shortcut..
    I do know that with inputing the "-" command in the beginning of a line and pressing "enter" will automatically create a simple bullet list of consisting only of "-". Its great that all you have to enter is "-" to start this bullet list; however, this bullet point list is too simple.
    Thanks a bunch,
    Polo

    Hi Polo,
    To start a Harvard List, choose this for Line 1 of the list (Format Panel > Text > Bullets & Lists).
    Now type some text and press enter.
    To go through the hierarchy, press tab to increase the indent (level) or shift tab to decrease the indent (level).
    Regards,
    Ian.

  • Bullet point colour

    Hi,
    Is there a way to change the default colour for bullet points in Pages? Since changing the font colour of a bullet point list to red, and with text after the list being black, every subsequent bullet point list I try to make has red bullet points with black text and I then have to change the bullet point colour from red to black manually via the inspector. Is there a way to stop it from defaulting to red bullet points?
    Thanks for any help,
    Andy

    Hi Andy,
    Welcome to the discussions. If you haven't already done so, get the User Guide, available for download from the Help menu, and read-up on Styles. Your particular formatting preferences can be saved as styles, and those made available for future work by saving your document as a Template.
    Jerry

  • Unordered list not showing up as indented bullet points within Accordian

    http://www.foundationforyoutharts.org/test/Programs.html
    I have a page using the spry accordian, and about five different catagories of information. Some of the copy is in unordered lists (in martial arts catagories), but it shows up as as regular text. Any ideas on how to make it view as a typical unordered list with bullet points and indented?
    Thanks for taking time to look at this.

    Add a margin-left of 20px to your ul.
    Either added it in your stylesheet. or directly on the element:
    <ul style="margin-left:20px">

  • List's bullet points displyaing beyond table cell

    Just need a little workaround / fix for a styled list -
    basically in Firefox, the bullet points are displaying to the left,
    beyond the table cell they're in :
    link
    Any ideas to fix this?
    Cheers.

    Set the margin and the padding for the ul to zero.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "Iain71" <[email protected]> wrote in
    message
    news:evts8i$bf0$[email protected]..
    > Just need a little workaround / fix for a styled list -
    basically in
    > Firefox,
    > the bullet points are displaying to the left, beyond the
    table cell
    > they're in :
    >
    >
    http://www.choice-apex.com/
    >
    > Any ideas to fix this?
    >
    > Cheers.
    >

  • Pages 5.2 won't allow differently colored sub-bullets in lists as it did in previous versions.

    MY MAIN QUESTION:
    Prior to Pages 5, I had a template than included a green bullet (with black in the text) with a sub-indented bullet that was blue.  Now, in Pages 5.2 (Mavericks) I find it very hard to recreate this using styles and/or lists.  Whenever I change the color of the sub-bullet, it changes the color of the main bullet.  Any thoughts on this?
    SECONDARILY
    The list and styles functions in Pages 5.2 are somewhat complicated. I wish there were some sort of tutorial on the best way to use these.  I like the ability to tab to the next bullet indent, but not sure how to set the various styles for the indent.  Are lists independent of styles?  Or are they connected.  Not sure.

    Nah... I don't believe in hanging on to outdated software, even if it is superior in some ways or if I'm just used to it.  I'd rather learn how to use the newer version to my advantage and deal with the shortcomings.  It is a losing battle to try to "stick it out" with the older software, especially if you want to update your OS and take advantage of it.  Eventually, it won't work and you limit yourself by sticking to the old software.  I DO believe in complaining and submitting feedback to the developer to let them know stuff is not up to snuff.  But, I'll say, any new software has a learning curve and a degree of adaptation required if you are not used to using it.  When I went from Word to Pages back in 2008 or 2009, I lost a lot of functionality, but I learned to deal with it and ended up appreciating Pages versus Word.  For the most part, the transition to the new Pages, hasn't been that bad... there have been a few things I've had to change and adapt to, but I do like the new Pages in many ways.  The bullet point thing is annoying though and I'd like to figure out a decent solution, but it does not make me regret using Pages 5 on the whole.  Plus, I have multiple employees, and would like us all to be using the same software.
    -JP 

  • Power point bullet point numbering

    Hi,
    I have just converted a PowerPoint presentation to a captivate course, entering questions etc. throughout.
    3 or 4 of the slides have numbered bullet points, and 2 of those slides the number sequence wasn't kept. it just lists each point as 1. (there are six 1.'s rather than 1-6).
    In the PowerPoint slide the numbering is 1-6, in the working captivate file (captivate 7) it is 1-6, and in the edit in PowerPoint screen it is 1-6.
    In the preview or published versions it is there are 6 bullets all numbered 1.
    Any thoughts?

    You cant change the bullet timing easily (at least not in a
    straight forward way)
    after importing in Captivate. However those timings already
    present in power point slides are honored by Captivate. You need to
    ensure you do the following in the powerpoint animations so that it
    appears automatically:
    1. Go to Timing tab
    2. Change the Start to "After previous"
    3. Delay to (say 5 sec)
    If you are still not able to do, please send me the sample
    ppt file (or some slides) : [email protected]

  • Changing bullet point size in Keynote '09

    HELP! I have a major presentation in a couple hours and I am about to toss KEYNOTE out the window.
    I am typing slides and when I indent a bullet point to show a subtopic I can not figure out how to get the next line to start the next point....it just keeps adding points in the indented area.....
    Powerpoint has a simple icon to increase or decrease the List Level
    Where is this in Keynote  -
    Please help!

    Inspector>Text Tab>Bullets
    You can also use Tab to increase the level and shift tab to decrease it.

  • Reverse Entry of Bullet Points

    Hi,
    Bit of context.... Every week I host a pub quiz which has two projected elements onto screens in the bar. One is a ten-question round of pictures, the other is a leader-board where the positions of the teams get ranked.
    Up to now everything has been done in Powerpoint, but because Keynote effects are that much prettier (I mean... wow!) I've decided to switch over.
    Trouble is, for the leader-board I can't find a way to display the placings of the teams in reverse order - i.e. start with the team (or teams) in last place showing at the bottom of the slide and then bring in the next team (or teams) in third, second, etc above them.
    It's the one thing I've found so far that's a doddle to do in Powerpoint but I can't see a way of doing it in Keynote.
    My only thought is to do separate and multiple text boxes with their own builds, but that's a bit more fiddly than I'd like. (For one thing I don't know how many I'd need before the start of marking, whereas bullets auto-number.)
    So... for my first post here I thought I'd ask if anyone had any brilliant ideas? Or am I cursed to use Keynote and Powerpoint at the same time?

    Hi Rob,
    I wouldn't use Powerpoint again... that way lies madness.
    I don't think there's a way to do exactly what you're asking. I just fiddled around with the builds myself and couldn't get a numbered list to reverse-build. But there are a couple of things you could consider doing. Firstly, have you thought about making your list with the last-place team at the top of the slide and building down? I'm sure you've thought of it, but it seems a minor design change to me.
    The second, more complicated thing you could do is that you could set each bullet point as its own separate text box, and then you could build them in in any order you'd like. This will require a bit of setup the first time, but I'm sure you're just using the same template and typing over the information anyway. I'd make Arrange > Align Objects my best friend if I did that.
    Hope that helps!
    —Hazy

Maybe you are looking for

  • M9 not working via USB connection.

    From the card directly onto the macbookpro it recognises only the camera not the lens in the metadata. Nothing via the USB connection. Does anyone know if we are still waiting for an update to Aperture for this? If so that's ok, I'd just like to use

  • Read properties file in abstract portal component

    Hi, i have test.properties file, i want to read information on this file and its located in src.api/properties . if any one knows How to read this  properties file in abstract portal component please tell me. Regards, nari.

  • Special Characters... Favorites

    Hi, In various programs (Safari, Mail, iWork etc) I sometimes need to use special characters and have saved a number of 'favorites'. Everytime I open "Special Characters" however, "Arrows" opens. Is there anyway of having Favorites open as default? T

  • Black not printing

    Recently printer has stopped printing black.  It was almost out of black ink so I changed the black cartridge.  I had already changed the color cartridges within the past couple of weeks.  I have changed them many times and never had this happen.  Co

  • Browsing photos with Spotlight?

    Hello everybody! When I search some photos with spotlight is there any way to browse with the spotlight "slideshow" those folders spotlight find? I mean, I have photos of cars in a folder named "cars". When I search for car photos I have the searchwo