Wrox Programmer Forums
|
Javascript General Javascript discussions.
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Javascript section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old March 22nd, 2004, 08:12 PM
Registered User
 
Join Date: Mar 2004
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default CSS

I didnt see a CSS specific forum so if Im posting in the wrong area please let me know.

I created a css for unordered & ordered lists. I noticed however when I apply a width attribute my bullets do not align correctly(IE 6,Netscape seems to be fine with it IF you can image that!).

If the text in the unordered lists wraps the bullets are aligned to the bottom of the text. As a down & dirty fix I vertically align top. Nasty looking but better than the bullets aligning to the bottom.

.UnorderedList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 5px;
    padding: 2px;
    width: 550px;
    list-style-position: outside;
    list-style-type: disc;
    vertical-align: top;
}

Now for the really nasty one, when I tried this trick with Ordered lists all the numbers came back as 1.

Does anyone know a graceful solution for this?

Thanks,
Surf_Doggie

 
Old March 22nd, 2004, 08:21 PM
Friend of Wrox
 
Join Date: Nov 2003
Posts: 1,285
Thanks: 0
Thanked 2 Times in 2 Posts
Default

Ick, I hate alignment problems....

I don't quite understand your problem, though. I'm guessing you might be able to use DIVs to group text in your lists, or something like that.

Does this page happen to be published? If so, may I see it?

----------
---Snib---
----------

<><
 
Old March 25th, 2004, 11:36 AM
Registered User
 
Join Date: Mar 2004
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Snib, you were absolutely correct! Some sort of ie6 problem thats why all the other browsers were displaying it correctly. Correct code below

.UnorderedList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 5px;
    padding: 2px;
    width: 550px;
    list-style-position: outside;
    list-style-type: disc;
}
<div class="UnorderedList">[list]
<li>250 -- Bumper Stickers -- 3&quot;x12&quot; or 3-3/4&quot;x7-1/2&quot; Sizes</li>
 <li>100 -- Screen Printed Posters -- 14&quot;x22&quot; Size</li>
 <li>1000 -- Lapel Stickers -- 2-1/2&quot; Round or 2&quot;x3&quot; Rectangular Shapes</li>
 </ul>
</div>

Thanks For the Assist,
Surf





Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS HELP:! CSS EXPANDIBLE BACKGROUND FOR TITLE phpuser2000 CSS Cascading Style Sheets 2 December 19th, 2007 12:36 AM
Rich's new CSS book: Beginning CSS 2nd Edition jminatel BOOK: Beginning CSS: Cascading Style Sheets for Web Design ISBN: 978-0-7645-7642-3 0 June 15th, 2007 11:55 AM
how to use CSS ngocntm CSS Cascading Style Sheets 3 September 30th, 2004 04:21 AM
css anshul HTML Code Clinic 2 July 12th, 2004 02:29 PM
CSS stu9820 HTML Code Clinic 4 May 18th, 2004 08:05 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.