Re: [css-d] Opera problem with footer

2009-02-01 Thread Cristian Palmas
@Georg Gunlaug

Hi Georg,

I corrected the parsing error (I forgot a comma into the code) and the
resulting validation points errors only for the CSS3 properties and the
Opera hack I let in the stylesheet (without any property declared.)
The link to the relevant code is at
http://www.tecnicaed.it/sites/all/themes/puntidincontro/puntidincontro.css?s

@Virgilio Quilario

Hi Virgilio,

Thanks for the response. But I deleted the height property for .content
because if the user want to stretch the fonts he has to be able to read the
footer paragraphs without seeing them cut away from the height of the
content.
So .content div must stretch according to the font-size the user want to
use.

Thanks to all.

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
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] losing css formatting on local computer in one browser type

2009-02-01 Thread Jean Yates
Has anyone lost the css formatting on their local computer?

I was working on my site on Safari (Leopard) and the css stopped  
working- the page loads correctly, then a second later the css  
formatting is gone.

Meanwhile, it looks fine in Firefox and XP, and my friends with XP  
tell me that it looks fine on their computers.

Has anyone else ever had this weird thing happen?

(The source looks normal)

Thanks so much for any help -

And this is my first post, so I apologize if I am not using the forum  
correctly.


Jean Yates
__
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] Simple centering help...

2009-02-01 Thread Michael Beaudoin
Hi all,

I'm working through a simple site utilizing some div's within a container 
div and I'm missing something simple to get the complete thing to center. For 
some reason, when I go to center the container div it's only centering the 
Flash piece. I know it's a vague description, so see the link below...

You can go here: http://www.ba-doyn.com/junk/ and view.

I'm sure it's something so simple but I'm just drawing a blank.

Thanks,
Michael
__
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] a png not displaying!

2009-02-01 Thread Ian Young
Ingo,

 

I finally worked out what the problem was and, of course you had the solution.

Why I couldn’t work out what was happening was because those images that were 
displaying were being sourced from root/images and the image that wasn’t being 
displayed was in root/dev/images.

 

All sorted and many thanks

 

 

Best regards

 

Ian

 

This e-mail contains information which is confidential and may also be 
privileged. It is for the exclusive use of the intended recipient(s). If you 
are not the intended recipient(s) please note that any form of, distribution, 
copying or use of this e-mail or the information in it is strictly prohibited 
and may be unlawful. If you have received this in error please inform us at the 
above address then delete the e-mail and destroy any copies of it. Thank you.

 

From: Ingo Chao [mailto:ichaoc...@googlemail.com] 
Sent: 01 February 2009 08:09
To: Ian Young
Subject: Re: [css-d] a png not displaying!

 

I've inserted an absolute path and then this path I've mentioned and it worked.

Remember that the path is relative to the document for filters, not relative to 
the css or whatever.
But starting from scratch is always good.

Ingo

2009/2/1 Ian Young i...@iyesolutions.co.uk

Subject: Re: [css-d] a png not displaying!

 

 

2009/1/30 Ian Young i...@iyesolutions.co.uk

...

http://www.dbadvertising.co.uk/dev/index-test.php

All the pngs display in IE6 fine with exception of the address logo
Style sheet is at /dev/includes/ie-fix.css and /style-new.css.

 

for the filter, you have
src='../images/Adress-top-3.png' 

but the correct path should be

src='/ images/Adress-top-3.png' 

Sorry Ingo,

The correct address is  ../ images/Adress-top-3.png'

If we used 'images/Adress-top-3.png', then the url would be 
dbadvertisng.co.uk/dev/dev/images/Adress-top-3.png'

Other images use the same format and work fine. So that is not the case.

If I take out all the main CSS but keep the ie-fix.css, everything works,

Guess I will have to start from scratch and work it up.

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] Simple cantering help...

2009-02-01 Thread Ian Young
 -Original Message-
 From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
 boun...@lists.css-discuss.org] On Behalf Of Michael Beaudoin
 Sent: 30 January 2009 19:45
 To: css-d@lists.css-discuss.org
 Subject: [css-d] Simple centering help...
 
 Hi all,
 
 I'm working through a simple site utilizing some div's within a
 container div and I'm missing something simple to get the complete
 thing to center. For some reason, when I go to center the container
 div it's only centering the Flash piece. I know it's a vague
 description, so see the link below...
 
 You can go here: http://www.ba-doyn.com/junk/ and view.
 
 I'm sure it's something so simple but I'm just drawing a blank.
 
 Thanks,
 Michael

