Re: [css-d] Background Image Not Showing in IE7/IE8
Hi Isabel,
Thanks for your suggestion but it still didn't work. I guess there is no
difference in writing the rule incrementally since I need the bkg-pattern.png
image to tile and that one must be written last in the rule, when using
multiple background images so I cannot change the order, in order to target the
older browsers. Just don't understand why IE7/8 aren't picking up the image yet
they are picking up the blue background color that was stated in the IE
stylesheet.
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css href=?php
bloginfo('template_directory'); ?/css/ie.css /
![endif]--
Elli Vizcaino
Helping entrepreneurs and businesses build
a brand that helps them engage, delight and
interact more profitably with their customers.
http://www.e7flux.com
From: Isabel Santos unboun...@gmail.com
To: Elli Vizcaino elli...@yahoo.com
Cc: CSS Discuss css-d@lists.css-discuss.org
Sent: Wednesday, November 14, 2012 9:04 PM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
Hi Elli,
I cannot find the conditional comment on your code, not on the ie developer
tools, nor on firebug, (I gess it has to do with a onload js script) so I'm
not sure I'm seeing the right css files, but you do not really need a
conditional code for the multiple backgrounds if you write the rule
incrementally.
I can see this code on style.css:
body {
background: url(images/fancy-tag-bkg-med.png) no-repeat center 50px,
url(images/bkg-pattern.png) rgb(146, 212, 210); height: 100%; color:
rgb(255, 255, 255); font-family: Caviar Dreams, Helvetica, Arial,
sans-serif;
}
If you write it as:
body {
background-image: url(images/fancy-tag-bkg-med.png),
(images/bkg-pattern.png);
background-repeat: no-repeat, repeat;
background-position: 50% 50px;
background-color: #92d4d2;
...
}
older browsers, that do not support multiple backgrounds, will still render
the first background.
You can also play with rewriting rules to serve the correct background to
older browsers if the background you want to serve them is not the first in
the rule.
The only drawback of this tecnique is that it is possible some browsers
will download files that wont be used because of the rewriting..
Hope it helps,
isabel
On Wed, Nov 14, 2012 at 9:54 PM, Elli Vizcaino elli...@yahoo.com wrote:
Hello CSS Discuss,
I'm using conditional statement to target an ie specific stylesheet to
browsers IE7 8 since neither of them support CSS3 multiple backgrounds.
While IE7 8 are both picking up the stylesheet's bacgkround color
property it's not loading the background image. I'm not sure why. Maybe my
directory path is wrong? Can someone please help out.
TIA,
Elli Vizcaino
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css href=?php bloginfo('template_directory');
?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876; /
![endif]--
Are sure you have actually posted the link to the page you have the
problem with?
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
Hi Markus,
Yes I have. I started to experiment and rewrite the php in the conditional
comment but I've since put it back. You should find the direct url to the IE
stylesheet:
http://www.e7flux.com/wp-content/themes/e7flux/css/ie.css
Elli Vizcaino
Helping entrepreneurs and businesses build
a brand that helps them engage, delight and
interact more profitably with their customers.
http://www.e7flux.com
- Original Message -
From: Markus Ernst derer...@gmx.ch
To: Elli Vizcaino elli...@yahoo.com
Cc: CSS Discuss css-d@lists.css-discuss.org; Isabel Santos
unboun...@gmail.com
Sent: Thursday, November 15, 2012 9:43 AM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=?php bloginfo('template_directory');
?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876; /
![endif]--
Are sure you have actually posted the link to the page you have the problem
with?
__
css-discuss [css-d@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 [css-d@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] Background Image Not Showing in IE7/IE8
On 11/15/2012 9:43 AM, Markus Ernst wrote:
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css href=?php
bloginfo('template_directory'); ?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876; /
![endif]--
Are sure you have actually posted the link to the page you have the
problem with?
__
css-discuss [css-d@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/
Try using absolute path for the background image
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
- Original Message -
From: HMW Sales sa...@hallmarcwebsites.com
To: css-d@lists.css-discuss.org
Cc:
Sent: Thursday, November 15, 2012 9:56 AM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
On 11/15/2012 9:43 AM, Markus Ernst wrote:
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=?php bloginfo('template_directory');
?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876; /
![endif]--
Are sure you have actually posted the link to the page you have the problem
with?
Try using absolute path for the background image
Tried that too and did it again just now. Maybe I'm having a cache problem? Ok
tried something else. I deleted the ie.css file from server and in my header
file within the conditional comments I am calling a stylesheet named
iestyles.css which actually doesn't exist on the server and nothing has
changed. Do you think it's a cache problem or maybe it's my conditional comment?
Elli
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
Ok resolved it. Added an absolute path, changed stylesheet name, uploaded it
and it works in IE 7 / 8
Thanks everyone!
Elli
From: Elli Vizcaino elli...@yahoo.com
To: HMW Sales sa...@hallmarcwebsites.com; css-d@lists.css-discuss.org
css-d@lists.css-discuss.org
Sent: Thursday, November 15, 2012 10:14 AM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
- Original Message -
From: HMW Sales sa...@hallmarcwebsites.com
To: css-d@lists.css-discuss.org
Cc:
Sent: Thursday, November 15, 2012 9:56 AM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
On 11/15/2012 9:43 AM, Markus Ernst wrote:
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=?php bloginfo('template_directory');
?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876;; /
![endif]--
Are sure you have actually posted the link to the page you have the
problem
with?
Try using absolute path for the background image
Tried that too and did it again just now. Maybe I'm having a cache problem? Ok
tried something else. I deleted the ie.css file from server and in my header
file within the conditional comments I am calling a stylesheet named
iestyles.css which actually doesn't exist on the server and nothing has
changed. Do you think it's a cache problem or maybe it's my conditional
comment?
Elli
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
On 11/15/2012 10:14 AM, Elli Vizcaino wrote:
- Original Message -
From: HMW Sales sa...@hallmarcwebsites.com
To: css-d@lists.css-discuss.org
Cc:
Sent: Thursday, November 15, 2012 9:56 AM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
On 11/15/2012 9:43 AM, Markus Ernst wrote:
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=?php bloginfo('template_directory');
?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876; /
![endif]--
Are sure you have actually posted the link to the page you have the problem
with?
Try using absolute path for the background image
Tried that too and did it again just now. Maybe I'm having a cache problem? Ok
tried something else. I deleted the ie.css file from server and in my header
file within the conditional comments I am calling a stylesheet named
iestyles.css which actually doesn't exist on the server and nothing has
changed. Do you think it's a cache problem or maybe it's my conditional comment?
Elli
Works fine on my end now. Could be a cache issue, not sure.
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
Am 15.11.2012 16:14 schrieb Elli Vizcaino:
- Original Message -
From: HMW Sales sa...@hallmarcwebsites.com
To: css-d@lists.css-discuss.org
Cc:
Sent: Thursday, November 15, 2012 9:56 AM
Subject: Re: [css-d] Background Image Not Showing in IE7/IE8
On 11/15/2012 9:43 AM, Markus Ernst wrote:
Am 15.11.2012 15:27 schrieb Elli Vizcaino:
Here is my conditional comment in case you were wondering:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=?php bloginfo('template_directory');
?/css/ie.css /
![endif]--
At the page that you link to, I see this:
!--[if lt IE 9]
link rel=stylesheet type=text/css
href=http://www.e7flux.com/wp-content/themes/e7flux?1352988876; /
![endif]--
Are sure you have actually posted the link to the page you have the problem
with?
Try using absolute path for the background image
Tried that too and did it again just now. Maybe I'm having a cache problem? Ok
tried something else. I deleted the ie.css file from server and in my header
file within the conditional comments I am calling a stylesheet named
iestyles.css which actually doesn't exist on the server and nothing has
changed. Do you think it's a cache problem or maybe it's my conditional comment?
It looks like IE is not finding or not interpreting the stylesheet at
all. To control this, you can do some very obvious change in the IE
stylesheet, such as body {background:yellow} - then you see very well if
the browser gets the stylesheet or not.
I am not quite familiar with the impacts of the media attribute. But I
noticed that in the link element for your main stylesheet you have
media=projection, screen. Maybe you try to add that in the link for
the ie stylesheet, too, or remove it at all.
(Anyway, the stylesheet you provided a link to does not seem to exist:
http://www.e7flux.com/wp-content/themes/e7flux/css/ie.css)
HTH
Markus
__
css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
Hello CSS Discuss, I'm using conditional statement to target an ie specific stylesheet to browsers IE7 8 since neither of them support CSS3 multiple backgrounds. While IE7 8 are both picking up the stylesheet's bacgkround color property it's not loading the background image. I'm not sure why. Maybe my directory path is wrong? Can someone please help out. TIA, Elli Vizcaino Helping entrepreneurs and businesses build a brand that helps them engage, delight and interact more profitably with their customers. http://www.e7flux.com __ css-discuss [css-d@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] Background Image Not Showing in IE7/IE8
Hi Elli,
I cannot find the conditional comment on your code, not on the ie developer
tools, nor on firebug, (I gess it has to do with a onload js script) so I'm
not sure I'm seeing the right css files, but you do not really need a
conditional code for the multiple backgrounds if you write the rule
incrementally.
I can see this code on style.css:
body {
background: url(images/fancy-tag-bkg-med.png) no-repeat center 50px,
url(images/bkg-pattern.png) rgb(146, 212, 210); height: 100%; color:
rgb(255, 255, 255); font-family: Caviar Dreams, Helvetica, Arial,
sans-serif;
}
If you write it as:
body {
background-image: url(images/fancy-tag-bkg-med.png),
(images/bkg-pattern.png);
background-repeat: no-repeat, repeat;
background-position: 50% 50px;
background-color: #92d4d2;
...
}
older browsers, that do not support multiple backgrounds, will still render
the first background.
You can also play with rewriting rules to serve the correct background to
older browsers if the background you want to serve them is not the first in
the rule.
The only drawback of this tecnique is that it is possible some browsers
will download files that wont be used because of the rewriting..
Hope it helps,
isabel
On Wed, Nov 14, 2012 at 9:54 PM, Elli Vizcaino elli...@yahoo.com wrote:
Hello CSS Discuss,
I'm using conditional statement to target an ie specific stylesheet to
browsers IE7 8 since neither of them support CSS3 multiple backgrounds.
While IE7 8 are both picking up the stylesheet's bacgkround color
property it's not loading the background image. I'm not sure why. Maybe my
directory path is wrong? Can someone please help out.
TIA,
Elli Vizcaino
Helping entrepreneurs and businesses build
a brand that helps them engage, delight and
interact more profitably with their customers.
http://www.e7flux.com
__
css-discuss [css-d@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 [css-d@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] Background image randomly showing in IE6 and IE7
Hi Chetan,
Thanks, but this doesn't solve the problem. Image is still randomly
showing/not showing :(
Anything else I could try?
Thanks,
Albert
On 10-12-2010 14:33, Chetan Crasta wrote:
You have to give div#rightbackground hasLayout. You can use the
proprietary zoom:1 to do this:
!--[if lte IE7]
style type=text/css
div#rightbackground
{
zoom:1;
}
/style
![endif]--
~Chetan
__
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] Background image randomly showing in IE6 and IE7
Thanks, but this doesn't solve the problem. Image is still randomly showing/not showing :( Anything else I could try? Sorry about that. It worked when I applied zoom using the web developer tool. I noticed that div#rightbackground is empty and has a min-height of 854px. Did you try height: 854px ? Also, instead of having a separate div for the background image, why don't you put it in the body or div#container or div#view? You could use background: url(image.jpg) top right; ~Chetan __ 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] Background image randomly showing in IE6 and IE7
Ok, I think it is fixed: http://roughtech.com/t/debannehome.html I put the background image in the div#container (look at the inline style). ~Chetan __ 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] Background image randomly showing in IE6 and IE7
Hi Chetan, Thank's a lot for your feedback! Your solution seems to work better, although I didn't yet test it in all browsers. Will let you know what the results are :) Thanks again, Albert On 13-12-2010 15:38, Chetan Crasta wrote: Ok, I think it is fixed: http://roughtech.com/t/debannehome.html I put the background image in the div#container (look at the inline style). ~Chetan __ 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] Background image randomly showing in IE6 and IE7
Hi all,
Please have a look at this site: http://www.debanne.nl/
For some reason the large background photo on the right sometimes shows
and sometimes not in IE6 and IE7. There are different pictures on every
page which is accomplished by overruling the css with an extra style
element in the header (generated by the CMS):
styletype=text/css media=screen#rightbackground {
background-image:url(uploads/media/hp-foto-new.jpg); }/style
Any idea what causes this?
Thanks,
Albert
__
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] Background image randomly showing in IE6 and IE7
You have to give div#rightbackground hasLayout. You can use the
proprietary zoom:1 to do this:
!--[if lte IE7]
style type=text/css
div#rightbackground
{
zoom:1;
}
/style
![endif]--
~Chetan
On Fri, Dec 10, 2010 at 5:23 PM, Albert van der Veen
albert.lijs...@xs4all.nl wrote:
Hi all,
Please have a look at this site: http://www.debanne.nl/
For some reason the large background photo on the right sometimes shows and
sometimes not in IE6 and IE7. There are different pictures on every page
which is accomplished by overruling the css with an extra style element in
the header (generated by the CMS):
styletype=text/css media=screen#rightbackground {
background-image:url(uploads/media/hp-foto-new.jpg); }/style
Any idea what causes this?
Thanks,
Albert
__
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] Background image not showing up
I've used j-query to create some toggled content on this page: http://www.issaquahfish.org/dev/education/learn-about-salmon.html If you click on any of the toggles, you will see the bottom background image from div class=block is there, but the repeating image for div class=toggle_container is missing. I've spent way too much time troubleshooting this but can't figure out what I'm doing wrong. I'd appreciate any help with this. 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] Background image not showing up
I've used j-query to create some toggled content on this page:
http://www.issaquahfish.org/dev/education/learn-about-salmon.html
If you click on any of the toggles, you will see the bottom background
image
from div class=block is there, but the repeating image for div
class=toggle_container is missing. I've spent way too much time
troubleshooting this but can't figure out what I'm doing wrong.
The background image declaration is in this rule:
.toggle_container {}
But you have the following rule that styles div.block which is a child of
div.toggle_container
#container div {
background-color:#FF;
}
I'm not sure why you're styling all the DIVs like that, but if you do not
want to change that styling you can use the following to fix the issue:
#container .block {
background-color:transparent;
}
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
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] Background image not showing up
Am 02.05.2010 16:55, schrieb taestrada: I've used j-query to create some toggled content on this page: http://www.issaquahfish.org/dev/education/learn-about-salmon.html If you click on any of the toggles, you will see the bottom background image fromdiv class=block is there, but the repeating image fordiv class=toggle_container is missing. I've spent way too much time troubleshooting this but can't figure out what I'm doing wrong. I'd appreciate any help with this. 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/ Hello, as far as I can see, the div class=block has a white background color which is overlaying the background image of the toggle_container. Make the background color of the block transparent, and the background image of the toggle_container will appear. Bets regards Christian Editura GmbH Co. KG Tempelhofer Damm 2 · 12101 Berlin www.editura.de http://www.editura.de AG Berlin-Charlottenburg · HRA 43189 B · USt.Id. DE217180548 Geschäftsführer: Ralf Szymanski __ 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] Background image not showing up
-Original Message-
From: Thierry [mailto:thierry.koble...@gmail.com] On Behalf Of Thierry
Koblentz
Sent: Sunday, May 02, 2010 8:35 AM
To: 'taestrada'; css-d@lists.css-discuss.org
Subject: RE: [css-d] Background image not showing up
I've used j-query to create some toggled content on this page:
http://www.issaquahfish.org/dev/education/learn-about-salmon.html
If you click on any of the toggles, you will see the bottom background
image
from div class=block is there, but the repeating image for div
class=toggle_container is missing. I've spent way too much time
troubleshooting this but can't figure out what I'm doing wrong.
The background image declaration is in this rule:
.toggle_container {}
But you have the following rule that styles div.block which is a child of
div.toggle_container
#container div {
background-color:#FF;
}
I'm not sure why you're styling all the DIVs like that, but if you do not
want to change that styling you can use the following to fix the issue:
#container .block {
background-color:transparent;
}
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Thanks so much. That worked perfectly! (I need the container div to have the
#fff background because otherwise the blue patterned background shows
through.) I really appreciate your help!
Alix
__
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] Background image not showing up
I've used j-query to create some toggled content on this page:
http://www.issaquahfish.org/dev/education/learn-about-salmon.html
I'm not sure why you're styling all the DIVs like that, but if you do
not
want to change that styling you can use the following to fix the issue:
#container .block {
background-color:transparent;
}
Thanks so much. That worked perfectly! (I need the container div to
have the
#fff background because otherwise the blue patterned background shows
through.)
Alix,
That container already has a white background:
#container {
background:#FF;
border:1px solid #00;
margin:0 auto;
text-align:left;
width:960px;
}
so imho there is no need to style all the divs inside it:
#container div {background-color:#FF;}
Did you try to *remove* the above rule? Imho it should work just fine
without it.
The only reason I could think you'd need this is if you had a construct
where #container collapses (mostly because of floats), but I see you're
using the last child to clear everything so I don't think you need that
rule...
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
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] Background image not showing up
-Original Message-
From: Thierry [mailto:thierry.koble...@gmail.com] On Behalf Of Thierry
Koblentz
Sent: Sunday, May 02, 2010 9:58 AM
To: 'taestrada'; css-d@lists.css-discuss.org
Subject: RE: [css-d] Background image not showing up
I've used j-query to create some toggled content on this page:
http://www.issaquahfish.org/dev/education/learn-about-salmon.html
I'm not sure why you're styling all the DIVs like that, but if you do
not
want to change that styling you can use the following to fix the issue:
#container .block {
background-color:transparent;
}
Thanks so much. That worked perfectly! (I need the container div to
have the
#fff background because otherwise the blue patterned background shows
through.)
Alix,
That container already has a white background:
#container {
background:#FF;
border:1px solid #00;
margin:0 auto;
text-align:left;
width:960px;
}
so imho there is no need to style all the divs inside it:
#container div {background-color:#FF;}
Did you try to *remove* the above rule? Imho it should work just fine
without it.
The only reason I could think you'd need this is if you had a construct
where #container collapses (mostly because of floats), but I see you're
using the last child to clear everything so I don't think you need that
rule...
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
Yes, I tried removing it after reading your initial email but the blue
background was visible so I put it back.
__
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] Background image not showing up
That container already has a white background:
#container {
background:#FF;
border:1px solid #00;
margin:0 auto;
text-align:left;
width:960px;
}
so imho there is no need to style all the divs inside it:
#container div {background-color:#FF;}
Did you try to *remove* the above rule? Imho it should work just fine
without it.
The only reason I could think you'd need this is if you had a construct
where #container collapses (mostly because of floats), but I see you're
using the last child to clear everything so I don't think you need that
rule...
Yes, I tried removing it after reading your initial email but the blue
background was visible so I put it back.
I'm sorry, but this makes no sense. The parent container has a white
background already, so styling nested DIVs with a white background should
not change anything.
I can kill that rule in firebug without seeing the blue background bleeding
through.
Anyway, keep things the way they are if it works for you.
--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz
__
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] background image not showing
Hi Everyone I've started a new site here http://www.philturner-uk.com/trish/ index and I have put a background image in #lgeimagepanel can someone tell me why it wont show, first test in firefox on a mac not tried anything else yet Phil Turner FREELANCE DESIGNER NEW BOOK - YOUR PLANET NEEDS YOU http://www.yourplanetneedsyou.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing
On May 17, 2007, at 6:47 PM, Phil Turner wrote: Hi Everyone I've started a new site here http://www.philturner-uk.com/trish/ index and I have put a background image in #lgeimagepanel can someone tell me why it wont show, first test in firefox on a mac not tried anything else yet perhaps your id in the html was missing? seems you bave div but identify it with a comment: div!-- start of lgeimagepanel -- perhaps div id=lgeimagepanel/div silly boy. Phil Turner FREELANCE DESIGNER NEW BOOK - YOUR PLANET NEEDS YOU http://www.yourplanetneedsyou.org __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing
I've just spotted it ... I feel so foolish.but the learning curve is there I can spot my own mistakes now, sorry for a dumb post Phil T __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image not showing in Firefox Opera etc.
I have a background image that's displaying in IE6 but not firefox or Opera (haven't tested IE7 or Safari yet). The background image in question is the background image for div id=main. It is dark blue for the 150px on the left, and white for the rest of it. I have uploaded it at www.sparrowdog.com/test.htm This is a slight deviation from my standard stylesheet/html layout, and I'm not quite sure why the background image isn't displaying. Thanks Joanne __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing in Firefox Opera etc.
Joanne wrote:
I have a background image that's displaying in IE6 but not firefox or
Opera (haven't tested IE7 or Safari yet).
IE7 will display the background. Safari will not.
I have uploaded it at www.sparrowdog.com/test.htm
The missing background is caused by the fact that floats are not
contained by default in standard compliant browsers. This means that
#main won't expand downwards since there are only floats inside it.
Add a property that will establish a new 'block formatting context'[1]...
#main {display: table;}
...or alternatively...
#main {overflow: hidden;}
* html #main {overflow: visible;}
...and the standard compliant browsers will get the message and expand
to contain floats.
IE/win (all versions) has its 'hasLayout'[2] bug, so it expands no
matter what. We just have to protect older IE/win versions from their
'overflow' bugs if the second alternative is used.
regards
Georg
[1]http://www.w3.org/TR/CSS21/visuren.html#q15
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing in Firefox Opera etc.
Joanne wrote: I have a background image that's displaying in IE6 but not firefox or Opera (haven't tested IE7 or Safari yet). The background image in question is the background image for div id=main. It is dark blue for the 150px on the left, and white for the rest of it. I have uploaded it at www.sparrowdog.com/test.htm This is a slight deviation from my standard stylesheet/html layout, and I'm not quite sure why the background image isn't displaying. W3C CSS validator reports it can't find the print style sheet, also 36 warnings or something like that ... http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fwww.sparrowdog.com%2Ftest.htm -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image not showing up [IE/FF]
Hi all, I'm developing a page that I'm having some problems with a background image being only show behind the first child element and not behind everything else, in both IE and Firefox I'm imagining that the reason are because of the floats, but I couldn't figure out really why this is happening the page is here: http://www.mobilciclo.org/cadastro/ the css is here: http://www.mobilciclo.org/cadastro/mobilciclo.css the element that has the background image giving me headaches are: #content-body I've already check my markup and css at w3c and they both validate ( with only a few warnings on the css ) Please advice TIA Grillo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up [IE/FF]
Marcelo Wolfgang wrote:
I'm developing a page that I'm having some problems with a background
image being only show behind the first child element and not behind
everything else, in both IE and Firefox
http://www.mobilciclo.org/cadastro/
A flaw in your stylesheet.
Change...
#content-body{
background:#dfeadb url('images/content_background_cadastro.gif')
no-repeat;
...to...
#content-body{
background:#dfeadb url('images/content_background_cadastro.gif')
repeat-x;
...or else it won't show up.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing
Thanks David for the reply. I tried what you said and it is working excellently
on most of the browsers! I only get the background image not shown on the
following two (non flash) combos:
Netscape 4.78 (no Flash)Windows 2000 Professional (background image not
shown)
Explorer 4.0 (no Flash) Windows 98(nothing shown seems to be a
complete mess)
http://www.villa-corti.com/menus.htm
Is the Internet explorer 4.0 with windows 98 not compatible with divs maybe
Thanks a lot for any advice on those two browsers nearly there!!
ed gooddy wrote:
Thanks for the pointer to the validating page francky- I added the
closing div but the problem continues with background image not being
shown(except in Internet Explorer and windows OS) Does anyone know why
this is happening and what I can do to make the background image show?
#navbar { Z-INDEX: 10; CLEAR: both; BACKGROUND: url(navtile.gif) repeat-
x left top; MARGIN: 0px; WIDTH: 760px; POSITION: relative }
The link to the page is www.villa-corti.com/menus.htm
(code snipped)
Hi Ed,
Try adding overflow: auto to these #navbar declarations.
Works in Opera (view and edit source; reload from cache).
Cordially,
David
--
www.hucklesby.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
-
To help you stay safe and secure online, we've developed the all new Yahoo!
Security Centre.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing
On Sat, 28 Oct 2006 23:00:20 +0100 (BST), ed gooddy wrote: Thanks David for the reply. I tried what you said and it is working excellently on most of the browsers! Hi Ed, So glad to hear that helped. Thanks for letting us know. I only get the background image not shown on the following two (non flash) combos: Netscape 4.78 (no Flash)Windows 2000 Professional (background image not shown) Explorer 4.0 (no Flash) Windows 98(nothing shown seems to be a complete mess) http://www.villa-corti.com/menus.htm Is the Internet explorer 4.0 with windows 98 not compatible with divs maybe Yes. CSS layout is problematical at best in those browsers. Also a problem with backgrounds in Netscape if the CSS is in a different folder, as the images must be specified with respect to the HTML folder, not the CSS. Maybe that's why the background does not show up? Personally, although I have made Netscape 4.x work with CSS in the past, I don't think it worthwhile any more. What I do is prevent version 4 and older browsers seeing my CSS. If the HTML is marked up semantically visitors having these old browsers get a perfectly usable page, even if it's plain. You could also split your styles into two - one for fonts and colors, another for layout, and hide the layout one from version 4.x browsers. There are several ways of hiding CSS from old browsers. Using an @import would work. My method is to link my style sheets with this media attribute: media=screen, projection (I think that any multiple media types will work, if you prefer.) Cordially, David -- www.hucklesby.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing
Thanks for the pointer to the validating page francky- I added the closing div
but the problem continues with background image not being shown(except in
Internet Explorer and windows OS) Does anyone know why this is happening and
what I can do to make the background image show?
#navbar { Z-INDEX: 10; CLEAR: both; BACKGROUND: url(navtile.gif)
repeat-x left top; MARGIN: 0px; WIDTH: 760px; POSITION: relative
}
The link to the page is www.villa-corti.com/menus.htm
Here is a copy of the code:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd;
HEAD
TITLEExample/TITLE
STYLE type=text/css
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN:
0px; FONT: 11px Verdana; PADDING-TOP: 0px
}
#navimagel {
width:85px;
height:115px;
z-index:5;
float: left;
left: 13px;
top: 0px;
}
#navimager {
Z-INDEX: 9; LEFT: 250px; FLOAT: left; WIDTH: 186px; POSITION:
relative; TOP: 0px; HEIGHT: 90px
}
#logo {
Z-INDEX: 3; LEFT: 100px; FLOAT: left; WIDTH: 238px; POSITION:
relative; TOP: 46px; HEIGHT: 73px
}
#tabsH {
z-index: 6; FONT-SIZE: 93%; BACKGROUND: #fff; FLOAT: left; WIDTH:
100%; TOP: 160px; LINE-HEIGHT: normal
}
#tabsH UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 94px; PADDING-BOTTOM: 0px; MARGIN:
0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsH LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#tabsH A {
PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(tableftH.gif)
no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px;
PADDING-TOP: 0px; TEXT-DECORATION: none
}
#tabsH A SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND:
url(tabrightH.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px;
COLOR: #fff; PADDING-TOP: 5px
}
#tabsH A SPAN {
FLOAT: none
}
#tabsH A:hover SPAN {
COLOR: #fff
}
#tabsH A:hover {
BACKGROUND-POSITION: 0% -42px
}
#tabsH A:hover SPAN {
BACKGROUND-POSITION: 100% -42px
}
/* large navigation */
#navbar { Z-INDEX: 10; CLEAR: both; BACKGROUND: url(navtile.gif)
repeat-x left top; MARGIN: 0px; WIDTH: 760px; POSITION: relative
}
#navbar UL {
PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#navbar LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navbar A:link {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 6px;
FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #ccc;
LINE-HEIGHT: 12px; PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
#navbar A:visited {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 6px;
FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #fff;
LINE-HEIGHT: 10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION:
none
}
#navbar A.active:link {
TEXT-DECORATION: underline
}
#navbar A.active:visited {
TEXT-DECORATION: underline
}
#navbar A:hover {
TEXT-DECORATION: underline
}
#navimagel img,#navimager img {
margin-bottom: -100px;
position: relative;
}
/* layout */
#rightcolumn {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM:
10px; WIDTH: 155px; PADDING-TOP: 0px; TEXT-ALIGN: center;
position:absolute;
height:215px;
z-index:7;
left: 372px;
}
#maincontent {
position:absolute;
width:350px;
height:215px;
z-index:7;
left: 10px;
top: 250px;
}
#testimonials {
position:absolute;
width:350px;
height:73px;
z-index:3;
left: 10px;
top: 400px;
}
#points {
position:absolute;
width:178px;
height:73px;
z-index:3;
left: 350px;
top: 420px;
}
#points2 {
position:absolute;
width:138px;
height:73px;
z-index:3;
left: 550px;
top: 420px;
}
/STYLE
/HEAD
BODY
DIV id=navimagelIMG alt=lodgeadog src=images/lake3.jpg/DIV
DIV id=logoIMG alt=lodgeadog src=images/lodgeadog.jpg/DIV
DIV id=navimagerIMG alt=lodgeadog src=images/dog1.jpg/DIV
DIV id=tabsH
UL
LIA title=home
href=menus.cfmSPANhome/SPAN/A
LIA title=register
href=register.cfmSPANregister/SPAN/A
LIA title= href=SPANa aa/SPAN/A
LIA title=Longer Link Text href=SPANa aa aaa
a/SPAN/A
LIA title=Link 5 href=SPANabout us/SPAN/A
/LI/UL/DIV
DIV id=navbar
UL
LIA href=Search/A
LIA href=Insurance/A
LIA href=McKeef Foundation/A
LIA href=Dog Carers/A
LIA href=Shop/A
LIA href=Register/A
LIA href=Dog Mating/A
LIA href=Advertise/A
/LI/UL/DIV
/BODY/HTML
francky [EMAIL PROTECTED] wrote:
ed gooddy wrote:
Hi David and all,
OK hereis the link: http://www.villa-corti.com/menus.htm
Here are the problems:
With the following browsers and OSs the background image in the
navbar div doesn´t show-why oh why?! Thanks for any pointers:
[...]
(big ul)
[...]
Other problems with comments:
[...]
(small ul)
And here is the code:
[...]
Thank-you all for any help in my all div mission!!
Hi Ed,
First I did the security check: valid css and valid html?
Re: [css-d] Background image not showing
ed gooddy wrote:
Thanks for the pointer to the validating page francky- I added the
closing div but the problem continues with background image not being
shown(except in Internet Explorer and windows OS) Does anyone know why
this is happening and what I can do to make the background image show?
#navbar { Z-INDEX: 10; CLEAR: both; BACKGROUND: url(navtile.gif) repeat-
x left top; MARGIN: 0px; WIDTH: 760px; POSITION: relative }
The link to the page is www.villa-corti.com/menus.htm
(code snipped)
Hi Ed,
Try adding overflow: auto to these #navbar declarations.
Works in Opera (view and edit source; reload from cache).
Cordially,
David
--
www.hucklesby.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image not showing
Hi David and all,
OK hereis the link: http://www.villa-corti.com/menus.htm
Here are the problems:
With the following browsers and OSs the background image in the
navbar div doesn´t show-why oh why?! Thanks for any pointers:
Firefox 1.5.0 (no Flash) + Linux Fedora Core 4
Firefox 2.0b1 (no Flash) + Linux Fedora Core 4
Konqueror 3.4.0-5 (no Flash) + Linux Fedora Core 4
Mozilla 1.7.12 (no Flash) + Linux Fedora Core 4
Opera 9.0 (no Flash) + Linux Fedora Core 4
Firefox 1.5.0 (No Flash) + Windows 2000 Professional
Firefox 2.0b1 (No Flash) + Windows 2000 Professional
Mozilla 1.6 (No Flash) + Windows 2000 Professional
Mozilla 1.7.12 (No Flash) + Windows 2000 Professional
Firefox 2.0rc2 (No Flash) + Windows Vista RC2
Opera 9.02 (No Flash) + Windows Vista RC2
Opera 8.5.0 (No Flash) + Windows 2000 Professional
Opera 9.0 (No Flash) + Windows 2000 Professional
Netscape 7.2 (no Flash) + Windows 2000 Professional
Opera 9.0 (No Flash) + Windows XP
Netscape 7.2 (no Flash) + Windows XP
Firefox 2.0b1 (No Flash) + Windows XP
Other problems with comments:
Firefox 1.5.0 (No Flash) + Windows XP (show source code!!)
Explorer 4.0 (no Flash) + Windows 98 (complete mess!!)
Netscape 6.2 (no Flash) + Windows 2000 Professional (moves
navbar div up the page)
Netscape 4.78 (no Flash) + Windows 2000 Professional (doesn´t
show the navbar and tabsH divs)
Netscape 6.2.3 (No Flash) + Windows XP (moves up the page)
Explorer 5.0 (no Flash) + Windows 2000 Pro.(divs pushed all the
way down the page)
And here is the code:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd;
HEAD
TITLEExample/TITLE
STYLE type=text/css
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT:
11px Verdana; PADDING-TOP: 0px
}
#navimagel {
width:85px;
height:115px;
z-index:5;
float: left;
left: 13px;
top: 0px;
}
#navimager {
Z-INDEX: 9; LEFT: 250px; FLOAT: left; WIDTH: 186px; POSITION: relative; TOP:
0px; HEIGHT: 90px
}
#logo {
Z-INDEX: 3; LEFT: 100px; FLOAT: left; WIDTH: 238px; POSITION: relative; TOP:
46px; HEIGHT: 73px
}
#tabsH {
z-index: 6; FONT-SIZE: 93%; BACKGROUND: #fff; FLOAT: left; WIDTH: 100%; TOP:
160px; LINE-HEIGHT: normal
}
#tabsH UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 94px; PADDING-BOTTOM: 0px; MARGIN: 0px;
PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#tabsH LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px
}
#tabsH A {
PADDING-RIGHT: 0px; PADDING-LEFT: 4px; BACKGROUND: url(tableftH.gif) no-repeat
left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
TEXT-DECORATION: none
}
#tabsH A SPAN {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND:
url(tabrightH.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px;
COLOR: #fff; PADDING-TOP: 5px
}
#tabsH A SPAN {
FLOAT: none
}
#tabsH A:hover SPAN {
COLOR: #fff
}
#tabsH A:hover {
BACKGROUND-POSITION: 0% -42px
}
#tabsH A:hover SPAN {
BACKGROUND-POSITION: 100% -42px
}
/* large navigation */
#navbar { Z-INDEX: 10; CLEAR: both; BACKGROUND: url(navtile.gif) repeat-x left
top; MARGIN: 0px; WIDTH: 760px; POSITION: relative
}
#navbar UL {
PADDING-LEFT: 1em; MARGIN: 0px; LIST-STYLE-TYPE: none
}
#navbar LI {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navbar A:link {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 6px;
FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #ccc; LINE-HEIGHT:
12px; PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
#navbar A:visited {
BORDER-RIGHT: #c63 1px solid; PADDING-RIGHT: 6px; PADDING-LEFT: 6px;
FONT-SIZE: 1.1em; FLOAT: left; PADDING-BOTTOM: 5px; COLOR: #fff; LINE-HEIGHT:
10px; PADDING-TOP: 5px; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
#navbar A.active:link {
TEXT-DECORATION: underline
}
#navbar A.active:visited {
TEXT-DECORATION: underline
}
#navbar A:hover {
TEXT-DECORATION: underline
}
#navimagel img,#navimager img {
margin-bottom: -100px;
position: relative;
}
/* layout */
#rightcolumn {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px;
WIDTH: 155px; PADDING-TOP: 0px; TEXT-ALIGN: center;
position:absolute;
height:215px;
z-index:7;
left: 372px;
}
#maincontent {
position:absolute;
width:350px;
height:215px;
z-index:7;
left: 10px;
top: 250px;
}
#testimonials {
position:absolute;
width:350px;
height:73px;
z-index:3;
left: 10px;
top: 400px;
}
#points {
position:absolute;
width:178px;
height:73px;
z-index:3;
left: 350px;
top: 420px;
}
#points2 {
position:absolute;
width:138px;
height:73px;
z-index:3;
left: 550px;
top: 420px;
}
/STYLE
/HEAD
BODY
DIV id=navimagelIMG alt=lodgeadog src=images/lake3.jpg/DIV
DIV id=logoIMG alt=lodgeadog src=images/lodgeadog.jpg/DIV
DIV id=navimagerIMG alt=lodgeadog src=images/dog1.jpg/DIV
DIV
Re: [css-d] Background image not showing
ed gooddy wrote: Hi David and all, OK hereis the link: http://www.villa-corti.com/menus.htm Here are the problems: With the following browsers and OSs the background image in the navbar div doesn´t show-why oh why?! Thanks for any pointers: [...] (big ul) [...] Other problems with comments: [...] (small ul) And here is the code: [...] Thank-you all for any help in my all div mission!! Hi Ed, First I did the security check: valid css and valid html? The css-validator is congratulating - the html-validator is notifying 1 error (apart from a missing charset definition in the head): there is a missing /div. :-) See result http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.villa-corti.com%2Fmenus.htm. What happens after repairing? Success and greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image not showing
With the following browsers and OSs the background image in the navbar div doesn´t show-why oh why?! Thanks for any pointers: Firefox 1.5.0 (no Flash) + Linux Fedora Core 4 Firefox 2.0b1 (no Flash) +Linux Fedora Core 4 Konqueror 3.4.0-5 (no Flash) + Linux Fedora Core 4 Mozilla 1.7.12 (no Flash) + Linux Fedora Core 4 Opera 9.0 (no Flash) + Linux Fedora Core 4 Firefox 1.5.0 (No Flash) + Windows 2000 Professional Firefox 2.0b1 (No Flash) + Windows 2000 Professional Mozilla 1.6 (No Flash) + Windows 2000 Professional Mozilla 1.7.12 (No Flash) +Windows 2000 Professional Firefox 2.0rc2 (No Flash) + Windows Vista RC2 Opera 9.02 (No Flash) +Windows Vista RC2 Opera 8.5.0 (No Flash) +Windows 2000 Professional Opera 9.0 (No Flash)+ Windows 2000 Professional Netscape 7.2 (no Flash)+ Windows 2000 Professional Opera 9.0 (No Flash) + Windows XP Netscape 7.2 (no Flash) +Windows XP Firefox 2.0b1 (No Flash)+ Windows XP Other problems with comments: Firefox 1.5.0 (No Flash)+ Windows XP (show source code!!) Explorer 4.0 (no Flash) + Windows 98 (complete mess!!) Netscape 6.2 (no Flash)+ Windows 2000 Professional (moves navbar div up the page) Netscape 4.78 (no Flash)+ Windows 2000 Professional (doesn´t show the navbar and tabsH divs) Netscape 6.2.3 (No Flash) + Windows XP (moves up the page) Explorer 5.0 (no Flash) + Windows 2000 Pro.(divs pushed all the way down the page) Send instant messages to your online friends http://uk.messenger.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing
How abotu some links to your CSS? And maybe the file itself? David Merwin [EMAIL PROTECTED] 541-335-1832 http://www.davemerwin.com http://www.purebluedesign.com http://www.betachurch.org http://www.agiprofessional.com On Oct 24, 2006, at 9:25 AM, ed gooddy wrote: With the following browsers and OSs the background image in the navbar div doesn´t show-why oh why?! Thanks for any pointers: Firefox 1.5.0 (no Flash) + Linux Fedora Core 4 Firefox 2.0b1 (no Flash) +Linux Fedora Core 4 Konqueror 3.4.0-5 (no Flash) + Linux Fedora Core 4 Mozilla 1.7.12 (no Flash) + Linux Fedora Core 4 Opera 9.0 (no Flash) + Linux Fedora Core 4 Firefox 1.5.0 (No Flash) + Windows 2000 Professional Firefox 2.0b1 (No Flash) + Windows 2000 Professional Mozilla 1.6 (No Flash) + Windows 2000 Professional Mozilla 1.7.12 (No Flash) +Windows 2000 Professional Firefox 2.0rc2 (No Flash) + Windows Vista RC2 Opera 9.02 (No Flash) +Windows Vista RC2 Opera 8.5.0 (No Flash) +Windows 2000 Professional Opera 9.0 (No Flash)+ Windows 2000 Professional Netscape 7.2 (no Flash)+ Windows 2000 Professional Opera 9.0 (No Flash) + Windows XP Netscape 7.2 (no Flash) +Windows XP Firefox 2.0b1 (No Flash)+ Windows XP Other problems with comments: Firefox 1.5.0 (No Flash)+ Windows XP (show source code!!) Explorer 4.0 (no Flash) + Windows 98 (complete mess!!) Netscape 6.2 (no Flash)+ Windows 2000 Professional (moves navbar div up the page) Netscape 4.78 (no Flash)+ Windows 2000 Professional (doesn´t show the navbar and tabsH divs) Netscape 6.2.3 (No Flash) + Windows XP (moves up the page) Explorer 5.0 (no Flash) + Windows 2000 Pro.(divs pushed all the way down the page) Send instant messages to your online friends http:// uk.messenger.yahoo.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image not showing up
Hello, On this page http://www.liztestsitem.com/line/test.html the content div that contains the left and right column has a background image that should make a vertical line down the center but it is not showing up in Safari or Firefox. I need help in making it show. I thought that because the columns were within the content div it would give it the height to show, but it doesn't recognize the columns as part of its content. This is what the background image looks like when I take out the columns and put text directly in the content div http://www.liztestsitem.com/line/test2.html I don't want to put the line as a border on one of the columns because the length of text will vary between columns on different pages and it might end up on the shorter one. Would appreciate any help. Thanks, Liz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up
how about a div with a line? You can set the height to whatever you want.
!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;
head
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 /
titleUntitled Document/title
style type=text/css
!--
body {
margin: 0px;
padding: 0px;
}
#container {
width: 761px;
margin: 0 auto;
position: relative;;
}
#masthead
{
height: 99px;
background-color: #afb6c6;
padding: 0px;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #cc;
}
#title {
text-align: center;
padding-top: 5px;
padding-bottom: 3px;
}
#content {
width: 761px;
position: relative;
background-image: url(newsBkg.gif);
background-repeat: repeat-y;
}
#leftCol {
float: left;
width: 365px;
}
#rightCol {
float: right;
width: 365px;
}
#footer {
clear: both;
text-align: center;
}
#linebox {
border-left: 1px solid black;
width:1px;
float:left;
height:200px;
margin-left:13px;
}
/style
--
/style
/head
body
div id=container
div id=masthead/div
div id=titleTitle/div
div id=content/div
div id=content
div id=leftColpLorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,
auctor
quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean
viverra
malesuada libero. /p
/div
div id=linebox/div
div id=rightCol
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula
lorem,
consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce
aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac
quam.
Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel
accumsan
aliquam, tellus dui fringilla quam, in condimentum augue lorem non
tellus.
Pellentesque id arcu non sem placerat iaculis. Curabitur /p
/div
/div
div id=footerfooter/div
/div
!-- end container --
/body
/html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up
Olá Liz,
You need a div inside the content div (by the way, you have two of this
one) that pushes its height. My suggestion is:
1- edit the markup so the footer div gets inside the content but after
the the cols divs...
div id=content
div id=leftColpLorem ipsum ...p/div
div id=rightColpLorem ipsum... /p/div
div id=footerfooter/div
/div
2- edit the footer style rules as follows:
#footer {
*clear: both;*
text-align: center;
*background-color:white;*
}
That's it!
HTH!
Roberto
--
Liz wrote:
Hello,
On this page http://www.liztestsitem.com/line/test.html the content div
that contains the left and right column has a background image that should
make a vertical line down the center but it is not showing up in Safari or
Firefox. I need help in making it show. I thought that because the columns
were within the content div it would give it the height to show, but it
doesn't recognize the columns as part of its content.
--
Roberto Gorjão
freelance designer and web designer
personal site: www.castelosnoar.com
PORTUGAL / BRAGA / PÓVOA DE LANHOSO
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up
Liz,
On Sep 26, 2006, at 5:06 AM, Liz wrote:
Hello,
On this page http://www.liztestsitem.com/line/test.html the
content div
that contains the left and right column has a background image that
should
make a vertical line down the center but it is not showing up in
Safari or
Firefox. I need help in making it show. I thought that because the
columns
were within the content div it would give it the height to show,
but it
doesn't recognize the columns as part of its content.
What is tripping you up is that both the left and right columns are
floated. This takes both of the out of the normal document 'flow'
which leaves #content without any. There are many ways to solve
this, but the one you choose may depend on what else is happening on
the page. Here are some choices:
#content { float: left; } /* floating the content makes it expand to
hold the floated children */
The 'clearfix' method (which you can google for)
Adding a clearing element at the bottom of #content, Zoe has a page
about that as I recall. Again, google is your friend.
One of these solutions should get you where you want to go. Also,
See this article by Eric Meyer to understand float containment in
general. http://www.complexspiral.com/publications/containing-floats/
Roger,
--
Roger Roelofs
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up
On 9/26/06 3:47 AM, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
how about a div with a line? You can set the height to whatever you want.
!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;
head
meta http-equiv=Content-Type content=text/html; charset=ISO-8859-1 /
titleUntitled Document/title
style type=text/css
!--
body {
margin: 0px;
padding: 0px;
}
#container {
width: 761px;
margin: 0 auto;
position: relative;;
}
#masthead
{
height: 99px;
background-color: #afb6c6;
padding: 0px;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #cc;
}
#title {
text-align: center;
padding-top: 5px;
padding-bottom: 3px;
}
#content {
width: 761px;
position: relative;
background-image: url(newsBkg.gif);
background-repeat: repeat-y;
}
#leftCol {
float: left;
width: 365px;
}
#rightCol {
float: right;
width: 365px;
}
#footer {
clear: both;
text-align: center;
}
#linebox {
border-left: 1px solid black;
width:1px;
float:left;
height:200px;
margin-left:13px;
}
/style
--
/style
/head
body
div id=container
div id=masthead/div
div id=titleTitle/div
div id=content/div
div id=content
div id=leftColpLorem ipsum dolor sit amet, consectetuer
adipiscing elit. Duis ligula lorem, consequat eget, tristique nec,
auctor
quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean
viverra
malesuada libero. /p
/div
div id=linebox/div
div id=rightCol
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula
lorem,
consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce
aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac
quam.
Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel
accumsan
aliquam, tellus dui fringilla quam, in condimentum augue lorem non
tellus.
Pellentesque id arcu non sem placerat iaculis. Curabitur /p
/div
/div
div id=footerfooter/div
/div
!-- end container --
/body
/html
Thanks for your reply but the problem with that is I want the line to always
be the height of the text which will change from page to page.
Liz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up
On 9/26/06 4:18 AM, Roger Roelofs [EMAIL PROTECTED] wrote:
Liz,
On Sep 26, 2006, at 5:06 AM, Liz wrote:
Hello,
On this page http://www.liztestsitem.com/line/test.html the
content div
that contains the left and right column has a background image that
should
make a vertical line down the center but it is not showing up in
Safari or
Firefox. I need help in making it show. I thought that because the
columns
were within the content div it would give it the height to show,
but it
doesn't recognize the columns as part of its content.
What is tripping you up is that both the left and right columns are
floated. This takes both of the out of the normal document 'flow'
which leaves #content without any. There are many ways to solve
this, but the one you choose may depend on what else is happening on
the page. Here are some choices:
#content { float: left; } /* floating the content makes it expand to
hold the floated children */
The 'clearfix' method (which you can google for)
Adding a clearing element at the bottom of #content, Zoe has a page
about that as I recall. Again, google is your friend.
One of these solutions should get you where you want to go. Also,
See this article by Eric Meyer to understand float containment in
general. http://www.complexspiral.com/publications/containing-floats/
Roger,
Thank you for your reply, I will experiment with these methods.
Liz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing up
On 9/26/06 4:19 AM, Roberto Gorjão [EMAIL PROTECTED] wrote:
Olá Liz,
You need a div inside the content div (by the way, you have two of this
one) that pushes its height. My suggestion is:
1- edit the markup so the footer div gets inside the content but after
the the cols divs...
div id=content
div id=leftColpLorem ipsum ...p/div
div id=rightColpLorem ipsum... /p/div
div id=footerfooter/div
/div
2- edit the footer style rules as follows:
#footer {
*clear: both;*
text-align: center;
*background-color:white;*
}
That's it!
HTH!
Roberto
--
Liz wrote:
Hello,
On this page http://www.liztestsitem.com/line/test.html the content div
that contains the left and right column has a background image that should
make a vertical line down the center but it is not showing up in Safari or
Firefox. I need help in making it show. I thought that because the columns
were within the content div it would give it the height to show, but it
doesn't recognize the columns as part of its content.
That fixed the problem, perfectly, and without having to change much!
http://www.liztestsitem.com/line/test.html (refresh)
Thank you so much!
Liz
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image not showing
Hi,
I am trying to display an image through a selector.
Here is an extract of the HTML page :
td
%-- does not work --%
div class=testimage/div
%-- this works --%
%-- img
src=/etoile/framework/edf/images/nav/etoile_perso.gif/
--%
/td
Here is an extract of the CSS page :
.testimage { background: url(/etoile/framework/edf/images/nav/etoile_perso.gif)
; }
Does anyone have an idea of what could be wrong ?
Thanks
-
How low will we go? Check out Yahoo! Messengers low PC-to-Phone call rates.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing
On 22/09/06, Mike [EMAIL PROTECTED] wrote:
I am trying to display an image through a selector.
Here is an extract of the HTML page :
td
div class=testimage/div
/td
.testimage { background:
url(/etoile/framework/edf/images/nav/etoile_perso.gif) ; }
Does anyone have an idea of what could be wrong ?
Well you've got a table data cell with no data in it (and a div with
no height because it has no content, so you can't see any background
image on it).
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing
well,
in fact I added a content in my div of course:
td
div class=testimageblablabla/div
/td
It is still not showing anything.
But I tried with a much smaller picture, and it works.
I am guessing it has to do with the dimensions of the image then, right ?
If yes, how do i set a proper width and a proper height for my background
image, in my CSS file ?
Thanks
David Dorward [EMAIL PROTECTED] wrote: On 22/09/06, Mike
wrote:
I am trying to display an image through a selector.
Here is an extract of the HTML page :
.testimage { background:
url(/etoile/framework/edf/images/nav/etoile_perso.gif) ; }
Does anyone have an idea of what could be wrong ?
Well you've got a table data cell with no data in it (and a div with
no height because it has no content, so you can't see any background
image on it).
--
David Dorward
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
-
Do you Yahoo!?
Get on board. You're invited to try the new Yahoo! Mail.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing
Mike wrote: well, in fact I added a content in my div of course: td div class=testimageblablabla/div /td It is still not showing anything. But I tried with a much smaller picture, and it works. I am guessing it has to do with the dimensions of the image then, right ? If yes, how do i set a proper width and a proper height for my background image, in my CSS file ? You don't set dimensions of background images in CSS. You can change its size in a graphics program, or you can change the dimensions of the div, or... Lots of options, so please show us your page so we can give you good advice. Also, to start a new thread, do not reply to an existing message. When you do this, your message gets threaded on to the old thread, which messes up the archives and makes it less likely that others will see your message and subsequently reply to you. You must send a new message with an appropriate and descriptive subject line to css-d@lists.css-discuss.org in order to start a new thread. Thank you for your cooperation and participation. Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] background image not showing in FF
First post to the list so hello everyone - I'm having some trouble making my background image (bg-canvas.gif) appear in this layout when viewed in FF. No problem in IE. http://www.e3internet.com/clients/lenzone/shop/lenzoneTEST.htm Deeply appreciate someone pointing me in the right direction here? Thanks Nick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing in FF
Hi, In #canvas add display: table. Jim On 11/25/05, Nick Wilsdon [EMAIL PROTECTED] wrote: First post to the list so hello everyone - I'm having some trouble making my background image (bg-canvas.gif) appear in this layout when viewed in FF. No problem in IE. http://www.e3internet.com/clients/lenzone/shop/lenzoneTEST.htm __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] background image not showing in FF
Thanks Jim/Ian display:table-caption seems to work - I was having a very strange effect with display:table. Whole page fell apart but came together after loading! That's a new attribute for me to learn though, thanks Cheers for the heads up on the other mistakes Ian, I'll go through and fix those. Best Regards, Nick -Original Message- On Behalf Of Jim Davis Sent: Friday, November 25, 2005 4:10 PM Hi, In #canvas add display: table. Jim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image not showing up in IE
I am trying to create a button that can be inabled and disabled. The button is:
a class=enabledButton id=addnote href=javascript:void(0);
title=ButtonAdd Note/a
with these styles:
.enabledButton,.disabledButton {
background-color:#CC;
text-decoration:none;
background-repeat:no-repeat;
background-position:75px 1px;
border:1px solid #00;
display:block;
width:100px;
height:20px;
}
.enabledButton {
color:#00;
}
.enabledButton:hover {
color:#00;
background-color:#FF;
}
.disabledButton {
color:#66;
}
#addnote.enabledButton {
background-image:url(../images/deletenote.gif);
}
#addnote.disabledButton {
background-image:url(../images/deletenote_disabled.gif);
}
I have some JavaScript that swap the class name in order to make the
button appear inabled or disabled. I will have a lot more buttons like
these, so I wanted to be able to use the id to indicate which button
it is and the class to indicate weather it is inabled or disabled.
This image dose note appear in IE in the disabled state, and I think
this has to do with the way I'm selecting the #id.class. It works if I
only select the class, but then I can't distingish witch button gets
witch imageunless I have two class definitions for each image. If
anyone dose know that correct syntax for selecting an element with an
id and a class I'd like to know. If anyone also knows of a way to get
this to work in IE that would be really great.
Thanks,
Kenny
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image not showing in Firefox
hi, I'm having a small problem with a new site in Firefox. The background image on #inner doesn't show. It's OK in Opera. Other background images are showing in Firefox. Can someone spot the error? TIA Regards, Mike -- Mike Davies Integra Web Design, Huntly, AB54 4XP 01466 700213www.integrawebdesign.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image not showing in Firefox - resubmission
On 5/21/2005 12:29 PM Mike Davies wrote: www.avochiegranite.com/cfp/index.html The background image on #inner doesn't show. It's OK in Opera. Other background images are showing in Firefox. Can someone spot the error? Put a border around #inner and I believe you'll see the issue. Both leftcol and maincol are floated, so as far as Firefox is concerned #inner has 0 height, so no place for the background to show. Clear them floats! http://www.positioniseverything.net/easyclearing.html -- Steve Clason Web Design and Development Boulder, Colorado, USA www.topdogstrategy.com (303)818-8590 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
