Re: [css-d] Misalignment in IE6

2009-10-15 Thread Usamah M. Ali
On Wed, Oct 14, 2009 at 5:06 PM, David Laakso wrote: > > The target selector for IE/6 is .grid_16. The star hack reinforces the > ruleset for IE/6. And the margin amendments position it horizontally. > > * html .grid_16 { > display: inline; > float: left; > position: relative; > margin-left: /*10p

[css-d] Misalignment in IE6

2009-10-14 Thread Usamah M. Ali
Hello CSSers, I'm using Grid 960 for the layout of a website I'm developing. Although Grid 960 initially supports IE6, the layout has some oddities regarding margin widths which casued misalignments on the page. The page displays perfectly on Firefox, Opera, Safari, IE7 and IE8. The link: http://

[css-d] Background position limitations in CSS 2.1

2009-06-25 Thread Usamah M. Ali
Hello everyone, There is a fundamental limitation of CSS's property background-position that becomes apparent and annoying when working with RTL documents. The problem is that when value lengths to determine the position of an image, the position is by default calculated from the __top left__ corn

Re: [css-d] Can I post: Designer wanted mail on this list?

2008-12-30 Thread Usamah M. Ali
Hello, Probably not. Quoting from list's policy[1]: "No solicitations of employment or requests for applications. There are job boards, Web sites, mailing lists, and other venues for helping stimulate your local economy. Check them out." [1]http://css-discuss.org/policies.html Regards, Usamah

Re: [css-d] opening image in new window

2008-06-24 Thread Usamah M. Ali
On Tue, Jun 24, 2008 at 3:20 PM, Bob <[EMAIL PROTECTED]> wrote: > Can anyone recommend some simple yet elegant code for getting > document images to open centered in another window? > > Bob Lines > __ This a behavioral function

Re: [css-d] identify all text elements and wrapping in screen width

2008-04-18 Thread Usamah M. Ali
You can use the declaration text-align: justify; on all textual elements, if that what you mean by your post. On Fri, Apr 18, 2008 at 2:09 PM, zaheer ahmad <[EMAIL PROTECTED]> wrote: > hi, > i have a requirement to wrap all text elements in the page to the screen > width to improve readability o

Re: [css-d] A weird CSS problem in IE7

2008-03-10 Thread Usamah M. Ali
On Mon, Mar 10, 2008 at 2:40 AM, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > > On Mar 10, 2008, at 12:44 AM, Usamah M. Ali wrote: > > > About havingLayout, doesn't IE7 need it? I thought hasLayout becomes > > redundant in IE7, am I mistaken? > > Oh

Re: [css-d] A weird CSS problem in IE7

2008-03-09 Thread Usamah M. Ali
On Sun, Mar 9, 2008 at 2:02 PM, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote: > > You don't provide much as a context; a url or minimised test case > perhaps ? > A screenshot is hard to debug. > > Intuitively, I'd say, give the parent (.searchbox) 'layout' and see if > that helps. > > Phil

[css-d] A weird CSS problem in IE7

2008-03-08 Thread Usamah M. Ali
Hello all, I'm having a weird CSS behavior that is happening only in IE7. It's a box that having rounded corners on both top-left & bottom-left sides. The problem is that one of the rounded corner images always jumps off its original place and spans into the content area. Here's a screenshot of t

Re: [css-d] new CSS book from O'Reilly Media

2008-03-02 Thread Usamah M. Ali
On Sun, Mar 2, 2008 at 7:19 PM, Rob Emenecker <[EMAIL PROTECTED]> wrote: > Howdy all, > > I see that O'Reilly Media just published "The Ultimate CSS Reference" > (Olssen & O'Brien) First Edition (ISBN: 0-9802858-5-2). Have any of you had > a chance to review this book? If so, how does it fit/com

Re: [css-d] background image issues

2008-03-01 Thread Usamah M. Ali
On Sun, Mar 2, 2008 at 7:49 AM, Lisa Wilcox <[EMAIL PROTECTED]> wrote: > Hi have this site > http://www.webgirlwebdesigns.com/testing/LehutaSiadak/index.html > > And when you view it, the background doesn't fall down behind the content. > > If anyone has any suggestions, I would appreciate it. >

Re: [css-d] Image Background On Hover Isn't Working

2008-02-26 Thread Usamah M. Ali
On Wed, Feb 27, 2008 at 6:20 AM, Elli Vizcaino <[EMAIL PROTECTED]> wrote: > Hello, > > The logo "NJ.com" in the upper left in the #topnav div > isn't swapping out with it's highlighted counterpart > on hover. Not sure I set the CSS right but that's > the effect I'm aiming for. Also, the image doesn

Re: [css-d] Getting Rid of White Background

2008-02-26 Thread Usamah M. Ali
On Tue, Feb 26, 2008 at 8:45 PM, Jeff Gates <[EMAIL PROTECTED]> wrote: > I am trying to port over a menu I have on the main part of my site to a > page that is outside the site template. But in adapting the css so the > menu text is white I seem to be having a problem with IE6/7. It is showing >

Re: [css-d] PVII Tab hitting below navigation

2008-02-25 Thread Usamah M. Ali
On Tue, Feb 26, 2008 at 7:03 AM, Christina Hawkins :: GlobalSpex <[EMAIL PROTECTED]> wrote: > http://www.globalspex.com/clients/rosemount/business-banking-savings.php > > Having a heck of a time understanding why my PVII tab is hitting below the > navigation in FireFox. In IE it's just fine. (I a

Re: [css-d] Float Issue In IE

2008-02-25 Thread Usamah M. Ali
On Tue, Feb 26, 2008 at 7:33 AM, Elli Vizcaino <[EMAIL PROTECTED]> wrote: > Hello, > > I have a #sidebar div floating left with 2 divs > (#topright_content and #bottomright_content) floating > right, all contained within a #container div. They > appear fine in Safari & FF but in IE7 (haven't ch

Re: [css-d] Styling DL

2008-02-25 Thread Usamah M. Ali
On Mon, Feb 25, 2008 at 6:07 PM, Richard Brown <[EMAIL PROTECTED]> wrote: > Hi All > > On this page: > > The county entry was riding up into the city field. I added clear:left > into the dl class so that it didn't do it but I am a bit conc

Re: [css-d] Font name

2008-02-25 Thread Usamah M. Ali
Hello, Looks like a Trebuchet MS variant. I don't know, however, how that relates specifically to CSS? You'll get definite answer to that question in graphics-related mailing lists or forums. Regards, Usamah On Mon, Feb 25, 2008 at 5:21 PM, Mário Gamito <[EMAIL PROTECTED]> wrote: > Hi, > > Does

Re: [css-d] position:absolute bottom:0 not at the bottom

2008-02-24 Thread Usamah M. Ali
> Usamah: Removing the font-size declaration did not fix the issue when > testing with different fonts and Browser-text-zoom settings. It depends > on the resulting height of the box, but I cannot control that because of > the flow of text. > I see. What about the negative margin on the span?

Re: [css-d] IE7 auto centering on zoom

2008-02-24 Thread Usamah M. Ali
On Sun, Feb 24, 2008 at 6:18 PM, Ren Jonsin <[EMAIL PROTECTED]> wrote: > This user has a vision problem and the zoom makes everything bigger. It's > not happening when you increase the text size, it's when you use the zoom > feature in the right side of the status bar. Text resize works fine on al

Re: [css-d] IE7 auto centering on zoom

2008-02-24 Thread Usamah M. Ali
On Sun, Feb 24, 2008 at 4:57 PM, Ren Jonsin <[EMAIL PROTECTED]> wrote: > Hi all, > > I had a reader send me an email yesterday complaining that when he uses the > zoom feature in IE7 on my site, http://www.frontstretch.com the horizontal > scroll it cr4eates keeps automatically centering on the

Re: [css-d] Floated blockquote nested inside li in IE6/IE7 with RTL layout

2008-02-24 Thread Usamah M. Ali
On Sun, Feb 24, 2008 at 4:46 PM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > > Only solution that seems to work reliably in IE/win without really > changing the underlying markup, is to add a div as "style-hook"... > > > > > ... > > > ... > > Perfect! Thanks Gunlaug. Do you have a

Re: [css-d] Slide show in a single picture frame

2008-02-24 Thread Usamah M. Ali
Hello, Take a look at SmoothGallery 2.0: http://smoothgallery.jondesign.net/ It's an elegant JavaScript slideshow script that is based on mootools framework. I would highly recommend it over a Flash-based one. It's is accessible, crawlable by search engines and produces Standards-Compliant code a

[css-d] Floated blockquote nested inside li in IE6/IE7 with RTL layout

2008-02-24 Thread Usamah M. Ali
Hello all, I'm having a problem with floated blockquotes nested inside elements within a RTL layout. RTL layout in the sense of adding dir="rtl" to the element. Check a live example of the problem: http://sawa.org.sd/testimonials/zuhair-alsarraj-alsudani-part-one The list item's square is bein

Re: [css-d] position:absolute bottom:0 not at the bottom

2008-02-24 Thread Usamah M. Ali
On Sun, Feb 24, 2008 at 12:39 PM, Ingo Chao <[EMAIL PROTECTED]> wrote: > > > There is a 1px gap below the red block that is absolutely positioned > (bottom:0) inside its containing black block. > > (In case you cannot see the gap, change the text zoom.) > > Both should be equal in height. The h

Re: [css-d] Background URL width and height

2008-02-23 Thread Usamah M. Ali
On Sun, Feb 24, 2008 at 12:19 AM, Hayden's Harness Attachment <[EMAIL PROTECTED]> wrote: > > Is it possible to control the width and height of a background URL using > CSS? I have a CSS file with "background: > URL(http://www.choroideremia.org/images/curve.gif) no-repeat 115px 0;". > > Angus Ma

Re: [css-d] Need Image to Overflow Bounds

2008-02-22 Thread Usamah M. Ali
Hello, Absolute positioning the image might work. I gave it a try in Firebug and it worked but needs tidying up I guess. Just out of curiosity, what are using overflow: hidden for? Regards, Usamah On Sat, Feb 23, 2008 at 2:17 AM, Chris Akins <[EMAIL PROTECTED]> wrote: > I'm working with one of

Re: [css-d] graphics align right in table cells

2008-02-22 Thread Usamah M. Ali
Hello bbxrider, First of all, please don't cross post on this list. Send a single email for every issue and reply on the same message with any upcoming fedback or communication. Now, about your inquiry, it's clear that you're using very incorrect syntax on your CSS. Actually you're mixing between

Re: [css-d] IE problems regarding height of DIV

2008-02-22 Thread Usamah M. Ali
IE is targeted with a 30px top padding in the conditional comments of IE:

Re: [css-d] Background not extending to whole ul? - Prob v simple!

2008-02-22 Thread Usamah M. Ali
> #thumbnails ul {list-style:none; padding:0; margin:0; width:216px; > height:144px; background-color:#333; border:1px solid #666; > position:relative; } > The height property value is too small for including all the thumbs. You have every thumb's height equals 60px so 3 rows of thumbs needs at

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
Once you grasped the basic concept of using background images, then it's a matter of trial & error until you get the perfect look you're after. Try changing the background position to left top or left bottom or applying padding the links in the CSS or a combination of all these and others. Good l

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
On Fri, Feb 22, 2008 at 12:34 AM, Big Moxy <[EMAIL PROTECTED]> wrote: > Thank you for the correction, Usamah! I also added height:37px to ensure the > full image was being displayed. What do I do about the extra image behind > the image "title"? It's not even full-size? > > Regards, > Tim > Yo

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
On Fri, Feb 22, 2008 at 12:06 AM, Big Moxy <[EMAIL PROTECTED]> wrote: > Great catch Cory! I don't think background image is the right solution > though. Look at it now. www.zanalysts.net > > Tim > > > I'm very sorry, but the background positioning should be left center NOT center center. When yo

Re: [css-d] Markup for image URL in CSS rule

2008-02-21 Thread Usamah M. Ali
On Thu, Feb 21, 2008 at 11:54 PM, Cory Shubert <[EMAIL PROTECTED]> wrote: > > >h4 { > >background: transparent url("/images/windows-logo.gif") no-repeat > center center; > >padding-left: 42px; > >} > > Question on markup code in CSS. I have seen markup as above, where the > image tag insid

Re: [css-d] alignment problem on Firefox

2008-02-21 Thread Usamah M. Ali
On Thu, Feb 21, 2008 at 11:51 PM, Big Moxy <[EMAIL PROTECTED]> wrote: > I'm sorry but that didn't work. The image is not displaying now. > > Try using the absolute path to the image and don't forget the left padding. h4 { background: transparent url(http://absolute/path/to/the/image) no-repeat ce

Re: [css-d] alignment problem on Firefox

2008-02-21 Thread Usamah M. Ali
> Your approach is complicating the matters for you. You should be using > background images instead of putting presentational images right into > the markup. Instead of having: > >alt="windows logo" src="/images/windows-logo.gif"/> > ASP.NET 3.5 Hosting > > you could have: > > ASP.NET 3.

Re: [css-d] alignment problem on Firefox

2008-02-21 Thread Usamah M. Ali
> Can someone please help me with the alignment of the list items on the right > hand side of the page? I set padding-left: 42px to the list items and as you > can see the graphic extends below the title and therefore the padding on the > list item pushes the first couple to the left and out of

Re: [css-d] Float list items

2008-02-21 Thread Usamah M. Ali
> > My normal approach would be something like... > > > item 1 price1 > item 2 price2 > item 3 price3 > > > li {text-align: right;} > li span {float: left;} > > ...as CSS can only target elements, not the content within them ... at > least not yet. > My normal approac

Re: [css-d] divs not centering in Firefox

2008-02-21 Thread Usamah M. Ali
On Thu, Feb 21, 2008 at 8:17 PM, Cory Shubert <[EMAIL PROTECTED]> wrote: > Hi list memebers, maybe someone can help me figure out why this won't > work in Firefox but does in IE6. > > This is splash page that is called via Java in a booking process.. > > CSS: > >

Re: [css-d] Making an RTL version of Deco (Drupal Theme)

2008-02-19 Thread Usamah M. Ali
Hello Farid, Switching an LTR layout to RTL should be straightforward. Vision-wise, it's typically and literally as mirroring the layout. Every single left-aligned element should be right-aligned and vice versa. Here's a list of important things to consider: 1) The most important step is switchin