Okay dokay, Michael.

First things, first.
You have no doctype specified and probably best to start with
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; at the top of your page.
Then go validate it at
http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.ba-doyn.com%2Fj
unk%2F

Now, I am not sure whether you want the whole portal to be centred and if
that is the case you will need some extra code in your CSS,

Body {text-align:centre}
Not sure why you have float:left for the container div (but I may be missing
something.
If you want the container to centre you will need to specify width and
margin - probably
#container {width:1024;margin:0 auto}

Also ditch the body leftmargin=0 topmargin=0 marginwidth=0
marginheight=0 code in the html and add margin:0 to your body spec in
css.

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] Simple centering help...

2009-02-01 Thread David Laakso
Michael Beaudoin wrote:
 Hi all,

 I'm working through a simple site utilizing some div's within a container 
 div and I'm missing something simple to get the complete thing to center. 
 For some reason, when I go to center the container div it's only centering 
 the Flash piece. I know it's a vague description, so see the link below...

 You can go here: http://www.ba-doyn.com/junk/ and view.

 I'm sure it's something so simple but I'm just drawing a blank.

 Thanks,
 Michael
   


It is simple. Add an xhtml or html strict doctype and correct the 50 
markup validation errors.
To center it add this selector to the style sheet:
#containter {border: 1px dashed fuchsia;width:1024px; margin:0 auto;}



-- 

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] losing css formatting on local computer in one browser type

2009-02-01 Thread Felix Miata
On 2009/01/27 15:18 (GMT-0800) Jean Yates composed:

 Has anyone lost the css formatting on their local computer?

 I was working on my site on Safari (Leopard) and the css stopped  
 working- the page loads correctly, then a second later the css  
 formatting is gone.

 Meanwhile, it looks fine in Firefox and XP, and my friends with XP  
 tell me that it looks fine on their computers.

 Has anyone else ever had this weird thing happen?

 (The source looks normal)

 Thanks so much for any help -

 And this is my first post, so I apologize if I am not using the forum  
 correctly.

Does it have the same problem in Firefox? Did you validate the HTML  CSS?
http://jigsaw.w3.org/css-validator/#validate_by_upload
http://validator.w3.org/#validate_by_upload
-- 
Train a child in the way he should go, and when he
is old he will not turn from it. Proverbs 22:6 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.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] display:table and its rowspan

2009-02-01 Thread Patrik Jansson
Hi everyone,
I've been practicing with the css's display:table property, which I 
learned about from SitePoint's Everything You Know Abous CSS Is Wrong 
book. I have a simple page with contact info on the bottom: 
http://www.mondiara.com/graphics/

The contact info div is defined as display:table and has a logo on the 
left taking two rows. As the book suggested, I added a content_wrap 
(display:table) in the second cell to get two rows within it; thus 
creating a rowspan for the logo. However, on FF, Safari and IE8 the 
table seems to be much higher than needed: the logo's cell is almost 
twice the height than the logo it contains. This naturally sets the 
height also for the neighboring cell. I'm also wondering why, when the 
cell height is so big, the cell with the contact info is positioned on 
the bottom of the cell when the logo is on the top?

I have tried changing the size of the logo, setting fixed height to the 
table and rows, playing with border-collapses etc but I can't seem to 
figure out a solution for the problem. For your sake I added borders to 
the table and its cells to show how it's built. I also have those 
extra/anonymous rows which, according to SitePoint, are not necessary 
to have (the browser should create missing rows etc automatically).

Hopefully you can find a solution for my problem! The css is at 
http://www.mondiara.com/graphics/graphics.css but the relevant css for 
the table is also here:
/ CONTACT INFO /   
#contact {
position:relative;
top:8em;
margin:auto;
display:table;
border-spacing:0;
font-size:0.8em;
border:0.2em #005799 solid;
border-collapse:collapse;
}

#contact .cell {
display:table-cell;
border:0.1em #005799 solid;
padding:0 1.5em;
}

#contact .row {
display:table-row;
border:0.1em #005799 solid;
}
   
.logo {
display:table-cell;
width:220px;
padding:0.5em 1em 0 0.5em;
border:0.1em #005799 solid;   
}
   
#contact .content_wrap {
display:table;
padding:0;
}

thanks in advance,
--patrik

P.S. I don't want to worry about previous versions of IE, yet :)
__
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] Opera problem with footer

2009-02-01 Thread Gunlaug Sørtun
Cristian Palmas wrote:

 http://www.tecnicaed.it

 I corrected the parsing error (I forgot a comma into the code) and 
 the resulting validation points errors only for the CSS3 properties 
 and the Opera hack I let in the stylesheet (without any property 
 declared.)

