Re: [css-d] Image Slices

[Alan Gresley]

Christopher R wrote:

 > On Tue, Mar 10, 2009 at 8:38 AM "Virgilio Quilario" 
 wrote:
 >>> Hi does anyone know why I'm getting white spaces between sliced 
images ? I have a bunch of  tags within the  and I can't 
figure out why the images have spaces, and currently why half of the 
image slices look fine and the rest look like a jigsaw puzzle.
 >> hi, maybe you need:
 >> img {
 >> margin:0;
 >> padding:0;
 >> }
 >>
 >> please post a code or link to it.
 >>
 >> Virgil
 >> http://www.jampmark.com

> I put in padding 0, margin 0 within the div and that didn't solve it neither 
> did display:inline or display: block.
> idname img {rules} is how I currently have it laid out.  Now what also I find 
> odd is that I have all my slices loaded but 2 slices don't show up
> in the right order there still is a gap between the slices that do show up.  

Christopher, a link does help.

BTW, the display:block should be applied to the img and not the div.


img {display:block;}


The div element is display:block by default. Currently I presume the 
image is display inline (since its an inline element) so it baseline is 
the same level as the base line of the run of line boxes within I 
presume the div.

Do you have a link or small sample portion of the code?


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

[Alan Gresley]

ray wrote:
> Hi, All
> 
> Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that the
> whole page moves to right and then to left quickly. I checked the whole code
> but found none of problem. Could somebody help me out?  Thanks in advance.
> 
> Thanks


Hello Ray

It would help if you could be more precise. Very importantly, what 
browser do you observe the bug in? Also what elements actually move?

OK, I have notice a bug in IE8b2. O a maximized viewport, clicking the 
menu item "Case studies" once or several times causes either.

1. The top banner above the menu to disappear.
2. The Image above the text of each Cast Study (1 to 4) to disappear.
3. Both the above to disappear.
4. For the banner image and study image to alternatively disappear.
5. For everything to reappear that had disappeared.


There is to movement seen to the right and then left.

BTW, your XHTML is invalid.


-- 
Alan http://css-class.com/

Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Shorten width

[Ib Jensen]

2009/3/10 trevor bayliss :
>
> Hi all the green background on the right hand "head" is too wide as shown in 
> this image:
> www.copywritecolombia.com/ie.gif
>
> The page is:
> http://www.copywritecolombia.com/test.php
> How can I make the green header on the right box less wide?
> Also how can I make the height of the left box the same as the right? Thank 
> you


Validation of the page says 6 errors and 2 warnings.


At the end of this line:

text

You have a  with no start 


Maybe you'll find some more _yourself_ by validating the page.


-- 
Regards / Mhv.
Ib K. jensen - http://ikjensen.dk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :hover problems in IE

[Els]

Climis, Tim wrote:

>> That would only work on block level elements, so 'display:block;'
>> would do the trick.
>
> That's what I thought, but I get them display:block already.

If the element has display:block, it should respond to the height 
property as far as I know.

Looking at the page in Firefox and checking with Firebug: the 
display:block is on the span, not on the  element.
Try what happens if you set the display:block and a height on the  
element - should really work.

-- 
Els

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] container problem

[David Laakso]

Melinda Odom wrote:
> Hi,
>
> I am having this problem with the container div...
>
> http://www.designhosting.us/vardy/test.html
>
>   


Assuming ypu control the markup, add a first to open, last to close, division. 
Something like this should hold the blocks together and centered rail to rail 
cross-browser:

#stuff {margin:0 auto;width:905px;border:1px solid fuchsia;}






-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :hover problems in IE

[Climis, Tim]

Climis, Tim wrote:

>That would only work on block level elements, so 'display:block;'
>would do the trick.

That's what I thought, but I get them display:block already.

> So why don't you use an actual transparent gif as filling for the
> link?

That's my fall back solution but I wanted to try doing it without 1 pixel 
images.

> I don't see the problem with those being hardcoded into the JavaScript, as 
> all you'd need to do to change
> them, is replacing the image files that are used there. Even easier than 
> updating a stylesheet.

I don't know why I hadn't thought of that.  You're right though. Oh, but then 
the buttons don't center anything close to as easily as 
'background-position:center' when the image size changes.

So transparent gifs it is then, I think.

---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :hover problems in IE

[Els]

Climis, Tim wrote:

> So I now have a new question: how can I give an empty link height
> in IE?  Since the height property in the css isn't working.

