[css-d] ie7 Suckerfish menu problems?
Anyone else had any problems with the Suckerfish dropdowns in ie7 beta 3? I'll roll over one link which reveals the drop down list for that link but when I roll off the link the list doesnt go away. So if I roll over another link the previous list I had rolled over is still showing. Also, if the list has a second level it will show the first time I roll over it but if another link has a second level it doesnt pop out. Any cures for this? Thanks, David __ 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] Safari not loading style sheet
Was just browsing this site in Safari and noticed it's not pulling the style sheet. Firefox is though...Just thought it was strange...any ideas why? __ 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] Safari not loading style sheet
Ugg...forgot to include a link. But I think I have figured it out. Safari has problems when the shorthand for the background property is not written correctly. Although I thought this only affected earlier versions of safari. Looks like it has to be it though as safari loads the link styles and some other styles that are written before the first incorrect shorthand background is written in the stylesheet. http://www.extendedstayamerica.com/minisite/?Portal=1hotelID=694 Was just browsing this site in Safari and noticed it's not pulling the style sheet. Firefox is though...Just thought it was strange...any ideas why? __ 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] Safari not loading style sheet
Well, it wasnt the shorthand for the background property. It was a couple of unneeded characters. On 5/4/06, D Ross [EMAIL PROTECTED] wrote: Ugg...forgot to include a link. But I think I have figured it out. Safari has problems when the shorthand for the background property is not written correctly. Although I thought this only affected earlier versions of safari. Looks like it has to be it though as safari loads the link styles and some other styles that are written before the first incorrect shorthand background is written in the stylesheet. http://www.extendedstayamerica.com/minisite/?Portal=1hotelID=694 Was just browsing this site in Safari and noticed it's not pulling the style sheet. Firefox is though...Just thought it was strange...any ideas why? __ 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] Extending repeating bg wrapper to full height of window
Hi, I've done this before but it's been a while and can't remember which site I did it with... Anyways, I need to have my wrapper's repeating bg image extend the whole length of the page. I know I can just add a bg image to the body but the body will also have a bg image of it's own. I tried height 100% and that didnt work. Any ideas? Thanks, David __ 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] Extending repeating bg wrapper to full height of window
I found the answer after googling a little more: http://archivist.incutio.com/viewlist/css-discuss/50003 On Feb 1, 2006, at 6:16 PM, D Ross wrote: Anyways, I need to have my wrapper's repeating bg image extend the whole length of the page. I know I can just add a bg image to the body but the body will also have a bg image of it's own. I tried height 100% and that didnt work. Any ideas? __ 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] Browser Statistics
Google analytics is nice and free...I use it.
http://www.google.com/analytics/
On Jan 27, 2006, at 9:07 PM, {tonyFelice} wrote:
Does anyone know of a good resource for browser/platform statistics?
__
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] CSS dropdown IE woes
Hi all, I'm currently working on a build for a client. They want the main navs up top to be dropdown menus. I have them working perfectly in Firefox/Safari ... basically any browser other than IE. In IE the actual navs that you see at all times when hovered over actually change the background color too - not just the text color. This is the first problem. Maybe I'm not being specific enough? I'm not sure. Second, and most important problem is the dropdowns don't work at all in IE...I based my dropdowns off this tutorial: http://www.tanfa.co.uk/css/examples/menu/tutorial-v.asp#menreq Since ie only understand hover on links I had to add the whatever:hover htc file. So, it's added within the ie.css stylesheet located in the conditional comment. Just have a look at the dropdowns in both Firefox first then IE and you'll see exactly what I'm talking about. Problem for me is I'm a mac person and don't have a pc to check these out withso, it's hard to troubleshoot. I also realize that I could use some bloated javascript for these but I shouldn't have to and really don't want to. And, there are a couple other IE issues but I should be able to get those nailed down myself. Any ideas? Here is the page: http://www.designofdavidross.com/owens/about.html ( connect the ross --- david in the link ) Thanks, David __ 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] CSS dropdown IE woes
I received some very useful help for this problem so all should be taken care of now. __ 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] problem in mac IE 5.2
FORGET about ie mac - don't worry about..dont waste thought on it. It's gone bye bye. On Jan 25, 2006, at 3:45 PM, Denise Hartmann wrote: Help, I am having a problem in mac IE 5.2 with www.ourtownplayers.org, the main body of the site won't float. It's ending up below the content on the left. It is fine on PCs in IE 5 and up and on Firefox. __ 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] Looking for reasons to use header tags - esp. for ADA
*BESIDES* the fact that it's just good practice to use headers or because the W3C recommends that headers should be used in sequential order, is there any other reasons to use header tags? Search engines! __ 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] CSS Formatting Issues:
It's probably not the browser. Dreamweaver often times doesn't show css layouts correctly. If you have a link to your site that would probably help. On Jan 20, 2006, at 1:33 PM, Cory Perry wrote: Hey everyone, I having a problem with my CSS formatting when viewed in a browser compared to how I have it layed out in Dreamweaver 8. In DW8, it is layed out perfectly and I can read everything just fine. When you view the CSS code in the browser however, it is all over the place and it loses all of the formatting. __ 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] Safari only bug
On Jan 16, 2006, at 2:36 PM, David Mulder wrote: URL: http://home2006.msu.edu Does anyone know what is going on when Safari drops the left column as mentioned below? Try adding a padding-bottom or margin-bottom of about 20px on the bottom navigation that is in the content area. So as long as another page doesn't have much more content in the sidebar than the index page does you'll be fine. Also, everything is sized in ems except for the header image. So when I enlarge or decrease the text size everything in the site expands or gets smaller except for the header image. You can size the header image in ems as well so it resizes too. -David __ 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] CSS newbie books
On Jan 5, 2006, at 8:31 AM, ghvyghvy wrote: I joined this group and I daily receive messages. I am a newbie to CSS. I would like to learn CSS. Please give me a set of books with authors so that I can learn from start in a step by step way. I know HTML (almost). I need to learn CSS now. Please advice. Dan Cederholm's books are really good and teach you how to do stuff the right way: http://www.simplebits.com/publications/ __ 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] strange div issue in IE
This may or may not help but always add display: inline to any element that is floating and has a margin. IE doubles margins of floated elements and adding this will do no harm to anything else. On Jan 4, 2006, at 9:12 AM, jp bouyer wrote: In moz, opera and netscape, my layout stays as intended (menu to the left, data to the right) when resizing the browser window (to a smaller one). But... In IE, the right part (a simple DIV element) is moved at the bottom of the left floating DIV element as if the right DIV was a float as well and, as the browser window is smaller and can't contain the two floating DIV, IE rejects the right one to the bottom of the left one... But the right one is not a float ! And every other browser reacts the way I think it should but I must have missed something ! I'm really stuck here, anyone seeing what the problem could be ? http://ctxctx.free.fr/xtc/css/test2.php __ 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] Block element wrapping tightly around content
Don't think this has been mentioned but you could also use something
like:
h1 strong { background: #00; }
h1strongThis is your heading/strong/h1
Then, only the words will have the background and not the whole line.
On Dec 25, 2005, at 9:10 PM, [EMAIL PROTECTED] wrote:
I want to make an H1 element to have the text enclosed in a colored
box
with text colored white, but the box extends 100% of the available
area.
How do I get the box to just wrap tightly around the text?
__
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] IE 6 Body Element - More Woes
I'd probably just make the background of the body black then put everything inside a containing div that is set to 99% or whatever you want it to be. Try that. On Dec 24, 2005, at 11:23 AM, [EMAIL PROTECTED] wrote: Greetings all, I'm having trouble getting IE 6 to read my background correctly and I don't understand why. The effect that I'm after is to set the html background to black and the body to white and make it width:99% of the html background. Firefox understands it perfectly but IE6 wants to expand it to 100%. Why? Isn't the body element a descendent of the html root element or have I got it wrong? __ 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] Myspace
This guy used to have an amazing myspace page but it appears they deleted it for some reason...I saw it before they did and was in awe that he could make all that table junk look like what he had it to. I checked out his code and he had used display: none and replaced table cells with divs and just replaced the content into the divs. Here's his site and about halfway down is a screenshot of what it looked like. http://www.timbenzinger.com/ I spent like 20 min on my page one night when i was bored, before i got frustrated with it. You can't do anything good with it because 90% of the tag-soup contains font tags and so forth that end up just over-riding your css. __ 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 on text/search box?
Awesome - thanks fellas.
On Oct 12, 2005, at 9:41 AM, Pringle, Ron wrote:
How is it sacrificing accessibility?
Actually, if you provide borders for your input box as well as a
background
image, you can have an input (search) box that shows up whether the
images
are turned off or not. And if you design your background image in a
way that
enhances rather than replaces the box, I don't think you'll have any
problems with people understanding the purpose of the box.
Sample code:
input.searchbox {
padding-left:2px;
border: 1px solid;
border-color: #c0c0c0 #fff #fff #c0c0c0;
background-color: #f5f5f5;
width: 15em;
background-image: url(icn_searchbox.gif);
background-repeat: no-repeat;
background-position: left center;
}
live sample of the above code can be found at:
http://www.aurora-il.org/AuroraSite/index.asp
regards,
Ron
__
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 on text/search box?
Is it possible to use a background image as a search box? If so, will the search box outline still be there or can the image be the actual box? Thanks __ 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] IE Win won't display margins correctly
Try adding display: inline to all floated elements that have margins. On Aug 3, 2005, at 3:34 PM, patrick mattison wrote: I'm sure this is a common problem but I can't seem to figure it out. in IE for Windows #container and #bricks seem to have an inherent left margin. I tried adding an IE style sheet with negative margins but that didn't work. __ 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] IE navigation positioning/padding/margins
Don't code your site for ie mac. ie mac has been abandoned by microsoft and hasnt been updated in 3 or so years and never will be. More importantly, don't code for ie mac for the simple fact that your catering to people who havent updated their browsers and computers in a VERY long time. The trouble it has with some basic css is not worth all the extra hours you'll spend coding for it when it's a browser only used by 1 in 5,000 users. If youre worried about mac browsers code for safari and firefox. -David On Jul 28, 2005, at 6:02 PM, Virtuallee wrote: Hi I've got most of a site working in Firefox, but the navigation is moving out of alignment in IE. I can't seem to get it right. Does anyone have any ideas? Not IE mac - haven't thought about mac yet :( http://www.alisonbranagan.com/new_website/index.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/
[css-d] Another font sizing question
I've been sizing fonts by specifying 100.01% on the body (the .01% helps safari and maybe IE for those wondering). I've been seeing, quite frequently, people specifying body font size as 76%. Any advantages or disadvantages to this besides probably not having to specify basic font sizes such as p and li that would normally be about 76%? Thanks, David __ 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] What display bug is this in IE?
Try adding display: inline to anything that has a float with margins. Sorry, I posted this earlier, but the site was moved to a test folder until it goes live - http://www.yachadindustries.com/test/ The right column is floated over, and in IE 6 there's extra padding being shown there - I've isolated the problematic code, but what is the best way (hack) to fix this? I'm unsure as to what bug is rearing it's head here, so I've been hard pressed to find the solution. __ 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] Specificity problem
Try background: transparent or background: none on the li link navs http://www.seafoodlab.cmast.ncsu.edu/index.html [xhtml] http://www.seafoodlab.cmast.ncsu.edu/styles/sflabstyles.css [css] I have a specificity problem. The last thing I added were the default link styles at the very bottom of the page. However, adding this messes up my navigation bar across the top. The navigation bar is an UL, contained in a div name #divNav. All the styles for these links and li's are specified in the style sheet, so they should take precedence over any other link stylings. __ 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] Kicking and screaming
.I also can't seem to understand how to get the divs to stretch as long as the longest content. http://www.alistapart.com/articles/fauxcolumns/ To have the image stretch with the content you should use a vertically repeating background image in your container. Check this article for more info. __ 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/
