[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

when creating order list - the second line wraps around and lines uop with the bullet - not the text.  How can I fix this?

Posted on 2008-11-04
12
Medium Priority
?
166 Views
Last Modified: 2013-11-19
While creating an odered list - the lines that are too long and tend to wrap,  line up under the bullet.  I'd like them to line up under the actual word.
<blockquote>
<li>
       <p align="left">
       <font face="Arial" color="#555533">Orthopedic 
       Post-Hospital Rehabilitation </font>
       </li>
       <li>
       <p align="left">
       <font face="Arial" color="#555533">Stroke and 
       Neurological Rehabilitation&nbsp; </font></li>
       <li>
       <p align="left">
       <font face="Arial" color="#555533">
     Post-Medical/Surgical Reconditioning&nbsp; </font>
       </li>
       <li>
       <p align="left">
       <font face="Arial" color="#555533">Adaptive 
       Equipment Training&nbsp; </font>
       </li>
       <li>
       <p align="left">
       <font face="Arial" color="#555533">Pre-Discharge 
       Home 
       Evaluations&nbsp; </font></li>
       <li>
       <p align="left">
       <font face="Arial" color="#555533">Patient and 
       Family 
       Instruction&nbsp; </font></li>
       <li>
       <p align="left">
       <font face="Arial" color="#555533">Personalized, 
       Progressive 
       and InterdisciplinaryCare Plans</font></li>
     </ul>                   </blockquote>

Open in new window

0
Comment
Question by:fussycat
  • 6
  • 6
12 Comments
 
LVL 16

Expert Comment

by:brad2575
ID: 22877041
I do not see an opening "<ul>" tag.  add that and it should fix it.
0
 

Author Comment

by:fussycat
ID: 22877056
Thanks, but when I do that, for some reason the bullets disappear.
0
 
LVL 16

Expert Comment

by:brad2575
ID: 22877089
plus you should move your font and align to the parent element (the UL tag) then you do not need tod o it for every LI tag.

try this:

<font face="Arial" color="#555533">
<blockquote><UL>
<li>Orthopedic Post-Hospital Rehabilitation</li>
<li>Stroke and Neurological Rehabilitation</li>
<li>Post-Medical/Surgical Reconditioning</li>
<li>Adaptive Equipment Training</li>
<li>Pre-Discharge Home Evaluations</li>
<li>Patient and Family Instruction</li>
<li>Personalized, Progressive and InterdisciplinaryCare Plans</li>
</ul></blockquote>
</font>

Open in new window

0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Comment

by:fussycat
ID: 22877223
OK, did it.  Now there ae no bullets - though everything lines up!
0
 
LVL 16

Expert Comment

by:brad2575
ID: 22877376
there are bullets for me in IE and Firefox.  Do you have an CSS that sets the bullets for all <UL> tags to not exist?  That would be the problem most likely.
0
 

Author Comment

by:fussycat
ID: 22877751
Not sure - here is another list (same page) that appears correctly - though no need for wrapping
<font face="Arial" color="#555533"></p>
   
   <blockquote>
   <li>IV Therapy</li>
   <li>G-tube/J-tube Management</li>
   <li>Pain Management</li>
   <li> Wound Care</li>
   <li>End-of-Life Care</li>
   <li>Ostomy Care and  Instruction</li>
   <li>Diabetes Care and Instruction</li>
   <li>Complex Wound Care</li>
   <li>Care for Chronic Respiratory Illnesses</li>
   </ol>
   </blockquote>
   

Open in new window

0
 
LVL 16

Expert Comment

by:brad2575
ID: 22878133
then try this without the UL tags (since youd ont have them above either):

<font face="Arial" color="#555533">
<blockquote>
<li>Orthopedic Post-Hospital Rehabilitation</li>
<li>Stroke and Neurological Rehabilitation</li>
<li>Post-Medical/Surgical Reconditioning</li>
<li>Adaptive Equipment Training</li>
<li>Pre-Discharge Home Evaluations</li>
<li>Patient and Family Instruction</li>
<li>Personalized, Progressive and InterdisciplinaryCare Plans</li>
</blockquote>
</font>
0
 

Author Comment

by:fussycat
ID: 22878303
When I do that - I get the bullets, but the words line up under the bullet not the word.
0
 
LVL 16

Expert Comment

by:brad2575
ID: 22878426
then you can try settting type="TYPE" in the UL tag like thisL

<ul type="circle">

but this should be done in style sheet not here.

I would still check the style sheet as that is what is causing your issues.
0
 

Author Comment

by:fussycat
ID: 22879450
I'm sorry ....this is turning into a fiasco!  

I checked the style sheet and didn't see anything referring to bullets (is that what I'm looking for?)  Where would I put the above command: (<ul type="circle">?
0
 
LVL 16

Accepted Solution

by:
brad2575 earned 1500 total points
ID: 22884832
in the style sheet you would look for anything with UL in it.

code with UL type

<font face="Arial" color="#555533">
<blockquote>
<ul type="circle">
<li>Orthopedic Post-Hospital Rehabilitation</li>
<li>Stroke and Neurological Rehabilitation</li>
<li>Post-Medical/Surgical Reconditioning</li>
<li>Adaptive Equipment Training</li>
<li>Pre-Discharge Home Evaluations</li>
<li>Patient and Family Instruction</li>
<li>Personalized, Progressive and InterdisciplinaryCare Plans</li>
</ul>
</blockquote>
</font>
0
 

Author Closing Comment

by:fussycat
ID: 31513109
Thanks so much - you did't give up on me!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question