That would only work on block level elements, so 'display:block;'
would do the trick.
But that may not have the desired result if you're planning on
displaying the links horizontally next to each other.
If you want to do that, you'd have to float them.

> The
> whole point of this is to have the previous/next images be
> styleable via the stylesheet, instead of hardcoded in the
> javascript, which is why I want the background images instead of
> actual images. (if this is getting off-topic let me know, and I can
> move over to The List)

So why don't you use an actual transparent gif as filling for the
link? Transparent means see-through, and as long as the transparent
gif is safely sitting on the server in the right place, no broken
image symbol. The transparent gif only needs to be 1px in size, and
you can stretch it by just setting width and height on it.

> http://www.indiana.edu/~intlserv/ic/programs/coffee_hour_gallery.php
>
> Click on any of the thumbnails, and it'll get the script started.

Ah, *those* prev and next images. I don't see the problem with those
being hardcoded into the JavaScript, as all you'd need to do to change
them, is replacing the image files that are used there. Even easier
than updating a stylesheet.

-- 
Els

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Shorten width

[trevor bayliss]

Hi all the green background on the right hand "head" is too wide as shown in 
this image:
www.copywritecolombia.com/ie.gif

The page is:
http://www.copywritecolombia.com/test.php


How can I make the green header on the right box less wide?
Also how can I make the height of the left box the same as the right? Thank you




  

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :hover problems in IE

[Climis, Tim]

> Or maybe the  element doesn't extend its height around the , and 
> therefore there is no visible hover effect.

That's it.  Thanks, sort of.  I put this project down for a few months, and was 
just getting back to it today.  Originally, I didn't have the .  I just 
had an empty  with a background image.  But since it was empty, IE doesn't 
acknowledge the height.  I had put an empty  in it (ie. without a src) 
because images get to have height and width.  But then I get IE's ugly "broken 
image" picture, so that was no good.  So then I tried  since it can go 
inside  but it brings us right back to the empty link issue that I had 
forgotten about in the months since I put it down.

If I put in   then I have to hover over the space for the :hover to take 
effect.  But once it does, I can hover anywhere in the defined dimensions of 
the link without the regular style taking back over.

So I now have a new question: how can I give an empty link height in IE?  Since 
the height property in the css isn't working.  The whole point of this is to 
have the previous/next images be styleable via the stylesheet, instead of 
hardcoded in the javascript, which is why I want the background images instead 
of actual images. (if this is getting off-topic let me know, and I can move 
over to The List)

> I think it would be best if you supply a URL with the example that 
> shows the problem. Makes it a lot easier to determine the problem.
> This would also show what doctype (if any) you are using, which can 
> have an effect on how IE7 renders a page too.

http://www.indiana.edu/~intlserv/ic/programs/coffee_hour_gallery.php

Click on any of the thumbnails, and it'll get the script started.

---Tim
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :hover problems in IE

[Els]

Climis, Tim wrote:

> I've got a problem with IE and :hover. As you can see in the
> stylesheet, the :hover is being applied to an anchor tag, so it
> should work.  But when I hover over the link, nothing shows up.  Is
> there anything you all see that might be causing problems?

Looking at your code, I see you have a  inside your links.
IE has problems with :hover styles on spans inside links sometimes, 
but they are easy to fix.
Not sure that this is what causes your problem though, as you are 
trying to change the background of the  element, not the .
Could be that the styles do change, but the span hides them? Or maybe 
the  element doesn't extend its height around the , and 
therefore there is no visible hover effect.

I think it would be best if you supply a URL with the example that 
shows the problem. Makes it a lot easier to determine the problem.
This would also show what doctype (if any) you are using, which can 
have an effect on how IE7 renders a page too.

-- 
Els


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] container problem

[Melinda Odom]

Hi,

I am having this problem with the container div and have it outlined  
in green.  If I set the container div to relative and leave the  
overflow: hidden off the container div does not go around the section  
and the right border does not show up in either mozilla, safari or  
firefox but all the contents are lined up.  The container does go  
around the whole section in ie7.

If I add the overflow: hidden to the container div the container goes  
around everything but the center section is askewed to the left in  
mozilla and opera but not safari or ie7.

http://www.designhosting.us/vardy/test.html

Best Regards,
Melinda Odom
Design Hosting, Inc.
Web Design, Web Hosting, & Ecommerce Solutions
479-471-0891 CST
i...@designhosting.biz
http://www.designhosting.biz





__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

[David Laakso]

