Maybe someone sees what's going here...the unordered list up top (ul.topnav) uses an image ( list-style-image:url(images/bbar.gif); ) but it doesn't show up. Any idea what I'm missing here? The HTML/CSS validates w/ no errors.
[quote="cssfreak"]Hey Ashton thought that image doesn't show up in IE 7 check it out
What?
The list-style-image doesn't show up in any browser because it is set to "display:inline"
[/quote]
No Ashton what i am telling is even after the display:inline is removed ..it doesn't display in IE7 ..i have given the same solution as u .....to remove display:inline.....check ma post before yours..........
No Ashton what i am telling is even after the display:inline is removed ..it doesn't display in IE7
Oooh, that's what you were trying to say. Taking a couple seconds for proofing helps others to understand what you're trying to say.
Did you create the page in IE7 without display:inline? How did you check this?
"cssfreak" said:
..i have given the same solution as u .....to remove display:inline.....check ma post before yours..........
Actually, you replaced "display:inline" with "float:left" which would change his navigation layout. You also didn't mention what or why you made those changes. I figured explaining what was going on would help him to learn... (which is ironic since the originator of this 11 post thread hasn't even come back to see the answer to his simple problem. :D )
[quote="cssfreak"]No Ashton what i am telling is even after the display:inline is removed ..it doesn't display in IE7
Did you create the page in IE7 without display:inline? How did you check this? [/quote] sorry regarding not explaining stuff coz i was a little pre-occupied with work anyways yes i created the page.....it displays fine in FF3 but IE7 doesn't display the image
Actually, you replaced "display:inline" with "float:left" which would change his navigation layout. You also didn't mention what or why you made those changes. I figured explaining what was going on would help him to learn... (which is ironic since the originator of this 11 post thread hasn't even come back to see the answer to his simple problem. :D )
yes i did replace it coz without float:left or probably even right the entire list display as a block ......
I'm assuming you're hoping that that "float: right;" will make the width of the UL as minimized as possible. Have you checked this in IE 6?
I would still recommend a simple background image as it's the simplest, and I can't think of any cross-browser problems with it.
well i haven't tested it with IE6......coz i have IE7 ...is there anyway where i can check it online....i dont have anything live at the moment.....
This is is what i think is happening...since we give float:right in the css of <ul>..........the image hides coz there is no margin on the left side of the <li> so making the <li> float to left reveals it......without changing the layout....only problem is IE.......
well i haven't tested it with IE6......coz i have IE7
You can get IETester here http://www.my-debugbar.com/wiki/IETester/HomePage and a standalone version of IE6 here http://browsers.evolt.org/?ie/32bit/standalone
lolz u r right ....this guy is alive alright ...... yup i just saw a couple of other solutions IE has a problem rendering list-style-image when displaying in a horizontal line.....and ur solution will work fine although god knows when will Ie be extinct ...i sure hope that happens soon
<snip> although god knows when will Ie be extinct ...i sure hope that happens soon
Yea, I try to take it as a challenge. It keeps the cussing down and the creative energies flowing. It may take a little extra time the first couple times, but it forces you to learn all the different possibilities. ;)
Yes, alive indeed :D I was out in a massive session of trial and error. No success in the end, but it wasn't a detail the client even cared about. I was trying to figure it out for my own knowledge. When I have some spare time, I'll dig back through this post and give it another go around.
If I come up with a clean, cross-browser solution, I'll post it here. I'm sure I'm not the only one to run into this.
I have to say, this is the most active CSS forum I've found yet, and surprisingly, it seems most of the people here know more about CSS than me! Much more than can be said for any of the other CSS forums I've found.
Maybe someone sees what's going here...the unordered list up top (ul.topnav) uses an image ( list-style-image:url(images/bbar.gif); ) but it doesn't show up. Any idea what I'm missing here? The HTML/CSS validates w/ no errors.
for
Update: This works fine in Mozilla Firefox 3.0.10 but doesn't in IE 7 ...not sure about other browsers ...please try out and let me know
What I do for this type of layout is float: right; and put the <li>s in reverse order.
Hey Ashton thought that image doesn't show up in IE 7 check it out
What?
The list-style-image doesn't show up in any browser because it is set to "display:inline"
Alternatively, you could change:
to:
That should add the image to each list item.
-Ashton Sanders
My bullet image just get spat out of the bottom of my footer?
Example here; http://www.grantsmithportfolio.com
As you will see, my bullet images are just spat out of the bottom of my footer.
Any ideas?
May have something to do with the fact that your bullet image is 842 pixels wide and 595 pixels high.
What?
The list-style-image doesn't show up in any browser because it is set to "display:inline"
[/quote]
No Ashton what i am telling is even after the display:inline is removed ..it doesn't display in IE7 ..i have given the same solution as u .....to remove display:inline.....check ma post before yours..........
Oooh, that's what you were trying to say. Taking a couple seconds for proofing helps others to understand what you're trying to say.
Did you create the page in IE7 without display:inline? How did you check this?
Actually, you replaced "display:inline" with "float:left" which would change his navigation layout. You also didn't mention what or why you made those changes. I figured explaining what was going on would help him to learn... (which is ironic since the originator of this 11 post thread hasn't even come back to see the answer to his simple problem. :D )
Did you create the page in IE7 without display:inline? How did you check this?
[/quote]
sorry regarding not explaining stuff coz i was a little pre-occupied with work
anyways yes i created the page.....it displays fine in FF3 but IE7 doesn't display the image
yes i did replace it coz without float:left or probably even right the entire list display as a block ......
Actually, you replaced "display:inline" with "float:left" which would change his navigation layout. :D )
[/quote]
i was just wondering about what u said ......it would change his navigation layout coz in his css he has written
that will keep the list to the right hand side
what i did was
that will force the image to the left....not the list :D
Sorry for not being explanative earlier
I'm assuming you're hoping that that "float: right;" will make the width of the UL as minimized as possible. Have you checked this in IE 6?
I would still recommend a simple background image as it's the simplest, and I can't think of any cross-browser problems with it.
well i haven't tested it with IE6......coz i have IE7 ...is there anyway where i can check it online....i dont have anything live at the moment.....
This is is what i think is happening...since we give float:right in the css of <ul>..........the image hides coz there is no margin on the left side of the <li> so making the <li> float to left reveals it......without changing the layout....only problem is IE.......
You can get IETester here http://www.my-debugbar.com/wiki/IETester/HomePage and a standalone version of IE6 here http://browsers.evolt.org/?ie/32bit/standalone
http://tredosoft.com/Multiple_IE
Hopefully they'll upgrade it for IE8, too
Thanks for your help so far, by the way :D
!
What did you do?
Did you try adding this to your <li>'s :
?
lolz u r right ....this guy is alive alright ...... yup i just saw a couple of other solutions IE has a problem rendering list-style-image when displaying in a horizontal line.....and ur solution will work fine although god knows when will Ie be extinct ...i sure hope that happens soon
Yea, I try to take it as a challenge. It keeps the cussing down and the creative energies flowing. It may take a little extra time the first couple times, but it forces you to learn all the different possibilities. ;)
Life is more fun as a game. ;)
Yes, alive indeed :D I was out in a massive session of trial and error. No success in the end, but it wasn't a detail the client even cared about. I was trying to figure it out for my own knowledge. When I have some spare time, I'll dig back through this post and give it another go around.
If I come up with a clean, cross-browser solution, I'll post it here. I'm sure I'm not the only one to run into this.
I have to say, this is the most active CSS forum I've found yet, and surprisingly, it seems most of the people here know more about CSS than me! Much more than can be said for any of the other CSS forums I've found.