[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/
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=1&hotelID=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
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=1&hotelID=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] 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] 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/
[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] 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/
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/
[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] 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] Mozzila: menu weirdness!
I think it's a Firefox 1.5 thing. At least that's where I've noticed it happening on my site. I don't think Firefox did this before 1.5. > > Patrick Roane wrote: >> Please take a peek at the following menu: >> >> www.pdrsolution.com/waters/index.html >> >> >> If you actually click on any of the buttons, you'll >> see a dashed box outline that stretches across the >> entire site. Where does this come from? This does not >> happen at all in IE. __ 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; }
This is your heading
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] another margin problem?(IE) - mac users plz sitecheck
Add display: inline to the #container in the css. It will fix ie's double margin and not hurt anything else. > > Now my problem is in IE you see like 20 or more pixels to the margin(i > think?) of the #container, the image is not lining up with the redish > background, > and it does in 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] 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] Invisible text inside a a-Tag
Just a quick look at your question but you should be able to add the class to the span or the a tag. David On Jul 31, 2005, at 10:36 AM, joa ebert wrote: The problem is: I've got a footer, all the text is displayed by a background-image. Now I want to have some clickable areas (from the left to the right). Tidy says, it is not correct that a-div element lies inside an a- element. This is what I'm currently doing. Works very well using gecko and iexplore. Help Fakes [...] __ 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 and 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/
[css-d] Favorite image replacement technique?
Hi all, Just wondering on your personal favorite image replacement technique or which one you think is best... I'm designing and coding a site where we're using nice typographic headlines. Normally I would use sIFR but in this case it wont work. The headlines all consist of 2 words. The first word is condensed normal lowercase and the second word is a bolder condensed uppercase. I have researched a little and have known about Dave Shea's info for a while. Right now I used his replacement technique - think it's called Shea Image Replacement. Works pretty well but wanted to get other opinions/ideas. I'm not very worried about the images off/css on problem or vice versa. Just something that works well while in floated divs and degrades well. Thanks for any info, 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] 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 '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] IE 5 Mac craziness- Please help!
1 person out of 10,000 uses ie mac - and that's their problem dont worry about it, dont code for it,,,it's a waste of time and thought. On Jun 2, 2005, at 9:24 PM, Bruce Gilbert wrote: in IE 5 Mac, my nested table structure is appearing layered over the paragraph above it. This isn't an issue on any of the PC browsers I tested this page on. I also tested on Mozilla Mac and this wasn't occurring so it seems to be a Mac IE 5 issue AFAIK. __ 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
On Jun 1, 2005, at 8:15 PM, Heather Haggerty wrote:
I do have that ... the leather strap on the left is a div with it
repeating vertical same with rightside, different container
repeating background vertically. The content div in the very center
of it call also has a repeating pattern.
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.
No, not like that - Make one background image with both leather
straps on each side with white space in the middle and place it in
your css container div - then add content to your container div - as
you add content the vertically tiling wide bg image with both straps
will tile as content is added.
Look at that article a little closer.
Actually, i dug up some css where I used this technique
body {
margin: 0; padding: 0;
font: 100.01%; "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
color: #000;
text-align: center;
background: #fff url(images/bg.gif) repeat;
}
#wrap {
position: relative;
margin: 0 auto;
text-align: left;
border: 12px solid #fff;
background: #fff url(images/diag_bg.gif) repeat-y 0 0;
<<<
width: 730px; top: 15px;
Here is the page the code comes from if you want more info:
http://vpeventsinc.com/weddings.htm
-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] 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/