FWIW: the Opera hack isn't a hack anymore. It is a CSS3 media query,
and is supported by latest Gecko and WebKit based browsers too.

Regarding the original problem:

Opera will cooperate if you...
1: delete 'float: left;', and
2: add 'left: 0;'
...on #footer .logo-footer.

Absolute positioned elements can't float.
A:P takes precedence, so it doesn't make sense to declare 'float' on
that element, and for reasons unknown to me the latest Opera versions
don't like to see that impossible combination. Older Opera versions
simply ignored 'float' in such a combination - same as most other
browsers do.

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] Opera problem with footer

2009-02-01 Thread Cristian Palmas
2009/2/1 Gunlaug Sørtun gunla...@c2i.net


 Regarding the original problem:

 Opera will cooperate if you...
 1: delete 'float: left;', and
 2: add 'left: 0;'
 ...on #footer .logo-footer.

 Absolute positioned elements can't float.
 A:P takes precedence, so it doesn't make sense to declare 'float' on
 that element, and for reasons unknown to me the latest Opera versions
 don't like to see that impossible combination. Older Opera versions
 simply ignored 'float' in such a combination - same as most other
 browsers do.


 regards
Georg
 --
 http://www.gunlaug.no


 Hi Georg,

Many thanks.
I didn't think that it is not coherent to declare A:P and at the same time
float it.

Regards

-- 
~ Cristian Palmas ~
http://www.cristianpalmas.it
__
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] Horizontal scrolling

2009-02-01 Thread Ian Young
Hi Guys

 

I am looking at simple gallery where you can use horizontal scrolling.

 

If I use the overflow:auto, both horizontal and vertical scrolling are
enabled.

 

So how do I disable vertical scrolling so that site scrolls horizontally?

http://venachar.org.uk/members/image-tester.php

 

Cheers

 

Ian

 

Ian Young

IY e-Solutions

 

 

 

__
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] Horizontal scrolling

2009-02-01 Thread Martyn Merrett
I've never done horizontal scrolling images before but I'm sure you've
got to put the images into a li (or something) to force them in a
horizontal order, rather than vertical as they are at the moment.

~Mx
http://www.mxdx.co.uk



2009/2/1 Ian Young i...@iyesolutions.co.uk:
 Hi Guys



 I am looking at simple gallery where you can use horizontal scrolling.



 If I use the overflow:auto, both horizontal and vertical scrolling are
 enabled.



 So how do I disable vertical scrolling so that site scrolls horizontally?

 http://venachar.org.uk/members/image-tester.php



 Cheers



 Ian



 Ian Young

 IY e-Solutions







 __
 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] Is there an alternative way of doing this?

2009-02-01 Thread Richard Grevers
http://appia.dramatic.co.nz/~admin7/index.php is attempting to use a
hover effect on the left-hand column where the background image
changes from monochrome to colour. I can't use a traditional 2 images
in 1 sprite because you cannot position a background image in pixels
relative to the right-hand side of a box.

SO I have the coloured image as the background to the main wrapper div
and hovering the div #colleft switches the position of colleft's
background from right to left (= out of sight). However, the hover is
also triggering on the main column, presumably because this is a child
of #colleft, even though is is positioned entirely to the right of it
(the blue border exists for debugging only). is there any way to
cancel the hover for .col1?

or can anyone see an alternative method. (I can't use col2 as that is
not full-height).
I considered using a vertical sprite, but there would be some length
of page for which that would look ugly, and it would presumably siffer
from exactly the same triggering issue.

-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
__
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] Firefox Weirdness

2009-02-01 Thread Jerod Venema
Hey all,

I've got some weird behaviour, and I was wondering if anyone has seen this
before. If you look at this page:

http://frozenmountain.com/team.aspx

in FF (3), and check out the Length of Service: 9 Years, you'll notice
that the s is slightly cut off. It's very odd, because if you select the
text with your mouse, and then click somewhere else to un-select it, the s
shows up perfectly.

I've seen the same behaviour in a few other places, always at the end of a
text block. It's not being covered up by other elements, its just flat out
not rendering properly. If I add a non-breaking space, it goes away, but
obviously that's a hack and I don't want to spread nbsp; all over my pages.

Anyone have any ideas?

-- 
Jerod Venema
Frozen Mountain Software
http://www.frozenmountain.com/
919-368-5105
__
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] Firefox Weirdness

