Re: [css-d] Fwd: CSS Spacing
Well I would, but was hoping to use an image for the border tho... Anyone able to help on the spacing issues? Thanks, H On 18/08/07, E Michael Brandt [EMAIL PROTECTED] wrote: No doubt the issue is with this very odd li you have in there to create a border: li style=background-image: url(divide.png); height: 1px; margin:0px; padding: 0px;/li Since this li has no use other than to create a line, and since it is sure to confuse folks using screen readers, why not remove it, add an id to the first li and style it with a bottom-border? -- E. Michael Brandt www.divaHTML.com divaGPS : you-are-here menu highlighting divaFAQ : FAQ pages with pizazz www.valleywebdesigns.com JustSo PictureWindow JustSo PhotoAlbum __ 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/ __ 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/
[css-d] Repost: CSS Spacing
Hi everyone, I'm having what I think might be a well known problem with IE, but have tried all the usual solution to no avail. My CSS menu at www.henryfelton.net/ca has mysterious white space between the lis. FF shows exactly what is wanted in terms of spacing, with a dividing bar 1px high (anyone think of a better way of doing this?) but, again, IE6 manages to lose the 1px requirement, and IE7 the entire li! Any help would be appreciated. Thanks, Henry __ 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/
[css-d] CSS Spacing
Hi everyone, I'm having what I think might be a well known problem with IE, but have tried all the usual solution to no avail. My CSS menu at www.henyfelton.net/ca has mysterious white space between the lis. FF shows exactly what is wanted in terms of spacing, with a dividing bar 1px high (anyone think of a better way of doing this?) but, again, IE6 manages to lose the 1px requirement, and IE7 the entire li! Any help would be appreciated. Thanks, Henry __ 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/
[css-d] Fwd: CSS Spacing
Sorry about that: www.henryfelton.net/ca H -- Forwarded message -- From: David Laakso [EMAIL PROTECTED] Date: 18-Aug-2007 18:32 Subject: Re: [css-d] CSS Spacing To: Henry Felton [EMAIL PROTECTED] Henry Felton wrote: Hi everyone, I'm having what I think might be a well known problem with IE, but have tried all the usual solution to no avail. My CSS menu at www.henyfelton.net/ca has mysterious white space between the lis. FF shows exactly what is wanted in terms of spacing, with a dividing bar 1px high (anyone think of a better way of doing this?) but, again, IE6 manages to lose the 1px requirement, and IE7 the entire li! Any help would be appreciated. Thanks, Henry Check your page link-- getting a 404 ~dL -- http://chelseacreekstudio.com/ -- H D C Felton Website:www.henryfelton.net MSN: [EMAIL PROTECTED] Gmail Chat: [EMAIL PROTECTED] Phone: 07763799241 __ 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/
[css-d] Missing Div!
Hey all, I'm having a mind block on this embarrassingly simple problem. I've got two divs, one should hold text below the other, header, div; but the text just seems to disappear? I'm guessing it must have something to do with the fact that the header is positioned *absolutely* - but if not then the whole thing looks wrong?! http://www.henryfelton.co.uk/css/header.html Thanks, Henry __ 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] Missing Div!
Thanks. Well as far as the div requirement goes, I was just using text to mark it. By putting a margin in, IE works as expected but FF brings the original header down too? There must be a simple, more basic solution? http://www.henryfelton.co.uk/css/header.html Thanks, Henry On 21/07/07, Ernie Finlay [EMAIL PROTECTED] wrote: p Hello./p does not need a div From: Henry Felton [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Subject: [css-d] Missing Div! Date: Sat, 21 Jul 2007 13:02:53 +0100 Hey all, I'm having a mind block on this embarrassingly simple problem. I've got two divs, one should hold text below the other, header, div; but the text just seems to disappear? I'm guessing it must have something to do with the fact that the header is positioned *absolutely* - but if not then the whole thing looks wrong?! http://www.henryfelton.co.uk/css/header.html Thanks, Henry __ 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/ _ http://imagine-windowslive.com/hotmail/?locale=en-usocid=TXT_TAGHM_migration_HM_mini_pcmag_0507 -- H D C Felton Website:www.henryfelton.net MSN: [EMAIL PROTECTED] Gmail Chat: [EMAIL PROTECTED] Phone: 07763799241 __ 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] Strange Navigation Menu Problems
FF seems OK but any ideas on IE? On 22/10/06, Roger Roelofs [EMAIL PROTECTED] wrote: Henry, On Oct 22, 2006, at 1:58 PM, Henry Felton wrote: Could I get some help on a new site I'm doing? The navigation menu is a normal drop down system; but the drop down parts aren't inline with their parent. Its obvious if you look at the site (www.oscar-radio.org/ static) only working in IE as yet. I am guessing that you found your solution. I just tried it in ff1.5 and it worked just fine. I also noticed the the sub-menus were marked up as sub-lists, which is necessary for the Son of Suckerfish technique. You might want to consider a min-height for the sub list elements to they are of equal height whether the link takes 1 line or two. hth -- Roger Roelofs Remember, if you're headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke -- H D C Felton Website:www.henryfelton.net MSN: [EMAIL PROTECTED] Gmail Chat: [EMAIL PROTECTED] Phone: 07763799241 __ 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/
[css-d] Strange Navigation Menu Problems
Hi guys, Could I get some help on a new site I'm doing? The navigation menu is a normal drop down system; but the drop down parts aren't inline with their parent. Its obvious if you look at the site (www.oscar-radio.org/static) only working in IE as yet. The movement away from where they should be is not a general shift to the right and so can't be altered by 'position: relative' alterations. Any comments on the general design would also be welcome? The CSS involved is below; it seems a simple problem but no obvious solution? Many thanks, Henry /* NAVIGATION */ .navbutton {background-image: url('/images/new/nav.png'); background-repeat: repeat-x; width: 130px; height: 38px; border-bottom: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; font-family: arial; color: #dcdcdc; font-weight: bolder; text-align: center; font-size: 19px; letter-spacing: 1px; padding-top: 5px} .curvededge {background-image: url('/images/new/navend2.png'); width: 66px; height: 38px; padding-top: 5px} /* MENUS */ #nav, #nav ul {padding: 0; margin: 0; list-style: none;} #nav {width:995px; height: 38px;} #nav a {display: block; } #nav li {float: left;} #nav li ul {position: absolute; left: -999em; margin: 10px;} #nav li:hover ul {left: auto;} #nav li ul li a:link, a:visited {text-decoration: none; /*Links on Drop Down */ color: #dcdcdc; font-size: 10px; font-weight: 600; letter-spacing: 3px; padding-top: 4px; padding-bottom: 4px;} #nav li:hover ul, #nav li.sfhover ul {left: auto;} #nav li ul li {background-color: #65; /* Drop Down */ border-left: 1px solid #393939; border-right: 1px solid #393939; border-bottom: 2px solid #393939; width: 125px; font-family: arial;} #nav li ul li a:hover {background-color: #8B8B8B;} .topdrop {border-top: 1px solid #393939;} /*Gives a line on the top of the drop down menus */ .topdrop a:hover {background-color: green; text-decoration: none;} __ 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/
[css-d] Movement in IE and FF
Hi guys, OK I'm finishing a site but have two, I think related, problems. This site is: http://www.henryfelton.co.uk/oscarlayout/; as you can see, the drop down menus are too far to the right whatever, but more so in IE. Secondly, the requests section changes place dependant upon the browser. I can't see any reason why they should do this, anyone have any ideas? Many thanks, Henry __ 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] Suckerfish Problem in IE
Hello all, I've got a problem with a dropdown, found at www.henryfelton.net/oscarlayout. In FF it all works fine, but in IE the dropdowns appear in the wrong place (inline with the main *li* and too far to the left. Does anyone have a suggestion? Many thanks, Henry __ 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] Unwanted padding in FF
Hi guys, I'm in the process of doing a site that has a nav bar at the top, followed by a second nav pane on the left. For some reason the top nav bar has acquired what looks like extra bottom padding in FF (fine in IE) between it and the left-hand pane. The problem is obvious if you see it (www.henryfelton.net/oscarlayout). There is an unwanted white space below the 'Listen Live' and grey nav buttons. Does anyone know the reason? Secondly, at the bottom you can see some text containers; again in IE it's fine but FF puts in extra padding? I'm just starting out on CSS (although from what I've seen I love it) so sorry if these are obvious bugs! Thanks, Henry __ 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] Simple problem but can't seem to find a solution
Hi guys, I have a div with an repeated-x background image. This all works fine in FF but IE seems to add unwanted padding to the bottom of the image; thus leaving a white gap! Anyone have an idea about how to fix it (can't seem to find anything on the net)? Thanks, Henry __ 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/