ray wrote:
> Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that the
> whole page moves to right and then to left quickly. I checked the whole code
> but found none of problem. Could somebody help me out?  Thanks in advance.
>
>   

Unable to reproduce in compliant browsers and IE 6/7. What OS/browsers 
does this happen in?
Aside: if of any concern, right column float drop in IE/6.


-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

[Ian Young]

> To: css-d@lists.css-discuss.org
> Subject: Re: [css-d] Why this page moves?
> 
> For prevention take a look at:
> http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-
> forcing-a-scroll-bar/

Oh yuck.

There must be a more elegant solution than forcing scroll bars.


Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Flash / CSS Menu

[Todd Richards]

Hi Everyone -

I'm having an issue again with a CSS menu falling behind a flash slideshow.
The test site is at http://test.omahabuyersbroker.com.  I've validated, and
it has no errors.  I did set wmode on the Flash to "transparent"

Any thoughts would be very much appreciated. 

Todd


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] :hover problems in IE

[Climis, Tim]

I've got a problem with IE and :hover. As you can see in the stylesheet, the 
:hover is being applied to an anchor tag, so it should work.  But when I hover 
over the link, nothing shows up.  Is there anything you all see that might be 
causing problems?

(the reason for all the inline styles is that this is part of a javascript, so 
the necessary styles are being built with .style.whatever)












div#yal_content {
clear: left;
margin: 10px;
}

img#yal_thing.landscape {
width: 640px;
height: 480px;
}

a#yal_next:hover {
background: url('../images/nextlabel.gif') no-repeat center right;
}

a#yal_prev:hover {
background: url('../images/prevlabel.gif') no-repeat center left;
}

div#yal_container span.yal_nav_image {
width: 100%;
}

---Tim Climis
Computer Coordinator
International Services

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Slices

[Christopher R]

I put in padding 0, margin 0 within the div and that didn't solve it neither 
did display:inline or display: block.
idname img {rules} is how I currently have it laid out.  Now what also I find 
odd is that I have all my slices loaded but 2 slices don't show up
in the right order there still is a gap between the slices that do show up.  


On Tue, Mar 10, 2009 at 8:38 AM "Virgilio Quilario" 
 wrote:
>> Hi does anyone know why I'm getting white spaces between sliced images ? I 
>> have a bunch of  tags within the  and I can't figure out why the 
>> images have spaces, and currently why half of the image slices look fine and 
>> the rest look like a jigsaw puzzle.
> 
> hi, maybe you need:
> img {
> margin:0;
> padding:0;
> }
> 
> please post a code or link to it.
> 
> Virgil
> http://www.jampmark.com
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

[Ian Young]

> Subject: [css-d] Why this page moves?
> 
> Hi, All
> 
> Please look at this page
> http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that
> the
> whole page moves to right and then to left quickly. I checked the whole
> code
> but found none of problem. Could somebody help me out?  Thanks in
> advance.
> 

In my browser it just flickers top to bottom as it loads.
You might wish to address your html errors tho'.

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fclaimexdemo.hcoms.c
o.uk%2Fcase_studies.php

Cheers

Ian

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Why this page moves?

[Christian Kirchhoff]

I couldn't reproduce the behaviour you mentioned in FF3 or IE7, but you 
might experience a page jump due to the vertical scroll bar appearing 
for a short time when rendering the page and then disappearing. The 
design is centered, and the centered position is calculated in regards 
to the width of the window (once minus the width of the scrollbar, and 
then without that subtraction).

For prevention take a look at:
http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
http://css-tricks.com/forums/viewtopic.php?f=8&t=1831

Best regards,

Christian Kirchhoff
*Editura Gesellschaft für Verlagsdienstleistungen mbH*
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de
AG Berlin-Charlottenburg · HR B 81823 · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski


ray schrieb:
> Hi, All
>
> Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
> Click menu item titled "Case studies" several times, you'll see that the
> whole page moves to right and then to left quickly. I checked the whole code
> but found none of problem. Could somebody help me out?  Thanks in advance.
>
> Thanks
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>   
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Image Slices

[Christian Kirchhoff]

Most of the times when the experts in this mailing list take a look at 
some HTML and CSS code they find a solution for problems within minutes. 
Therefore I kindly ask and stronlgy encourage you, as it was asked 
before, to provide a link to the HTML and CSS code, so the others can 
analyze the code in detail.

Without that is is almost impossible to help you cause there can be too 
many possible causes for that problem.

Best regards,