2009-02-01 Thread Keith DiSarno
Not showing up here. Don't see anything out of the norm.

3.0.4/Win XP Pro SP2


- Keith D.
__
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] Firefox Weirdness

2009-02-01 Thread Felix Miata
On 2009/02/01 18:37 (GMT-0500) Jerod Venema composed:

 I've got some weird behaviour, and I was wondering if anyone has seen this
 before. If you look at this page:

 http://frozenmountain.com/team.aspx

 in FF (3), and check out the Length of Service: 9 Years, you'll notice
 that the s is slightly cut off. It's very odd, because if you select the
 text with your mouse, and then click somewhere else to un-select it, the s
 shows up perfectly.

 I've seen the same behaviour in a few other places, always at the end of a
 text block. It's not being covered up by other elements, its just flat out
 not rendering properly. If I add a non-breaking space, it goes away, but
 obviously that's a hack and I don't want to spread nbsp; all over my pages.

 Anyone have any ideas?

Ideas only. It doesn't happen here on FF2 or FF3 @ 144 DPI on Linux. Does it
continue the same if you rearrange your font families or just leave
font-family at sans-serif? Do you get the same thing if you change the size
from 10pt to small or medium? Does adding minimal padding-right on
.contentBlock fix it? What OS are you on, at what DPI?

Are you that fond of your menu font that you want it used for most of your
site? Tahoma is the default WinXP font, so what most people will see with
your current body's font-family rule. Why not just go for sans-serif, and let
others see their own preference? Tahoma is little other than a Verdana with
minimal letter spacing. Most people find normal letter spacing reads better
when fonts are undersized (less than 100% of the user's browser default size,
which 10pt typically is).

BTW, 4 of your .bars are about 30% deep on top of .mug.
-- 
Do not let any unwholesome talk come out of your
mouths, but only what is helpful for building
others up. Ephesians 4:29 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://fm.no-ip.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] Firefox Weirdness

2009-02-01 Thread Gunlaug Sørtun
Jerod Venema wrote:

 http://frozenmountain.com/team.aspx
 
 in FF (3), and check out the Length of Service: 9 Years, you'll
 notice that the s is slightly cut off.

Seems to be OS related one way or another.

FF3.0.5 on win2K - no problem.
FF3.0.5 on winXP - is cut off.
FF3.1b2 on Vista - is cut off.
FF3.0.5 on Ubuntu - no problem.

All on same resolution.

Haven't observed such last-letter clipping in FF before.

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] Firefox Weirdness

2009-02-01 Thread Martyn Merrett
I've checked and it's actually Cleartype causing the issue (here on XP/FF3.0.5).
See screenshots: http://resource.mxdx.co.uk/ww/cleartype.jpg

~Mx
http://www.mxdx.co.uk



2009/2/2 Gunlaug Sørtun gunla...@c2i.net:
 Jerod Venema wrote:

 http://frozenmountain.com/team.aspx

 in FF (3), and check out the Length of Service: 9 Years, you'll
 notice that the s is slightly cut off.

 Seems to be OS related one way or another.

 FF3.0.5 on win2K - no problem.
 FF3.0.5 on winXP - is cut off.
 FF3.1b2 on Vista - is cut off.
 FF3.0.5 on Ubuntu - no problem.

 All on same resolution.

 Haven't observed such last-letter clipping in FF before.

 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/

__
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] Is there an alternative way of doing this?

2009-02-01 Thread tedd
http://appia.dramatic.co.nz/~admin7/index.php is attempting to use a
hover effect on the left-hand column where the background image
changes from monochrome to colour. I can't use a traditional 2 images
in 1 sprite because you cannot position a background image in pixels
relative to the right-hand side of a box.

SO I have the coloured image as the background to the main wrapper div
and hovering the div #colleft switches the position of colleft's
background from right to left (= out of sight). However, the hover is
also triggering on the main column, presumably because this is a child
of #colleft, even though is is positioned entirely to the right of it
(the blue border exists for debugging only). is there any way to
cancel the hover for .col1?

or can anyone see an alternative method. (I can't use col2 as that is
not full-height).
I considered using a vertical sprite, but there would be some length
of page for which that would look ugly, and it would presumably siffer
from exactly the same triggering issue.

Richard:

I'm not sure what you're doing, but I am thinking you're making this 
more difficult than it should be.

Here's something that looks difficult, but isn't.

http://sperling.com/examples/image-replacement/

Cheers,

tedd

-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.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] Is there an alternative way of doing this?

