-
1. Re: I only want my list image in the paragraph bullets, not in the spry menu?
pziecina Feb 16, 2011 7:05 AM (in response to INTYME1985)Ji
You will have to give the required list a class and apply the image to this only, e.g. -
.listImage ul li {
list-style-image: url(listbullet.gif);
}
PZ
-
2. Re: I only want my list image in the paragraph bullets, not in the spry menu?
INTYME1985 Feb 16, 2011 12:51 PM (in response to pziecina)Thanks PZ,
I can't get it to "stick"? I've exited DW and restarted too, nothing?
I placed this in my template, and also re-applied the template to the page.
}
.star_bullet {
color: #00F;
list-style-image: url(../graphics/star_bullet.png);
}On the actual page, I see the above gray'd out.. and applied this class to the text.
<p align="left" class="star_bullet">All Air Pack products are environmental PTA and up to EU standard for export.</span></p>
Also, I removed the list-style-image from the .twoColFixl tHdr #container in the template, and it seems to of removed the list-style-images from my spry menu.
UPDATE: Most recent ver w/o list-style-image in spry menu.
http://www.kansascitycrates.com/air_packs.html
Thank you PZ, I never post for help until I just keep banging my head against the wall.
-
3. Re: I only want my list image in the paragraph bullets, not in the spry menu?
Nancy O. Feb 16, 2011 1:28 PM (in response to INTYME1985)Paragraphs don't contain bullets. Use an unordered list:
<ul class="star_bullet">
<li>bulleted text goes here</li>
<li>bulleted text goes here</li>
<li>bulleted text goes here</li>
</ul>
CSS:
.star_bullet {
color: #00F;
list-style-type:none;list-style-image: url(../graphics/star_bullet.png);
}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
4. Re: I only want my list image in the paragraph bullets, not in the spry menu?
INTYME1985 Feb 17, 2011 4:06 AM (in response to Nancy O.)Thank you Nancy, and everyone...
Lastly, where did I pick up a spacing difference between these 2 pages? The bulleted text format/syntax is identical and both look the same in code and live view, however, on my remote server the spacing on the second page disappears?
Wanted spacing
http://www.kansascitycrates.com/always_included.html
Unwanted spacing
http://www.kansascitycrates.com/air_packs.html
Originally, all pages were created by copying the previous page.
Thanks again, I am grateful for your kindness and assistance
-
5. Re: I only want my list image in the paragraph bullets, not in the spry menu?
Nancy O. Feb 17, 2011 10:31 AM (in response to INTYME1985)Too many <ul> tags in your HTML lists. You only need one set of <ul> tags like so:
<ul class="star_bullet">
<li>Licensed & Insured</li>
<li>Uniformed Personnel</li>
<li>All New Materials</li>
<li>Flooring Protection (before, during and after service)</li>
<li>Jamb Guards</li>
<li>Clear Invoicing</li>
<li>Crate Labels (Item description, Room, Crate # of #)</li>
<li>Final Crate Inventory (w/Total Cubic Foot)</li>
<li>Condition Reports (w/photographs)</li>
<li>Commercial DOT Trucks</li>
<li>Satisfaction Guaranteed!</li>
</ul>In your CSS, add bottom margin between list items like so:
.star_bullet li {
margin-bottom: 15px;
}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
6. Re: I only want my list image in the paragraph bullets, not in the spry menu?
INTYME1985 Feb 21, 2011 3:25 PM (in response to Nancy O.)Thanks to both of you, it looks great!




