Re: [css-d] adjust position of hover nav tab
Try this. #nav { list-style:none; margin:0; padding:19px 0 0; width:100%; text-align:center; position:relative; display:table; /* new */ word-spacing:-1em; /* new */ } #nav li { display:inline-block; background: url(../images/global/separator.gif) no-repeat 0 10px; padding:0 3px 0 5px; /* changed */ position:relative; word-spacing:0; /* new */ } #nav .drop { position:absolute; top:33px; left:5px; /* changed */ white-space:nowrap; z-index:10; background: url(../images/global/none.gif); visibility:hidden; } On 20 Jan 2011, at 19:39, Rory Bernstein wrote: On this site: http://mcgivney.ehclients.com/ I cannot for the life of me figure out how to get the positioning of the dark green tab that appears behind the nav items when you hover on them. For example, if you hover over practices in the nav, that box is not quite the same distance from the left and right divider lines. There is more space between the dark green box and the line on the right side; I'd like to have this spacing on the left too but I cannot figure out how to do that. Thanks, Rory __ css-discuss [css-d@lists.css-discuss.org] 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 [css-d@lists.css-discuss.org] 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 for rendering pages correctly on differents browsers
On 11 Jan 2011, at 10:46, olivia antonin wrote: I have a real problem with my web pages, basically They don't render the same in Safari and firefox. The padding-bottom of the div information in the home page doesn't render the same in firefox as in Safari, and the same problem occur for the about us page too: the padding bottom of the div bonus has a white space. What do you think may be the issue. Please help me...I'm pretty new in using CSS and need some help. here are the link for the home page: http://www.expressionofmind.com/home.html about us page:http://www.expressionofmind.com/about.html and the link for the css files: http://www.expressionofmind.com/css.html [supplied links fixed] I'm afraid the problem lies in your expectations. Consistent alignment of the bottom of elements whose content is variable, in this case text in two columns, by use of padding or margins is not attainable. Not only do different browsers render fonts at different heights and widths, but you have no control over the base size. Zooming Safari in Zoom Text Only mode will show that the columns do not survive resizing even in that browser. A simple way to provide a background on the right column that continues to the footerwould be the Faux Column method. This involves creating a background image and applying it to vertically repeat on the element containing both main content and sidebar, in this case #wrappercolum . The image would need to be 800px wide and, because repeating, only 10px or so high, coloured white for the first 510px and #0D2557 for the remaining 290px. The css would be #wrappercolum { background: #fff url(path/to/image.png) repeat-y; } To maintain a 10px white space between the divs in the sidebar you could use a border on the upper div. e.g. #team { background-color: #558D96; border-bottom: 10px solid #FF; /* added */ line-height: 18px; padding-top: 10px; } Hope this helps. Jonny __ css-discuss [cs...@lists.css-discuss.org] 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] Strange behavior in Opera 10.62
Adding display:block fixes it here on Opera 10.6.2 a.scs:hover, a.scs:focus { display: block; opacity: 0.75; } a.scs:link, a.scs:visited { display: block; opacity: 0.9; } You also have an error in menu2.css: #menu h3.nine { font-size:.9em; margin-bottom.1em; /* missing colon */ text-align:left; } Jonny On 23 Sep 2010, at 16:42, Tim Offenstein wrote: Hi List, The webmaster for the School of Chemical Sciences asked me why the banner in this page - http://scs.illinois.edu - is showing up chopped off in Opera. (I'm running Opera 10.62 on a Mac 10.6.4) It shows fine in every other browser I can think of. I've poked at it but can't hit on the reason. Any thoughts/suggestions? Thanks in advance, -Tim __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] mac os x 10.4 :: camino/ 2.0.3
On 20 Jun 2010, at 16:15, David Laakso wrote: Not sure if this is a CSS related error, a Mac 10.4 :: Camino/2.0.3 bug, or a js error? There is a menu in the right-column. expand all/collapse all works fine. The first list item accessibility works fine. The remaining 11 list items /do not / open on click. markup http://chelseacreekstudio.com/site/resources/ css http://chelseacreekstudio.com/site/css/sisu.css All items are opening with Safari 4.0.5 on 10.6. Possible clue: whereas accessibility reveals instantly, the others all slide into view. J __ css-discuss [cs...@lists.css-discuss.org] 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] Stylizing a tag within a tag, situation!
On Mar 29, 2009, at 5:14 PM, Christopher R wrote: I'm trying to stylize the text which is an a tag within the id videogallery as seen on this page http://www.thecreativesheep.ca/site/ animationpage2.html so that I can move the text here but all that seems to be moving is the flash icon here is my style that I have currently: #videogallery a { position: relative; bottom: -200px; left: 65px; } All that moves is the Icon not the text. As Jukka has already pointed out, there is no text within the a element in your markup. The following text occurs after the /a: You are seeing this because you don't have Adobe Flash plugin installed for your Browser and therefore you are unable to view the animation gallery So, if that is the text you want to position with the #videogallery a selector, put it inside the a element. Jonny __ css-discuss [cs...@lists.css-discuss.org] 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] What is this CSS?
On Feb 19, 2009, at 10:51 PM, Sarah Atkinson wrote: Found this in one of the css files a co worker sent me with his design templete. What is it for? Anyone know? Is it legal? And what is with the * * html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } This is a CSS expression from the stylesheet included with the jQuery modal window plugin Facebox [1], which the template presumably employs. Its purpose is to allow the Facebox overlay background to extend to the full height of the page. * html is a CSS hack for IE6 [2]. Jonny [1] http://famspam.com/facebox [2] http://css-discuss.incutio.com/?page=StarHtmlHack __ css-discuss [cs...@lists.css-discuss.org] 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] mac ie/5.2
On Jan 13, 2009, at 9:51 PM, David Laakso wrote: Nav whacked. Fix appreciated. http://www.chelseacreekstudio.com/ca/cssd/test-80.php ~d Not the most elegant filter, but adding this seems to pull it into shape: /*\*//*/ * #e ul li a, #e b {width:1px; white-space:nowrap} /**/ Modified from examples at http://www.l-c-n.com/IE5tests/phantom-links/ Jonny __ css-discuss [cs...@lists.css-discuss.org] 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] Specificity Problem
On 24 Dec 2008, at 17:44, Dan Gayle wrote: I am having a specificity problem that I need help with. I am trying to create an info box that floats to the right within my main content div that uses the cascade to supply the styling. The content of that info box needs to be marked up using plain html elements, because the content writers that I am working with can barely understand that, let alone adding classes or heaven forbid, inline styles. According to what I know about specificity, this should work: h2{font-size:1.5em;line-height:1.5em;} div.extra-info h2{text-transform:uppercase; font-size:1.2em; line- height:1.5em;} It works in Webkit, but not in Gecko or IE. The full example can be found here: http://dangayle.com/test.html Any thoughts? Remove the stray at the end of the div.extra-info rule: div.extra-info {width:260px; float:right; border:1px solid; padding: 10px; margin:10px; background:#eef; font-size:.9em; font- family:Georgia;} Jonny __ css-discuss [cs...@lists.css-discuss.org] 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] IE Problem (naturally!)
On 11 Nov 2008, at 08:58, wlb wrote: I have a graphic decoration at the bottom of each of the following two pages and have used CSS margin-left to position them, but IE doesn't seem to recognize the margin and places the graphic on the left side of the screen. I tried fiddling with the padding as well, but then everything got very messed up. Here are the pages with problems: http://www.boletta.com/aau/book.html http://www.boletta.com/aau/type.html Here is the external stylesheet: http://www.boletta.com/aau/portfolio.css I'm sure someone will be along to explain the reason for the ineffective margin but this should do the trick: #ornament_3 { background: transparent url(pix/ornament_3a.png) no-repeat scroll center 50%; height:100px; margin:0 auto; } and the same sort of thing for #ornament_2. Regards 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] IE Problem (naturally!)
On 11 Nov 2008, at 09:37, Jonny Stephens wrote: On 11 Nov 2008, at 08:58, wlb wrote: I have a graphic decoration at the bottom of each of the following two pages and have used CSS margin-left to position them, but IE doesn't seem to recognize the margin and places the graphic on the left side of the screen. I tried fiddling with the padding as well, but then everything got very messed up. Here are the pages with problems: http://www.boletta.com/aau/book.html http://www.boletta.com/aau/type.html Here is the external stylesheet: http://www.boletta.com/aau/portfolio.css I'm sure someone will be along to explain the reason for the ineffective margin but this should do the trick: #ornament_3 { background: transparent url(pix/ornament_3a.png) no-repeat scroll center 50%; height:100px; margin:0 auto; } Oops... IE7 needs width too... #ornament_3 { background: transparent url(pix/ornament_3a.png) no-repeat scroll center 50%; height: 100px; margin: 0 auto; width: 182px; } 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] !--[if lte IE 6] displays in upper corner in FF
On 23 Aug 2008, at 17:08, Marc Hilt wrote: Hi, I am trying to use a separate css sheet for ie, it works in IE but Fire fox displays this in the upper left corner: !--[if lte IE 6], when I change it to !--[if lte IE 6]-- it then shows in the upper corner of IE6, this whole thing is driving me nuts. What is the correct syntax? I searched the web and can not come up with anything addressing the firefox issue. Here is the whole line which hides in IE but not FF: !--[if lte IE 6] link href=css/ie_fix.css rel=stylesheet type=text/css/link !--![endif]-- The closing tag is malformed. Should be: !--[if lte IE 6] link href=css/ie_fix.css rel=stylesheet type=text/css/link ![endif]-- 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] Pass full css file to IE6 but not IE7 - with CSS only
On 14 Aug 2008, at 18:48, Manuel Razzari wrote: So, using conditional comments, I produced a CSS file which targets IE6 only. Then, due to an extremely bizarre client situation, it turns out I can't use conditional comments So the question is: how can I import / link a full CSS file for IE6, using only CSS (without using conditional comments, css expressios or javascript). BTW, I don't care if the solution is non-validating as long as it's strong. For example the Rules Before @import hack would be fine, but IE7 applies it too, so it's not good for me. Maybe a combination of hacks? Assuming internal stylesheets are permitted... style type=text/css media=screen @import _url(ie6.css); /style See: http://www.gunlaug.no/contents/wd_chaos_20.html 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] Pass full css file to IE6 but not IE7 - with CSS only
On 14 Aug 2008, at 22:58, Thierry Koblentz wrote: From: [EMAIL PROTECTED] [mailto:css-d- [EMAIL PROTECTED] discuss.org] On Behalf Of Jonny Stephens On 14 Aug 2008, at 18:48, Manuel Razzari wrote: So, using conditional comments, I produced a CSS file which targets IE6 only. Then, due to an extremely bizarre client situation, it turns out I can't use conditional comments So the question is: how can I import / link a full CSS file for IE6, using only CSS (without using conditional comments, css expressios or javascript). BTW, I don't care if the solution is non-validating as long as it's strong. For example the Rules Before @import hack would be fine, but IE7 applies it too, so it's not good for me. Maybe a combination of hacks? Assuming internal stylesheets are permitted... style type=text/css media=screen @import _url(ie6.css); /style This is supposed to go *in the styles sheet*. Here is an example of the above in an internal stylesheet. http://bloog.co.uk/3rd/uscore_import/ Try in IE6 and other browsers. Does it work? 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] background works for one page, not for other
On 8 Aug 2008, at 19:49, CSSHelp wrote: CSS background issue, I think. Has to do with cacheing possibly? I created a shopping cart using an animated gif as the background. Here is the website : http://www.universalfulllacewigs.com/ Now it works fine except for the product page, when I click on the product page, the background doesn't load until I hit f5. Here is the product page: http://www.universalfulllacewigs.com/product.asp?pid=35 Has anyone encountered such a thing? It works for every page except the product page. Please accept the following for the serious observation it's intended to be. I'm unable to tolerate looking at this site for more than a few seconds due to feelings of nausea caused by the constant throbbing movement of the animation. I'm not usually susceptible to motion sickness so it's likely that many visitors to the site could be similarly affected. The effect risks distracting attention from the site content. Also, on Mac browsers I'm seeing a marked sluggishness with jerky scrolling and page resizing. Jonny PS: http://css-discuss.org/policies.html (If it's taking a long time for your post to show up, wait.) __ 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] bottom gap problem
On 7 Aug 2008, at 19:46, Kevin Evans wrote: I am using some jQuery tabs in the content area at the top on http://www.fortheinjured.com/default_redesign.asp but I can't seem to get rid of the bottom gap below the tabs. THere's also a gap to the left of the 3 tabs I can't get rid of also. Remove the 15px bottom margin and 30px left margin from #content ul: #content ul { margin: 7px 0 0 0; } Alternatively, you could change to margin-top: 7px; as you have margin: 0 set globally. 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] 1 pixel shift in Firefox
On 7 Aug 2008, at 20:39, Annesta wrote: In FF3, my layout is shifted to the right by one pixel and I'm not sure why. It seems to look OK in IE7 and Safari, but it's still driving me crazy as I use FF. I've tried everything... http://www.giveyourdreamaheartbeat.com/subpagetest.php I'm not seeing this on FF3 Mac. Other versions show different behaviour. Safari 2/3 Mac: When the browser window width is below the width of the body background image (999px), a 1px gap appears between #wrap and the right vertical rule of the background image. On the left, it overlaps the vertical rule. Gradually reducing the browser window further shows that #wrap shuffles in and out of alignment with the body background. FF 1.5 Mac/FF2 Windows: Same as above but the alignment is out even if the browser window is wider than the body background image. If a solution for stabilising the alignment of body to #wrap isn't forthcoming you could remove the vertical rules from the image and apply them as CSS borders to #wrap. With the background image showing only a shadow the shuffling would be less, if at all, noticeable. 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] Overflow: hidden in IE?
On 3 Aug 2008, at 00:21, Jeff Ferrell wrote: On this page, again: http://www.rchseaglesnest.org -- about midway down is a sports section. It's using Bill Scott's ycarousel code (http://billwscott.com/carousel/ ) to do the sliding from side-to-side. The problem is, it works as expected in Firefox and Opera (the sliding boxes should be cut off before the sidebar) -- but in IE7, the div that *should* be hidden appears all the way across the page. (Well, that's inaccurate. It's actually hidden on the left side, but not on the right, which makes things more confusing, I think.) In Safari (Mac, at least), there's a different problem -- the sliding boxes appear as a 50px slice at the left-hand side of the Sports div. Hardly any of it is visible at all! Safari 2 Mac looks OK here. Which version shows the problem for you? The IE7 problem appears to stem from the widths generated as inline styles to the following divs div class=carousel-component id=mycarousel div class=carousel-clip-region In Firefox, Firebug shows width: 820px. In IE7 the developer toolbar shows width:1205px. If I remove the inline width property using the IE bar toolbar the carousel shows the correct width. I'm out of time this morning so will leave it for someone else to track where these widths are being calculated. 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] Overflow: hidden in IE?
On 3 Aug 2008, at 09:39, Jonny Stephens wrote: The IE7 problem appears to stem from the widths generated as inline styles to the following divs div class=carousel-component id=mycarousel div class=carousel-clip-region In Firefox, Firebug shows width: 820px. In IE7 the developer toolbar shows width:1205px. If I remove the inline width property using the IE bar toolbar the carousel shows the correct width. I've had a spare couple of minutes to revisit this. It may be that adding the following will bring IE7 into line, though it'd be good to know what's causing the different widths to be generated. div#mycarousel { width:800px!important; } IE7 has another issue: the carousel's TDs display wider, so they don't fit evenly. 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] missing scrollbars
On 2 Aug 2008, at 19:21, Norman Fournier wrote: ...copy that overflows the browser window but the web browser does not draw scrollbars. I have tried overflow: auto; in my body tag... Any suggestions? Yes. Please make the site, or a page from the site which exhibits the described behaviour, available online and provide a link. 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] 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/
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
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
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/
Re: [css-d] Big Blue Bar
On 24 Jul 2008, at 15:07, Christopher wrote: Chris Akins wrote: One of the simplest requests throughout this thread which has yet gone unheeded is to provide a static graphic comp of what it is you're trying to achieve. Do you have one? A Photoshop file, a scanned hand drawing, anything that shows the concept you're after? if so, the ones trying to help you would love to see it. One final note - two of your images specified for that page are not available on the server. One is called topbarfade4.png and I don't remember the other one. Chris, I mentioned that I will start using the short forms of doing CSS in a few posts back as I see it does make things simpler. Everything is coming together as I have designed it, yes I do have a mock up page already designed but I have most of the page layed out and everything is so far so good just a few minor things like for example this #topbar issue and there really as far as I am up to not really much more else needs to be worked out, but your and others who suggested short-handing the style rules, yes this is something I will start doing, asap. Christopher Please just post your mock up. Even if you don't think it will help. Even if you think you're one keystroke away from perfecting your site. Just as a favour to the people who have freely donated their time to trying to help you. Please? 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] classes moving
Christopher The path to the #location background image points to your local computer, rather than your web server. You may be able to see locationgfic.png but we can't. #location { height: 62px; background-image: url(file:///C|/creativesheep_web_files/final% 20graphics%20for%20web%20page/locationgfic.png); background-repeat: no-repeat; margin-top: -20px; } Note: Past posting attempts suggest this message may not appear on the list for days. Please reply to both me and the list. Regards Jonny On 23 Jul 2008, at 04:35, Christopher wrote: I'm having a problem, when I move the about me class it also moves the paragraphs below it which I don't want to occur. If you look at the page you'll see the about me and then the paragraphs when I move the about me text the paragraphs move too. Also I'm trying to get the contact with email address and the words main to move down a few pixels correct me if I just need to make my pixel numbers higher but when I adjust the margins they don't move down. http://www.walkfar.ca/test/productionsite9.html __ 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] Round corners on borders - UPDATE
On 23 Jul 2008, at 14:16, Christopher wrote: Now I am trying to get some round corners, this is what I have done I have my id and I created some classes for example Bottom Right \ Bottom Left \ Top Left \ Top Right Now if I have the following: div id=aboutme div class=aboutmetxt /* Do I create a div class nested here with 3 more others nested for each corner ? */ Then create the CSS rules .BR bottom right .BL bottom left .TR top right .TL top left At this point is this correct? IF NOT ignore the rest of this message IF RIGHT read on Then do I put the corner images as image tags on in the HTML or as background images in CSS, I am following this page: http://green-beast.com/experiments/css_smart_corners.php Christopher, the code is well explained on that site. Have you viewed the source that's provided? XHTML: http://green-beast.com/experiments/support/X_css_smart_corners.txt CSS: http://green-beast.com/experiments/support/C_css_smart_corners.txt 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] : Scrollbar for iframe not showing up in Safari/Mac
On 1 Jul 2008, at 23:32, Christian Kirchhoff privat wrote: So, does anybody know whethzer this is a HTML or a CSS problem, or both, or something else? Yes, there is a problem in Safari 2, not in 3. regards, Ingo The W3C CSS Validator reports the following error: http://www.muhabbet.de/muhabbetnew/muhabbet.css 347 .iframe div#wrapper Property overflow-y doesn't exist in CSS level 2 but exists in [css3] : scroll You could try changing the offending property to overflow: auto; Have tested this in a user stylesheet in Safari 2.0.4. 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] Anchor hover in IE 6 'absorbs' margin of above element
On 3 Jun 2008, at 21:55, David Laakso wrote: Patrick James wrote: http://www.patrickjames.me.uk/test.html In Internet Explorer 6 when the mouse cursor hovers over the anchor elements they turn red, as they should, but Link 002, Link 003 and Link 004 'bunch up' against the box above in the list. They are kept apart by a 5 pixel margin applied to the anchor element. It looks like on hover the element being hovered over 'absorbs' the margin above. I can't work out a remedy and so I'd be grateful for any suggestions. Patrick Couple of things: You have targeted the a #nav001 a { } #nav001 a:hover { } Instead, target li a #nav001 li a { } #nav001 li a:hover { } And remove the margin-bottom: #nav001 li a { /*margin: 0 0 5px 0; delete*/ margin:0 /*add*/; } And if a margin is required, apply it to #nav001 li rather than #nav001 li a. 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/