2009-02-01 Thread Richard Grevers
On Mon, Feb 2, 2009 at 2:05 PM, tedd tedd.sperl...@gmail.com wrote:
 http://appia.dramatic.co.nz/~admin7/index.php is attempting to use a
 hover effect on the left-hand column where the background image
 changes from monochrome to colour. I can't use a traditional 2 images
 in 1 sprite because you cannot position a background image in pixels
 relative to the right-hand side of a box.

 SO I have the coloured image as the background to the main wrapper div
 and hovering the div #colleft switches the position of colleft's
 background from right to left (= out of sight). However, the hover is
 also triggering on the main column, presumably because this is a child
 of #colleft, even though is is positioned entirely to the right of it
 (the blue border exists for debugging only). is there any way to
 cancel the hover for .col1?

 or can anyone see an alternative method. (I can't use col2 as that is
 not full-height).
 I considered using a vertical sprite, but there would be some length
 of page for which that would look ugly, and it would presumably siffer
 from exactly the same triggering issue.

 Richard:

 I'm not sure what you're doing, but I am thinking you're making this more
 difficult than it should be.

 Here's something that looks difficult, but isn't.

 http://sperling.com/examples/image-replacement/

Hi Tedd,

your method demonstrates why the sprite technique was invented in the
first place. In IE, I see a 7 second delay while the second image
loads, since IE doesn't preload resourced defined in :hover

-- 
Richard Grevers, New Plymouth, New Zealand
Dramatic Design www.dramatic.co.nz
__
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] Horizontal scrolling

2009-02-01 Thread Naveen Jain
simple write

overflow-y:hidden;overflow-x:auto;

thanks and regards,
Naveen

On Sun, Feb 1, 2009 at 11:11 PM, Ian Young i...@iyesolutions.co.uk wrote:

 Hi Guys



 I am looking at simple gallery where you can use horizontal scrolling.



 If I use the overflow:auto, both horizontal and vertical scrolling are
 enabled.



 So how do I disable vertical scrolling so that site scrolls horizontally?

 http://venachar.org.uk/members/image-tester.php



 Cheers



 Ian



 Ian Young

 IY e-Solutions







 __
 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] Firefox Weirdness

2009-02-01 Thread Philippe Wittenbergh

On Feb 2, 2009, at 9:19 AM, Gunlaug Sørtun wrote:

 Jerod Venema wrote:

 http://frozenmountain.com/team.aspx

 in FF (3), and check out the Length of Service: 9 Years, you'll
 notice that the s is slightly cut off.

 Seems to be OS related one way or another.

 FF3.0.5 on win2K - no problem.
 FF3.0.5 on winXP - is cut off.
 FF3.1b2 on Vista - is cut off.
 FF3.0.5 on Ubuntu - no problem.


And on OS X there are no problems either.

I think that is a known issue/bug with this:
.contentBlock {
/*...*/
opacity: 0.9;
}
in combination with cleartype.

Philippe
---
Philippe Wittenbergh
http://l-c-n.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] Firefox Weirdness

2009-02-01 Thread Darrin Roenfanz
It isn't just the 9 Years that is clipped, but the last character of 
every line, as well as some other characters. It's just most noticable 
with the 'S'. Most of the colons are also snipped, as well as the links. 
It does appear to be some rendering issue with Firefox, as selecting the 
text enables it to show up normally. However, in the event that Firefox 
is forced to redraw those characters (Say, minimizing the window, or 
scrolling up and down), the issue returns.
On 2/1/2009 3:37 PM, Jerod Venema wrote:
 Hey all,

 I've got some weird behaviour, and I was wondering if anyone has seen this
 before. If you look at this page:

 http://frozenmountain.com/team.aspx

 in FF (3), and check out the Length of Service: 9 Years, you'll notice
 that the s is slightly cut off. It's very odd, because if you select the
 text with your mouse, and then click somewhere else to un-select it, the s
 shows up perfectly.

 I've seen the same behaviour in a few other places, always at the end of a
 text block. It's not being covered up by other elements, its just flat out
 not rendering properly. If I add a non-breaking space, it goes away, but
 obviously that's a hack and I don't want to spreadnbsp; all over my pages.

 Anyone have any ideas?


__
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] Firefox Weirdness

2009-02-01 Thread Al Sparber
From: Philippe Wittenbergh e...@l-c-n.com
And on OS X there are no problems either.

I think that is a known issue/bug with this:
.contentBlock {
/*...*/
opacity: 0.9;
}
in combination with cleartype.
---

https://bugzilla.mozilla.org/show_bug.cgi?id=363861

-- 
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System




__
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/