Re: [css-d] li widths
On 29 Jul 2008, at 16:17, Bill Brown wrote: good one wrote: Bill that is execptionally kind of you I attach the file, I tried geocities but it is useless as it puts in all of its ads so it completely messes up the css and html(a bit like hotmail). Thank you VERY much, Kind Regards, Ed Ed, You're quite welcome. I've published it here: http://www.theholiergrail.com/cssd/goodone.html From where I'm looking, Firefox Mac 1.5 and 2.0 do not render Helvetica with font-smoothing at this size (80% of 100%). If bumped up to 81.25% (i.e. displaying at 13px with the browser default 16px size) smoothing kicks in. Also, line-height does not match other browsers. Setting line-height to 1.154em or thereabouts brings it into line. Firefox 3 Mac smooths OK but requires extra line-height. Graphic portrayal here: http://www.bloog.co.uk/3rd/goodone_helvetica.png Easiest solution though is to give Arial precedence over Helvetica in the body. Jonny __ css-discuss [EMAIL PROTECTED] 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] Suckerfish -- jumping
Hi,
I have had a suckerfish drop down on my site for awhile, we are adding
some new interactive pages that are not live, that jump vertically in
IE6 and IE7 ever so slightly. What is live now jumps a bit
horizontally but not vertically. Is there any fix for this?
The only difference between between these and the new pages are that
the live pages are relatively static, but the new pages are highly
interactive with a multiple of if then statements, going back to the
database
This is a sample page what is live : http://www-odi.nhtsa.dot.gov/ewr/xls.cfm.
This is the javascript https://www-odi.nhtsa.dot.gov/includes/cssdropdown.js
Here are the styles I used:
/*ewr navigation dropdown menus*/
/*outershell to deal with IE6 and IE7 issues*/
#ewrmenu2 { width: 98%; /*background-color:#66;*/ float: left;
display:block; clear:both; border-bottom: 1px solid #99;
margin-bottom: -.06em; padding-bottom: 1em;}
/*actual navigation styles*/
#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
font-weight: bold;
}
#nav a {
display: block;
width: 10em;
text-decoration:none;
}
#nav li { /* all list items */
float: left;
width: 10em; /* width needed or else Opera goes nuts */
background-color:/*#ff;*/#33;
background-image:url(../images/EWRNavArrow.gif);
background-repeat: no-repeat;
background-position: right center;
margin: .19em .19em -.35em .6em;
padding: .25em .25em .25em .35em;
color: #FF;
/*border:#FF solid 1px;*/
}
#nav li ul { /* second-level lists */
position: absolute;
margin: .15em 0 0 -.25em;
background-color:#FF;
width:8.2em;
left: -999em; /*using left instead of display to hide menus because
display: none isn't read by screen readers */
border:#33 solid 1px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered
list items */
left: auto; font-size: 1.27em;
}
#nav li ul li {background:none; background-image:none;
border-top:none; margin:.25em 0 0 0; padding:.25em; }
#nav li ul li a {font-weight: normal;border-bottom: 1px solid #99;
padding-bottom: .25em; }
Thank you in advance.
Nancy
__
css-discuss [EMAIL PROTECTED]
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] Suckerfish -- jumping
On 30 Jul 2008, at 14:10, Nancy Johnson wrote: Hi, I have had a suckerfish drop down on my site for awhile, we are adding some new interactive pages that are not live, that jump vertically in IE6 and IE7 ever so slightly. What is live now jumps a bit horizontally but not vertically. Is there any fix for this? What exactly do you mean by jumping. I don't see unexpected movement in the drop down menus on any browser. Jonny __ css-discuss [EMAIL PROTECTED] 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] Suckerfish -- jumping
Jonny Stephens wrote: On 30 Jul 2008, at 14:10, Nancy Johnson wrote: Hi, I have had a suckerfish drop down on my site for awhile, we are adding some new interactive pages that are not live, that jump vertically in IE6 and IE7 ever so slightly. What is live now jumps a bit horizontally but not vertically. Is there any fix for this? What exactly do you mean by jumping. I don't see unexpected movement in the drop down menus on any browser. I agree with Johnny here...I'm not getting any bouncing, jumping or any other deviant behaviour in IE6/7. Sorry. ;) --beghilos(7718) -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ css-discuss [EMAIL PROTECTED] 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] Contextual Selector Question
My navigation menu has the following tree: div - ul - li - ul - li Is #nav li li the same as #nav li ul li? Do you need to include the ul when styling the last li? Thanks for the help--I appreciate it! Please consider the environment before printing this e-mail __ css-discuss [EMAIL PROTECTED] 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] Contextual Selector Question
Hello, in your case the result should be the same. Only if you had used both selectors, then the rule for #nav li ul li would have a higher specificity than #nav li li, so if there are definitions for the same properties in both rules, then the ones from the first would overwrite the ones from the second. See http://www.w3.org/TR/CSS21/cascade.html#specificity for more information. Best regards, Christian Kirchhoff *Directmedia Publishing GmbH* · Möckernstraße 68 · 10965 Berlin www.digitale-bibliothek.de AG Berlin-Charlottenburg · HR B 58002 · USt.Id. DE173211737 Geschäftsführer: Ralf Szymanski [EMAIL PROTECTED] schrieb: My navigation menu has the following tree: div - ul - li - ul - li Is #nav li li the same as #nav li ul li? Do you need to include the ul when styling the last li? Thanks for the help--I appreciate it! Please consider the environment before printing this e-mail __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] ADMIN: Fixed up Style sheets !!!
All right, that's enough. More than enough. Thread over. If anyone still wishes to assist Christopher with this problem, do so offlist. I will follow up on this in a separate message, as well as offlist with selected individuals. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [EMAIL PROTECTED] 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] li widths
From: [EMAIL PROTECTED] Date: Wed, 30 Jul 2008 13:15:51 +0100 To: [EMAIL PROTECTED] CC: css-d@lists.css-discuss.org Subject: Re: [css-d] li widths On 29 Jul 2008, at 16:17, Bill Brown wrote: good one wrote: Bill that is execptionally kind of you I attach the file, I tried geocities but it is useless as it puts in all of its ads so it completely messes up the css and html(a bit like hotmail). Thank you VERY much, Kind Regards, Ed Ed, You're quite welcome. I've published it here: http://www.theholiergrail.com/cssd/goodone.html From where I'm looking, Firefox Mac 1.5 and 2.0 do not render Helvetica with font-smoothing at this size (80% of 100%). If bumped up to 81.25% (i.e. displaying at 13px with the browser default 16px size) smoothing kicks in. Also, line-height does not match other browsers. Setting line-height to 1.154em or thereabouts brings it into line. Firefox 3 Mac smooths OK but requires extra line-height. Graphic portrayal here: http://www.bloog.co.uk/3rd/goodone_helvetica.png Easiest solution though is to give Arial precedence over Helvetica in the body. Jonny Ok jonny I 'l look into it, cheers for the heads up _ Invite your Facebook friends to chat on Messenger http://clk.atdmt.com/UKM/go/101719649/direct/01/ __ css-discuss [EMAIL PROTECTED] 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] Suckerfish -now I have a domain!
My sucker fish menu on the About my site naviagtion link is messed up. Obviously I already have some li/ul css and I added a new class called sucker for the li. Where did I go wrong? (The styles are the last ones before the closing style tags) TIA http://tinyurl.com/6zfhld _ 100’s of Nikon cameras to be won with Live Search http://clk.atdmt.com/UKM/go/101719808/direct/01/ __ css-discuss [EMAIL PROTECTED] 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] Problems with positioning
I'm fairly new to all this and could use a bit of help. http://webct.mscc.edu/motlowtest/ http://webct.mscc.edu/motlowtest/css/style.css First, the area containing the Search box doesn't display properly in IE. It appears to be ok in Firefox. Any ideas on fixing it or doing it better? Also, right now the A-Z image is borked, is it possible to completely render something like what I have in CSS? Second, the unordered lists in the News and Events areas have the proper spacing from the heading in Firefox but not in IE. Yes, the heading is an image. The designer wanted to use that font. Any other suggestions would be appreciated. I really want to learn all I can about design. On a side note, the design itself isn't mine. I'm trying to convert a Fireworks mock-up to some semblance of proper code. Thanks, Jody __ css-discuss [EMAIL PROTECTED] 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] WP captions ruin leading
Dear CSS experts, I'm trying to add the new wp 2.6 caption function to old posts. Just like when I tried out the image-caption plugin under 2.5, each paragraph in which an image is attached gets its line-spacing tightened. Why? How can I avoid this? Although it's terribly ugly, I left an example at: http://bobarno.com/thiefhunters/2008/07/russian-rip-off-part-5/ You'll see it in the first paragraph. Any suggestions for a css-idiot would be most appreciated. Thiefhunter __ css-discuss [EMAIL PROTECTED] 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] Suckerfish -- jumping
Thanks, Actually, I did find a page that is currently live that jumps vertically in IE6 and IE7 , please go to http://www-odi.nhtsa.dot.gov/ewr/interpretations.cfm. Nancy On Wed, Jul 30, 2008 at 10:21 AM, Bill Brown [EMAIL PROTECTED] wrote: Jonny Stephens wrote: On 30 Jul 2008, at 14:10, Nancy Johnson wrote: Hi, I have had a suckerfish drop down on my site for awhile, we are adding some new interactive pages that are not live, that jump vertically in IE6 and IE7 ever so slightly. What is live now jumps a bit horizontally but not vertically. Is there any fix for this? What exactly do you mean by jumping. I don't see unexpected movement in the drop down menus on any browser. I agree with Johnny here...I'm not getting any bouncing, jumping or any other deviant behaviour in IE6/7. Sorry. ;) --beghilos(7718) -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ css-discuss [EMAIL PROTECTED] 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] WP captions ruin leading
Bambi Vincent wrote:
each
paragraph in which an image is attached gets its line-spacing
tightened.
http://bobarno.com/thiefhunters/2008/07/russian-rip-off-part-5/
You'll see it in the first paragraph.
Thiefhunter
_
Live adjustment in Mac FF/3.0.1. Try it. Check it cross-browser.
.wp-caption img {
margin: 0;
padding: 0 0 10px 0; --- was padding:0;
border: 0 none;
}
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
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] Suckerfish -- jumping
On 30 Jul 2008, at 17:25, Nancy Johnson wrote: Thanks, Actually, I did find a page that is currently live that jumps vertically in IE6 and IE7 , please go to http://www-odi.nhtsa.dot.gov/ewr/interpretations.cfm. Try adding .12em margin-top to .contentcopy h1 margin: .12em .13em 0 .13em; Jonny __ css-discuss [EMAIL PROTECTED] 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] WP captions ruin leading
I'm trying to add the new wp 2.6 caption function to old posts. Just like when I tried out the image-caption plugin under 2.5, each paragraph in which an image is attached gets its line-spacing tightened. Why? How can I avoid this? Although it's terribly ugly, I left an example at: http://bobarno.com/thiefhunters/2008/07/russian-rip-off-part-5/ You'll see it in the first paragraph. I believe your problem may be you don't have p/p wrapped around your 1st paragraph. -- Susan R. Grossman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] 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] WP captions ruin leading
On 30 Jul 2008, at 18:06, David Laakso wrote:
Bambi Vincent wrote:
each
paragraph in which an image is attached gets its line-spacing
tightened.
http://bobarno.com/thiefhunters/2008/07/russian-rip-off-part-5/
You'll see it in the first paragraph.
Live adjustment in Mac FF/3.0.1. Try it. Check it cross-browser.
.wp-caption img {
margin: 0;
padding: 0 0 10px 0; --- was padding:0;
border: 0 none;
}
Lots of HTML validation errors too:
'Line 179, Column 15: end tag for element p which is not open'
for example.
Jonny
__
css-discuss [EMAIL PROTECTED]
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] RE Suckerfish -- jumping
I'm having a similar problem with my new site (www.slrecords.net/test.html), on some computers when using IE7/6 the second tier menus don't line up correctly when you change the font size - anyone else come across this? It's only on some computers, can't work out why. Cheers Ed __ css-discuss [EMAIL PROTECTED] 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] Suckerfish -- jumping
Thank you, it seems to have stabilized it. The updated style sheet will go live near the end of August. On Wed, Jul 30, 2008 at 1:07 PM, Jonny Stephens [EMAIL PROTECTED] wrote: On 30 Jul 2008, at 17:25, Nancy Johnson wrote: Thanks, Actually, I did find a page that is currently live that jumps vertically in IE6 and IE7 , please go to http://www-odi.nhtsa.dot.gov/ewr/interpretations.cfm. Try adding .12em margin-top to .contentcopy h1 margin: .12em .13em 0 .13em; Jonny __ css-discuss [EMAIL PROTECTED] 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] Suckerfish -now I have a domain!
apologies supposedly according to guru David I made an error and it was rude to have posted about the same problem someone else was posting about. I really do have this problem though and I was workingon it the same time as they were! Can anyone help me out on this one? Thank you My sucker fish menu on the About my site naviagtion link is messed up. Obviously I already have some li/ul css and I added a new class called sucker for the li. Where did I go wrong? (The styles are the last ones before the closing style tags) TIA http://tinyurl.com/6zfhld _ 100’s of Nikon cameras to be won with Live Search http://clk.atdmt.com/UKM/go/101719808/direct/01/ __ css-discuss [EMAIL PROTECTED] 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] CSS Coding Ideas?
Good afternoon - I hate to ask this but I have a dilemma I am hoping some more experienced CSS coders can help me with. I was asked to help a local church in coding their website. They have a designer who is producing all of the layout, unfortunately the designer is not making my job very easy. The design so far is very graphic oriented. The first file I was given to code was the landing page. I have attached a link to the two versions of it to this post (.jpg image). http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page.jpg http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page%20-%20Glow.jpg The first image is how the design should look when you arrive to the site, the second image shows the over states (all of them are glowing at once). The over state will appear behind the text on hover. Only the circle directly behind the text will glow. I was thinking an image swap might be the anwser for this effect. I started to code the site and got this far: http://dev.eddysound.com/dev/rrc/ It has an extremely slow load time due to the rather large circular image. Basically, can anyone give me advice as to how they would go about laying this page out in valid CSS and XHTML? If this is too far off topic for this list, please let me know or remove the post. Thanks in advance for any help or guidence. Matt Stoneback Owner, Eddy Sound, LLC. __ css-discuss [EMAIL PROTECTED] 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] CSS Coding Ideas?
Matthew Stoneback wrote: Good afternoon - http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page.jpg http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page%20-%20Glow.jpg I started to code the site and got this far: http://dev.eddysound.com/dev/rrc/ It looks like you're heading in the right direction given the circumstances. You may want to break more elements down into transparent PNGs so that it's not all one single 1 MB image loading at once. Instead of an image map I would break out all of the hover sections into transparent pieces so that the circular area loads separately and is optimized maybe even with 8-bit PNG or GIF if it's possible. I would apply the circle to the background of centered DIV and possibly put the link elements inside there as absolute positioned sections. Research alpha-PNG fixes for IE 6 because they will come in handy for you in this project for the surrounding things like the logo with a shadow on it. Others here will no doubt have more advice... -Adam Ducker (http://adamducker.com) __ css-discuss [EMAIL PROTECTED] 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] CSS Coding Ideas?
Matthew Stoneback wrote: Good afternoon - I hate to ask this but I have a dilemma I am hoping some more experienced CSS coders can help me with. I was asked to help a local church in coding their website. They have a designer who is producing all of the layout, unfortunately the designer is not making my job very easy. The design so far is very graphic oriented. The first file I was given to code was the landing page. I have attached a link to the two versions of it to this post (.jpg image). http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page.jpg http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page%20-%20Glow.jpg The first image is how the design should look when you arrive to the site, the second image shows the over states (all of them are glowing at once). The over state will appear behind the text on hover. Only the circle directly behind the text will glow. I was thinking an image swap might be the anwser for this effect. I started to code the site and got this far: http://dev.eddysound.com/dev/rrc/ It has an extremely slow load time due to the rather large circular image. Basically, can anyone give me advice as to how they would go about laying this page out in valid CSS and XHTML? If this is too far off topic for this list, please let me know or remove the post. Thanks in advance for any help or guidence. Matt Stoneback Owner, Eddy Sound, LLC. 20080730 1629 GMT-6 What you might look into is when in hover, showing a second image. Like, when the mouse moves over the before you attend it switches the graphic out for another one with the extra glowing circles. Wade __ css-discuss [EMAIL PROTECTED] 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] Help with Navigation Bar
I'm having a few different problems with my navigation bar that I would really appreciate any insight on. 1. How do I center the entire navigation div? (I've tried different things, but nothing has worked.) 2. The width of each link looks good in IE 7 and Firefox, but in IE 6 each link is stretching the entire width of the screen so it looks like these long bars piled on top of each other. How do I fix that? 3. When I hover over each link, the lime green hover background is taller than the dark green regular background, even though I have the same height applied to each. (You can see it at the bottom) Here is a link: http://www.cascadepest.com/_NEW_SITE/index.html The CSS link: http://www.cascadepest.com/_NEW_SITE/stylesCascade.css Thank you so much for any help. Alix Estrada Web Studio 180 http://www.webstudio180.com www.webstudio180.com Web Design | Development | Usability __ css-discuss [EMAIL PROTECTED] 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] Help with Navigation Bar
I'm having a few different problems with my navigation bar that I would really appreciate any insight on. 1. How do I center the entire navigation div? (I've tried different things, but nothing has worked.) One way would be to set the nav division to it's accurate width (it's too large now) and then set the margin to center. margin:0 auto; and you might also want to add: text-align:center; for older IE 2. The width of each link looks good in IE 7 and Firefox, but in IE 6 each link is stretching the entire width of the screen so it looks like these long bars piled on top of each other. How do I fix that? I don't have access to IE6 right now, so can't answer. 3. When I hover over each link, the lime green hover background is taller than the dark green regular background, even though I have the same height applied to each. (You can see it at the bottom) Your nav actually is shorter than the height you have set so the background shows.Just state the height once and make it a few pixels shorter and it won't show Here is a link: http://www.cascadepest.com/_NEW_SITE/index.html The CSS link: http://www.cascadepest.com/_NEW_SITE/stylesCascade.css Also you might think about switching from pixels to ems, fixing your invalid html, and optimizing your style sheet so that a lot of the redundant values are removed. It makes everything work better. Susan R. Grossman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] 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] [ADMIN] Some reminders (or, better late than never)
So it would appear that I've not been paying close-enough attention to the mailing list these last few weeks. My apologies on that front. While I'm not going to get into a detailed analysis of recent turbulence, some general reminders are in order. * There are more than 8,500 people subscribed to this list. Please always keep that in mind when posting, whether with a question or an answer. We're here to help, but everyone's time and energies are best served by making questions as smart and focused as possible, and answers as helpful as possible. * On that note, I would direct everyone's attention to http://www.css-discuss.org/policies.html, where there is a fair amount of writing about how to ask questions as well as how to answer (see some of the points in the policy list as well as the last two sections of the document). * Ruthlessly trim or eliminate quoted text in your replies. If your response has less original text than quoted text, odds are very high that you're doing it wrong. If you have an entire quoted message, with signature file and footers, just to type two lines of text, then you're doing it wrong, full stop. In general, keeping things focused-- in terms of how questions are posed, how answers are given, how posts are kept on-topic, and how quoted material is trimmed-- is a sign of respect for the other members of the list. As I said once upon a time, I really only ask two things of list members: that they stay on topic, and that they respect their fellow list members. Please always keep those in mind when posting. Thank you. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [EMAIL PROTECTED] 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] Image too small in IE7, Padding moves footer
Thanks everyone for your help so far. I do need help on a couple more things: http://www.prairiedreamstudio.com/testindex.html http://www.prairiedreamstudio.com/css/layout.css http://www.prairiedreamstudio.com/css/allie.css 1) In IE7, the photo has a border around it, but the border hangs down past the photo by a few pixels. I can't figure out how to fix that. I tried using height: auto but it didn't do anything. Any image that will go in this box will be 500 pixels wide, but the height will vary. 2) The text is too close to the photo. When I try adding padding to it, it also moves the footer below the overall container div, into the yellow area. I really appreciate the help, I am learning a lot. Carol __ css-discuss [EMAIL PROTECTED] 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] IE7 bug - scroll bar extends w/ floated italics
hi all... seems because of a floated italicized paragraph in IE7, the scroll bar at bottom of page extends beyond the window width — only happens in IE7, not IE6. i remember seeing something about this bug on this list... anybody know what's up ??? - http://www.fatgraffix.com/2008-test-02/ thanx in advance for any ideas. =fbfree= __ css-discuss [EMAIL PROTECTED] 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] 100% height over existing page
Hi guys, I need to create an absolutely positioned div that will float on top of the existing page layout, and be 100% of the height of the rendered page, not the viewport. Something similar to what Lightbox does - greying out the page and displaying a box over it. The trouble is, because it's to display some legal stuff (of the this site contains medical information that some people might find offensive or disturbing variety) I don't want to use Lightbox because it relies on JavaScript. Anyone who doesn't have JS simply won't see the warning and that just doesn't seem like a good idea. I've had no trouble making the div that sits on top of everything extend to the height of the viewport, but if the page extends beyond that then you see normal (and clickable) page as soon as you scroll. Don't want that, if possible. Is there a CSS way of doing this? Or am I going to have to fall back onto JS for that section and just say Well, at least they see the message if they don't have JS, even if they don't get such a nice experience? Cheers, Seona. __ css-discuss [EMAIL PROTECTED] 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] IE7 bug - scroll bar extends w/ floated italics
From: fat graffix [EMAIL PROTECTED] hi all... seems because of a floated italicized paragraph in IE7, the scroll bar at bottom of page extends beyond the window width — only happens in IE7, not IE6. i remember seeing something about this bug on this list... anybody know what's up ??? - http://www.fatgraffix.com/2008-test-02/ --- overflow: hidden on either the DIV or the P should fix it. -- Al Sparber - PVII http://www.projectseven.com The Ultimate Lightbox: Lightshow Magic __ css-discuss [EMAIL PROTECTED] 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] 100% height over existing page
From: Seona Bellamy [EMAIL PROTECTED] Hi guys, I need to create an absolutely positioned div that will float on top of the existing page layout, and be 100% of the height of the rendered page, not the viewport. Something similar to what Lightbox does - greying out the page and displaying a box over it. The trouble is, because it's to display some legal stuff (of the this site contains medical information that some people might find offensive or disturbing variety) I don't want to use Lightbox because it relies on JavaScript. Anyone who doesn't have JS simply won't see the warning and that just doesn't seem like a good idea. I've had no trouble making the div that sits on top of everything extend to the height of the viewport, but if the page extends beyond that then you see normal (and clickable) page as soon as you scroll. Don't want that, if possible. Is there a CSS way of doing this? No - and the Lightbox scripted method is flawed to boot :-) Our Lighshow widget would do exactly what you need to do and be accessible if script is disabled. It's not free, though. I think one of the J-Query-based Lightbox clones might also work with some tweaking. If it is possible with CSS, it would be mightily hacked and probably not practical. You can also post this on a script or DOM-based mailing list or forum as it would be more appropriate. -- Al Sparber - PVII http://www.projectseven.com The Ultimate Lightbox: Lightshow Magic __ css-discuss [EMAIL PROTECTED] 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] 100% height over existing page
2008/7/31 Al Sparber [EMAIL PROTECTED]: From: Seona Bellamy [EMAIL PROTECTED] Is there a CSS way of doing this? No - and the Lightbox scripted method is flawed to boot :-) Our Lighshow widget would do exactly what you need to do and be accessible if script is disabled. It's not free, though. I think one of the J-Query-based Lightbox clones might also work with some tweaking. If it is possible with CSS, it would be mightily hacked and probably not practical. That's fair enough. Thanks for the advice. I'm not sure if I could get approval to go with a paid solution for this, so I might have to look into some of the other options. You can also post this on a script or DOM-based mailing list or forum as it would be more appropriate. Will do. Thought I'd try here amongst the CSS-focussed folks first. :) Cheers, Seona. __ css-discuss [EMAIL PROTECTED] 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/
