Re: [css-d] IE 6 7 css problems
John M Shepard wrote: I have a problem with a practice site I put up at: www.mypracticesite.com. There seems to be a problem in the css for the subpages rendering properly in IE 6 7 on a Windows based machine. I believe you have one too many /div tags immediately before the element div id=innerRight. Remove one and it seems to work ok. Cheers, Jesse www.thefutureoftheweb.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] photo gallery not appearing in IE6
Peggy Coats wrote: Anyone have any idea why the photo gallery on this page won't show in IE6? CSS for the gallery is internal on the page. http://www.silverspotink.com/portfolio.html There's a problem with the HTML markup that's breaking the page. Every link with rel=lightbox that wraps around the images has a rouge quote: a href=images/Portfolio/dj-dm4.jpg rel=lightbox just remove the quotes: a href=images/Portfolio/dj-dm4.jpg rel=lightbox and the page will be fixed. Cheers, Jesse www.thefutureoftheweb.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] Specificity
Chris wrote: Hi, apologies for another post but I think a simpler example below is what is needed. I have obviously failed to understand a crucial aspect of CSS which deems that the table row style declaration does not overwrite the previous style for a specific cell within that row. Please enlighten me! Hey Chris, Specificity only comes into play when assigning more than one rule to the same element. In your example, you assigned a colour to a tr and a different colour to a td. No matter how specific you make the tr rule, even if you use !important, it won't be inherited by #one because #one has it's own declaration. If, on the other hand, you were doing the following: table #one {background: purple;} #one {background: blue;} you'll find that #one is purple, because the first rule is more specific. Hope this helps, Jesse Skinner www.thefutureoftheweb.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] mir help
Ok, to the problem...no matter what I do it seems like the t in Development always appears on top of the graphic. Opera, Netscape, and Firefox is fine, it's only an IE issue. Any suggetions? I was just talking about image replacement the other day, and someone left a comment on my blog suggesting the following technique (which is totally great and works perfectly): h1 { background: url(i/branding_h1.jpg) no-repeat; width: 650px; height: 0; padding-top: 180px; overflow: hidden; } Try that out, it should work wonderfully. All the best, Jesse Skinner http://www.thefutureoftheweb.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] Including List Bullets Inside Links
I can do this and include the image bullet in my CSS: a href=1xox.htmliLink Text 1 Here/li/a a href=2xox.htmliLink Text 2 Here/li/a ...which I'm 100% sure *ain't* legal, but does work. Other suggestions? Try something like this (adjusting to fit the width of the bullet image): li a { position: relative; left: -20px; padding-left: 20px; } Cheers, Jesse Skinner http://www.thefutureoftheweb.com/ __ 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] Flash or No Flash switch?
25kB is a small smaple to test it responsibly. Some latency may distort the measurment. The image can also get cached. In the article, I suggest avoiding caching by appending a random URL parameter to the image (not so nice but it works). As for the size, it will have to depend on the situation. In Duke's case, he wants to decide whether to show a flash banner. Since the extra download is purely decoration, there would be no issue if some high-speed users didn't get the flash. It's still useful to have a rough estimate. A very large test image would defeat the purpose -- if users had to download such an image to test their speed, they might as well download the flash in the first place. Jesse Skinner www.thefutureoftheweb.com __ 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] Clickable image
You can set the image to be the background of the a tag. With your code, that would look something like this: #nh{ display:block; position:absolute; top:150px; left:20px; width:191px; height:87px; overflow:hidden; text-indent:-200px; background: url(/media/image/nh_logo2005.gif); } Cheers, Jesse Skinner www.thefutureoftheweb.com If you look at the new heights logo on the upper left of the layout,it's a background image, but I'd like to make it clickable. Problem is, I haven't found a way to put that image there without throwing off the rest of the layout. Any suggestions? __ 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] Flash or No Flash switch?
Hey Duke, That's a really interesting question, although off topic for this mailing list. You got me thinking and experimenting, and I've come up with a solution to detect a visitor's speed just using JavaScript. I wrote about it on my blog: http://www.thefutureoftheweb.com/blog/2005/12/javascript-speed-detection Good luck! Let me know how it goes, Jesse Skinner www.thefutureoftheweb.com brushstreet-Duke wrote: I have used css for the first time to rebuild my church’s site, and love it. I would like to include a Flash header on the homepage, but switch to a standard gif header for viewers with slow connections. I was hoping that there is a way to maybe have two “includes”, and use one or the other – but first I need some kind of ‘conditional switch’ or ‘logic switch’. Any ideas? __ 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] Font-size inheritance error in IE
Susan, As far as I can tell, it does this in Firefox and IE6 as well. Try this to make tables inherit properly (I haven't tested in IE5): table { font-size: 100%; } Cheers, Jesse Skinner www.thefutureoftheweb.com Susan Tilley wrote: IE 5x table cells (at least) incorrectly does not inherit font-size set in body tag like so body {font: 76% sans-serif;} Moz browsers are ok. Anyone know a workaround or can you point me to a discussion of this problem? __ 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] Old HTML guy takes a beating...
Hi Bruce, I just took a quick look at your pages. #1. To remove the space, try putting margin:0; on the SmallTxt class. #2. I don't know about the effect with drop-shadows, but try setting text-align: center; in the div.float definition. #3. I'm not sure I entirely understand this problem. Perhaps you want to set a height in the div.float definition? #4. This is not so easy, since you're using float: left. Hopefully someone else on the list has some suggestions. Perhaps you could replace the 'float: left' with 'display: inline', though I wasn't able to get this to work at all. Good luck, Jesse Skinner www.thefutureoftheweb.com Bruce Searl wrote: to get this: http://www.thememagic.com/phototidings/testartscraps/Prod_Detail_float.asp (CSS no tables) to look like this: http://www.thememagic.com/phototidings/testartscraps/Prod_Detail.asp (tables locked at 5 across) 1. How do I get rid of the space under the thumbs so the text is right underneath each image? 2. How can I center each image in each float? They only seem to left align (further and more importantly, if I apply a CSS drop shadow or CSS fuzzy drop shadows technique (I've tried two versions from ALA articles) to them, then they only left align and what's even worse.. they force the caption text to the right as you can see when the page is opened wide... I've found no way to fix this at all. 3. When it wraps there is no vertical space between what amounts to then two rows or images and text where should I add margin, to the bottom of the paragraph? 4. How can I center all the images within the main container so they all group together in the middle instead of left aligning and leaving a large, unsightly. blank space at the far right when there is not enough room to show another thumbnail? Or can the container center and scale with the page? __ 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] Flash and css
I tried using a flash movie as a background (just experimenting away) in the wrapper div. I set an extra div id=background where the movie's playing. Then I start in a new div with the menu and content. I think I tried everything, absolute positioning, relative, float, z-index, but the flash movie keeps on playing on top of everything. Any suggestions how I can get my content on top of the movie? (I haven't uploaded this one) You need to do two things: 1. add wmode=transparent to the embed tag 2. add position:absolute to the menu and anything else that goes on top I tried to have relative-positioned nested divs within a single absolute-position div, but this didn't seem to work. It only worked for me when all the divs were absolutely positioned. Good luck, Jesse __ 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/