Christian Kirchhoff
*Editura Gesellschaft für Verlagsdienstleistungen mbH*
Tempelhofer Damm 2 · 12101 Berlin
www.editura.de
AG Berlin-Charlottenburg · HR B 81823 · USt.Id. DE217180548
Geschäftsführer: Ralf Szymanski


Christopher R schrieb:
> I put in padding 0, margin 0 within the div and that didn't solve it neither 
> did display:inline or display: block.
> idname img {rules} is how I currently have it laid out.  Now what also I find 
> odd is that I have all my slices loaded but 2 slices don't show up
> in the right order there still is a gap between the slices that do show up.  
>
>
> On Tue, Mar 10, 2009 at 8:38 AM "Virgilio Quilario" 
>  wrote:
>   
>>> Hi does anyone know why I'm getting white spaces between sliced images ? I 
>>> have a bunch of  tags within the  and I can't figure out why the 
>>> images have spaces, and currently why half of the image slices look fine 
>>> and the rest look like a jigsaw puzzle.
>>>   
>> hi, maybe you need:
>> img {
>> margin:0;
>> padding:0;
>> }
>>
>> please post a code or link to it.
>>
>> Virgil
>> http://www.jampmark.com
>> __
>> css-discuss [cs...@lists.css-discuss.org]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>> 
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>   
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Why this page moves?

[ray]

Hi, All

Please look at this page http://claimexdemo.hcoms.co.uk/case_studies.php.
Click menu item titled "Case studies" several times, you'll see that the
whole page moves to right and then to left quickly. I checked the whole code
but found none of problem. Could somebody help me out?  Thanks in advance.

Thanks
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (no subject)

[David Hucklesby]

Christopher R wrote:
> Hi does anyone know why I'm getting white spaces between sliced images ? I 
> have a bunch of  tags within the  and I can't figure out why the 
> images have spaces, and currently why half of the image slices look fine and 
> the rest look like a jigsaw puzzle.
> 
I'm guessing that you are seeing gaps underneath the images? If so, try 
one of these:

img { vertical-align: bottom; }
- or -
img { display: block; }

Explanation: Images are inline elements, intended to display on the same 
line as text. (Imagine PI symbols as images.) As such, they line up with 
the baseline of text, with room underneath for "descenders" (the "hooks" 
under p, q, etc.)

Cordially,
David
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (no subject)

[Virgilio Quilario]

> Hi does anyone know why I'm getting white spaces between sliced images ? I 
> have a bunch of  tags within the  and I can't figure out why the 
> images have spaces, and currently why half of the image slices look fine and 
> the rest look like a jigsaw puzzle.

hi, maybe you need:
img {
margin:0;
padding:0;
}

please post a code or link to it.

Virgil
http://www.jampmark.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (no subject)

[Christopher R]

Hi does anyone know why I'm getting white spaces between sliced images ? I have 
a bunch of  tags within the  and I can't figure out why the images 
have spaces, and currently why half of the image slices look fine and the rest 
look like a jigsaw puzzle.

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating Cols Cut Off in IE

[Gunlaug Sørtun]

Duane Nelson wrote:

> Thanks again...You know, I try not to do anything fancy.  The less 
> hacks; the better.

Definitely!!!

> Maybe one of these day, I can figure out some of these hacks myself.

Focus on mastering all the standard-stuff, as that's where the future is.

Browser-targeted hacks are, and should be, exceptions, and the number of
exceptions should be as close to zero as possible.
There are extremely few safe hacks...

...and even those should be avoided whenever possible.

"Test and fun" hacks should only be used in places where they have no
detrimental effect on the layout and overall experience in any browser,
even if/when they fail...


regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Floating Cols Cut Off in IE

[Duane Nelson]

Gunlaug Sørtun wrote:

> Add...
>
> * html #main {margin-bottom: 0; padding-bottom: 0; /*IE6*/}
> *:first-child+html #main {margin-bottom: 0; padding-bottom: 0; /*IE7*/}
>
> ...below the existing bottom margin/padding manipulation, to help old IE
> to render as intended.
>
> This is necessary because #main isn't a float - doesn't have "Layout" in
> old IE/win terms, and IE7 and older therefore can't handle such
> margin/padding manipulations on it.

Thanks again...You know, I try not to do anything fancy.  The less hacks;
the better.  Maybe one of these day, I can figure out some of these hacks
myself.

Blessings!!

Duane Nelson
Loss2gaiN Designs - A Website Development Company
http://www.myL2G.com

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/