[webproducers] Re: IE and Margins
- From: "Ryan Champagne" <ryanpchampagne@xxxxxxxxx>
- To: webproducers@xxxxxxxxxxxxx
- Date: Wed, 9 Apr 2008 13:59:32 -0400
Ahh, gotta love cold fusion ::bleh::
I have had to do some recent overhauls because of IE not playing well.
Unfortunately, thats always the problem. We have to program for the dumbest
of browsers and only show the fun stuff on browsers that will play nice.
Not, sure what you are trying to accomplish with that inline CSS, but if
your trying to get the bullets back, you have to define that. Those bullets
look like they are custom images.
ul{ list-style-image: url(bullet.gif); }
If the browser doesnt support that you could add *
list-style-type: disc;*
Sometimes the image doesn't align itself the way you want either and you
might need to place it inside the list item block instead of outside. In
that case you can use:
*list-style-position: inside;
*Of course, since CSS is a nice clean language, you can combine all of it
too:
*ul{ list-style: disc url(bullet.gif)* inside; }
As for just making the bullet show if its none of these, There is also a
trick where you have to define a left padding and a left margin because IE
and Opera handle lists differently. I can't remember which pertains to which
but you can try them out.
Hope this helps,
-Ryan Champagne
On Wed, Apr 9, 2008 at 1:31 PM, Otto Avila <otto.avila@xxxxxxxxxxxxxxxxx>
wrote:
> Hello everyone!
>
>
> The site I'm currently working on has a horrible css stylesheet that I
> can't access
>
> - the backend is proprietary coldfusion and they won't allow us to
> modify the
>
> CSS file in which a programmer has decided to zero out all margins
>
>
>
> For everything, but specifically for <UL> lists
>
>
>
> So that on this page:
>
> http://www.mywinesdirect.com/index.cfm?fuseaction=itemdetail&item_id_int
> =15953&category_id_int=15095<http://www.mywinesdirect.com/index.cfm?fuseaction=itemdetail&item_id_int=15953&category_id_int=15095>
>
>
>
> the bulleted list will look fine on Firefox, but on IE, no bullets show
> up at all
>
>
>
> I even tried adding in this style to the UL
>
> <ul style="margin:1.0em 0 1 3.0em; line-height:16px;">
>
>
>
> But that doesn't work on IE either
>
>
>
> Any thoughts?
>
>
>
> L
>
>
>
>
>
> thanks,
>
> -Otto Avila
>
> http://www.mywinesdirect.com <http://www.mywinesdirect.com/>
>
>
>
>
>
>
> --
> Check out the Web Producers Job Board http://jobs.webproducers.org
>
> Messages are archived in our publicly accessible web archive. Trim your
> posts and delete personal information if you do not want them in the public
> web archive.
>
> To unsubscribe send a blank message with unsubscribe in the subject to
> webproducers-request@xxxxxxxxxxxxx (and be sure to reply to the
> confirmation e-mail)
>
> Manage your subscripton (digest, vacation mode, unsubscribe) at
> http://webproducers.org/join.html
>
>
>
>
--
Check out the Web Producers Job Board http://jobs.webproducers.org
Messages are archived in our publicly accessible web archive. Trim your posts
and delete personal information if you do not want them in the public web
archive.
To unsubscribe send a blank message with unsubscribe in the subject to
webproducers-request@xxxxxxxxxxxxx (and be sure to reply to the confirmation
e-mail)
Manage your subscripton (digest, vacation mode, unsubscribe) at
http://webproducers.org/join.html
Other related posts:
