Re: [css-d] Two background images on the {body}
Hi Chris On 23 Jun 2008, at 18:16, Christopher wrote: Here is a link for the Two background images on the {body} http://www.walkfar.ca/main3.html My rough take on it. I haven't done much to the images: http://cregy.net/test/chris/index.html -- Kind regards Richard Brown http://cregy.co.uk/ Embracing what God does for you is the best thing you can do for Him. Romans 12 v 1 __ 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] Styling DL
Hi All On this page: http://www.weada.co.uk/members/uzella-court-antiques/ The county entry was riding up into the city field. I added clear:left into the dl class so that it didn't do it but I am a bit concerned that it might not be correct. Have I stored up problems for myself please? Is there a better way to style this list please? Thanks. Css is at: http://www.weada.co.uk/wp-content/themes/brownsite/style.css -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Where does the large gap come from please?
Hi I have puzzled over the css for days and tried experimenting with different layouts and still find a large gap appearing. See this site: http://cornwallfineart.co.uk/paintings/?antcat=1product=2 CSS: http://cornwallfineart.co.uk/wp-content/themes/uzella/style.css The gap exists between the header Beatiful2: and the description. I have tried varying the styling here: http://macintoshantiques.com/antique-gallery/?antcat=11product=11 CSS: http://macintoshantiques.com/wp-content/themes/grey/style.css But even though it doesn't look like it, the gap is still there. Any ideas please? Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Where does the large gap come from please?
Hi Matt On 03/02/2008, Matthew Taylor [EMAIL PROTECTED] wrote: In both cases it appears that a br/ is the problem. This br/ is adding more than one line of space because it is between two block-level elements (a heading and a parragraph) that have vertical margins. The total space created is one line break from the br/ plus the bottom margin of the above heading, plus the top margin of the parragraph below. This adds up to about 3 lines not the expected 1. Without the br/ the upper and lower margins collapse together leaving about 1 line of space. Thanks for the help. For all the looking I couldn't see the br /! Rather anoying. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Three Column advice needed
Hi All On 05/01/2008, David Hucklesby [EMAIL PROTECTED] wrote: Getting ambitious and needing a little bit of advice. http://dejavulostwithiel.co.uk/ [...] Could I set a min-width on the navigation columns, say 200px please? Do I need to add some sort of declaration to get it to work in ie 6 please? To get Internet Explorer versions earlier than 7 to apply min- and max-widths, Georg Sørtun has a comprehensive article on the subject: http://www.gunlaug.no/contents/wd_additions_14.html Thanks for all the help. I chose to slightly alter the code. I went down the road of one true layout and played with the columns. As far as I can tell it now works. Except for the header. Why do I have a large gap at the top in some browsers and none in others please? Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Three Column advice needed
Thanks for that Holly. On 05/01/2008, Holly Bergevin [EMAIL PROTECTED] wrote: From: Richard Brown [EMAIL PROTECTED] http://dejavulostwithiel.co.uk/ as I can tell it now works. Except for the header. Why do I have a large gap at the top in some browsers and none in others please? Different implementations of escaping/collapsing margins. To eliminate the gap, set the top margin of your h1 element to zero. (This is one way to solve the problem, there are others). - http://www.w3.org/TR/CSS21/box.html#collapsing-margins ~holly -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Three Column advice needed
Hi All Getting ambitious and needing a little bit of advice. http://dejavulostwithiel.co.uk/ http://dejavulostwithiel.co.uk/wp-content/themes/dejavu/style.css The above is a three column site that has two navigational columns floated left both with fixed width objects contained in. Navigation elements in one and a gallery in another. I have tried to leave the site as flexible width. However, I found that the side columns weren't holding up because the elements contained in them were larger than the width when viewed in a small monitor. So I have added min-width: 900px; to try to prevent this happening. 22% of 900px = 198px. I have discovered that the site fails in IE 6. The columns end up merged together. I have several questions: Is it better to stick with fixed with columns when using fixed width elements please? I could always leave the content flexible. (if so has anybody got a design I could look at to understand the code needed please?) Could I set a min-width on the navigation columns, say 200px please? Do I need to add some sort of declaration to get it to work in ie 6 please? Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] White Block moving up
Hi All I hope all is well with everyone. Could you take a quick gander at this site please and help me understand why the white block has moved up into the header div please. http://www.trewithenrestaurant.com/ http://www.trewithenrestaurant.com/wp-content/themes/Trewithen/style.css Screen captures here: http://www.browsercam.com/public.aspx?proj_id=398081 Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] White Block moving up
Thanks Georg On 22/12/2007, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Richard Brown wrote: Could you take a quick gander at this site please and help me understand why the white block has moved up into the header div please. http://www.trewithenrestaurant.com/ Only in IE/win :-) Actually: the white block doesn't really move up, but the header collapses because there's only floats in it, so the white background on wrapper doesn't get properly covered by the background on header. Give IE/win a well-placed 'hasLayout' trigger... #header { height: 1%; } ...and it will behave and paint backgrounds as intended. regards Georg -- http://www.gunlaug.no -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] need help on nested list styling
Hi Patrick On 14/12/2007, Patrick Aljord [EMAIL PROTECTED] wrote: fixed it myself :) It still doesn't work on XP in either Firefox or IE7. In Firefox we see the drop down but cannot actually get to any of them. As soon as you mouse down the hover disappears and in IE the hover sits to the right of the tab and again as soon as you mouse down the hover disappears. Hope that helps. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] float drop, horizontal scroll bar and font-scaling
Hi All On this site: http://weada.cregy.net/ http://weada.cregy.net/wp-content/themes/weada2/style.css I am getting reports of problems. What I have seen is in screen resolutions of 800 x 600 in Explorer 6.0 I am getting float drop. In all browsers when viewed at screen resolution of 800 x 600 the menu bar drops down a line and looks messy. When you take the size of the font up a few notches it also messes things up a bit. Are there any fixes for this please? I presume to sort the menu problem out if I make the images larger and make the width narrower they will drop to a new line and all will be fine? Do I need to do anything with font-scaling or do I just put up with the fact that the site will just look messy please? Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Fixed, fluid width and sidebars
Hi On 01/11/2007, Richard Brown [EMAIL PROTECTED] wrote: Many thanks for the input and links. I decided on sticking with a pure flexible width 3 column layout which you can see here: http://weada.cregy.net/ http://weada.cregy.net/wp-content/themes/weada2/style.css Firstly in order to get the list to float to the right I thought I could simply put float:right in the #navcontainer but it didn't work. So I put the float:right in the #navlist li and that has worked except it has reversed the flow of the links. Secondly, I have a second image that I would like to start the navigation with. It is called navbkgd1.gif. The curved area is the same green as the background and I thought would round things off nicely. But I am unsure how to apply it. I have added a class current to the a tag. I tried like this: #navlist .current a { background: url(images/navbkgd2.gif) no-repeat top left; } I have fixed both issues. 1. I simply reversed the order in which they were listed. A 'hack' but a simple one to supply and an easy answer! 2. Understand how selectors work! I am not sure if I do but I did this with the code: #navlist a.current { background: url(images/navbkgd1.gif) no-repeat top left; } Thanks for all the help. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Fixed, fluid width and sidebars
Hi David and All On 01/11/2007, David Laakso [EMAIL PROTECTED] wrote: Richard Brown wrote: Many thanks for the input and links. I decided on sticking with a pure flexible width 3 column layout which you can see here: http://weada.cregy.net/ http://weada.cregy.net/wp-content/themes/weada2/style.css As you can see I have started to lay down images including one for the content. However, using percentages means I am finding it hard to work out the placement of the content image. What technique could I use please to place the image correctly. i.e. Up against the sidebar. That is not going to work as you intend. Three column percent width layouts are extremely difficult to control in IE. You are dropping floats all over the place in IE6. And when you put the images in it is going to get worse. Georg Sortun offered two workable cross-browser solutions for you. Many thanks for the feedback. The layout has moved on. I have fixed the columns as David has suggested but am running into an issue with the navigation. Firstly in order to get the list to float to the right I thought I could simply put float:right in the #navcontainer but it didn't work. So I put the float:right in the #navlist li and that has worked except it has reversed the flow of the links. Secondly, I have a second image that I would like to start the navigation with. It is called navbkgd1.gif. The curved area is the same green as the background and I thought would round things off nicely. But I am unsure how to apply it. I have added a class current to the a tag. I tried like this: #navlist .current a { background: url(images/navbkgd2.gif) no-repeat top left; } Can anyone help please? -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Fixed, fluid width and sidebars
Hi All I have to build a three column site. Left column will display links and could expand according to page size. Right column needs to display photos that will all be sized to 150px and might look weird when the column is expanded and the centre column can expand as much as it likes. Basically I want to ask the pros and cons of using fixed width sidebars with fluid centre column. Is it a big no no or can I do it anyway. Are there reasons not to mix pixel width with fluid centres please? In terms of code what would be the best solution with the 'purest' code please? Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Fixed, fluid width and sidebars
Dear David and Gunlaug and All On 31/10/2007, David Laakso [EMAIL PROTECTED] wrote: The negative margin concept, explained in this tutorial [1], uses fixed sidebars with a fluid center column. It is one of the most stable, robust, cross-browser layouts known. Spin-off variations of that concept may be found here [2], and elsewhere on the Web. [1] http://www.alistapart.com/articles/negativemargins [2] http://blog.html.it/layoutgala/ Many thanks for the input and links. I decided on sticking with a pure flexible width 3 column layout which you can see here: http://weada.cregy.net/ http://weada.cregy.net/wp-content/themes/weada2/style.css As you can see I have started to lay down images including one for the content. However, using percentages means I am finding it hard to work out the placement of the content image. What technique could I use please to place the image correctly. i.e. Up against the sidebar. Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Alternative Menu suggestions to the Suckerfish
Hi On 22/09/2007, Alan Gresley [EMAIL PROTECTED] wrote: On 21/09/2007, David Laakso wrote: Could you please check the following menu in IE6 and 7? I am told the menu is not behaving correctly. http://theriverchurch.info/ Before you rush off delving into more CSS menus, the current problem in IE7 (sticky hover bug) is easy fixed by. #nav li:hover {background-position: 0 0;} For the reason why it happens or other fixes please visit. http://css-class.com/articles/explorer/sticky/index.htm Other CSS menus can be google with these keywords CSS dropdown menu. Quite similar but quite different from the suckerfish is this menu. http://css-class.com/articles/ursidae/index.htm I've been away for a few days and haven't seent he huge response. Many thanks to all who have helped. I will be reading replies and looking into the sticky over the next few days. I will post a url to show the fix. Once again my huge thanks for the replies. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Alternative Menu suggestions to the Suckerfish
Hi David On 21/09/2007, David Laakso [EMAIL PROTECTED] wrote: Could you please check the following menu in IE6 and 7? I am told the menu is not behaving correctly. http://theriverchurch.info/ http://theriverchurch.info/wp-content/themes/RiverChurch/style.css The Lord works in mysterious ways: perhaps you are being reprimanded for knowingly using a menu that drives everyone nuts who attempts to use it; not optimizing the images; and, making the start point of the primary content so tiny. The drop-down /drops down/ in 6 and 7. In 7 they stick, that is to say, when hovering across all of them they are simultaneously stuck in the drop-down position. In 6 the drop down boxes do not stick but they are wider than in compliant browsers (and even ie7), and each has a double vertical rule on both sides. There is a gap under the header image. And the header image, and the black block beneath that image, and the black footer block are all about 70px shy of the outermost container's right border. Many thanks for the reply. I have changed the subject to reflect the next question. What do folks do if they don't use the suckerfish option please? Any suggestions? -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check on Suckerfish
Hi All Could you please check the following menu in IE6 and 7? I am told the menu is not behaving correctly. http://theriverchurch.info/ http://theriverchurch.info/wp-content/themes/RiverChurch/style.css Many thanks for your help. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Faux Column and Page Centering Issue
Hi Allison On 18/09/2007, Allison Kelly [EMAIL PROTECTED] wrote: My homepage was previously working just fine. However, last night I saw that my entire page was starting top left instead of top center, the nav bar and main content section had been shifted all the way to the right side of the page, and the I faux column approach that had worked so simply is now not. I managed to fix the nav and main content, but can't figure out what I have done with the faux column and centering of the page. If you click on the Product Features button on my menu it is laid out how it should be. When I did a view source it showed the maincontainer div in red. Suggests to me that it is not being picked up. Maybe a wrong (speech mark) somewhere? Hope that helps. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Rounded Corner is producing vertical sidebars
Hi All On 06/09/2007, Richard Brown [EMAIL PROTECTED] wrote: I am trying to take a table based layout into a full css layout. Having problems with the rounded corner effect. You can see the issue here: http://devoncyclehire.cregy.co.uk/wordpress/ http://devoncyclehire.cregy.co.uk/wordpress/wp-content/themes/devon/style.css I fixed the rounded corner but noticed I am getting a large space appearing in between the centre column and the right column in IE6. Does anybody know what this is please? Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] It won't work in IE6
Hi David On 05/09/07, David Laakso [EMAIL PROTECTED] wrote: Why won't this site work in IE6 please? http://www.apbassettsolicitors.co.uk/ http://www.apbassettsolicitors.co.uk/wp-content/themes/bassetts/style.css I see now you did include the javascript for IE6 and down. However, the reason it may not be working is you targeted the wrong selector. The target is #wrap not #wrapper. Thanks for spotting that. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Rounded Corner is producing vertical sidebars
Hi All I am trying to take a table based layout into a full css layout. Having problems with the rounded corner effect. You can see the issue here: http://devoncyclehire.cregy.co.uk/wordpress/ http://devoncyclehire.cregy.co.uk/wordpress/wp-content/themes/devon/style.css Just in case it is not happening in every browser you can see the effect here: http://devoncyclehire.cregy.co.uk/wordpress/Picture1.jpg Has anyone got any ideas please? Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] It won't work in IE6
Hi On 04/09/07, Richard Brown [EMAIL PROTECTED] wrote: Why won't this site work in IE6 please? http://www.apbassettsolicitors.co.uk/ http://www.apbassettsolicitors.co.uk/wp-content/themes/bassetts/style.css It works in all the other IEs. I've borrowed(!) code from Georg and redone the site. I have taken a look and it appears to be working in IE6. In IE5 the header files are missing but if that is really the only problem then I'm not worried. Could someone check for me please? Thanks. The code from Georg: http://www.gunlaug.no/tos/moa_12tp1.html And thanks to Georg. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] It won't work in IE6
Hi Why won't this site work in IE6 please? http://www.apbassettsolicitors.co.uk/ http://www.apbassettsolicitors.co.uk/wp-content/themes/bassetts/style.css It works in all the other IEs. Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Navlist Problems
Hi All I am building a site here: http://www.apbassettsolicitors.co.uk/ http://www.apbassettsolicitors.co.uk/style.css The navlist is meant to have an icon at one end of the line and then on hover the icon changes. However, the icon won't go to the end of the list it stays in the middle and I can't see why? The list is currently styled like this: #navlist { list-style-type: none; } #navlist li { padding: 0; margin-bottom: 6px; } #navlist li a:link { background: transparent url(images/purple_triangle.gif) no-repeat 0% 50%; } #navlist li a:hover { background: transparent url(images/yellow_arrow.gif) left center no-repeat; color: #11033F; } #navlist li a#current { background: transparent url(images/yellow_arrow.gif) left center no-repeat; color: #11033F; } As you can see I have tried 0% 50% and also left center. I have tried putting it before the no-repeat and after the no-repeat. To no avail it won't go where I want! Any ideas please? -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Fixed Footer
Hi All I'm trying to get a fixed footer to work on this site: http://www.apbassettsolicitors.co.uk/ http://www.apbassettsolicitors.co.uk/otherstyle.css It is failing if the page length increases beyond the browser window: http://apbassettsolicitors.co.uk/column_extend.jpg Any ideas on how to fix this please? Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Navlist Problems
Hi Kit and Scott On 17/08/07, Kit Grose [EMAIL PROTECTED] wrote: Richard; you've also left the browser's automatic left padding on the list and list items. To fix, it's simply: #navlist, #navlist li { padding-left: 0; /* or some other suitable amount */ } Many thanks for your help. It is now working fine. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Mixing fluid layouts and px padding
Hi I have just completed the re-design of this site: http://www.cregy.co.uk/ http://www.cregy.co.uk/wp-content/themes/snails_revisited/style.css I was at first using a fixed width design but wanted to regain a fluid width design. However, I ran into the problem of using widths = % but padding in px. It was breaking the design in that the columns were not sitting side by side. How do other folks get around this please? Is there a better method of padding elements than px when doing a fluid design. Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Absolute, float and a nightmare header set-up
Hi Ian On 03/08/07, Ian Young [EMAIL PROTECTED] wrote: I am trying to create this design without tables and having a sort of flexible approach to scaling. http://urbanlivingseattle.com/wordpress/ I am hoping to remove the fixed width eventually but the header is causing me problems. Here is how far I have got: http://blog.cregy.co.uk/ http://blog.cregy.co.uk/wp-content/themes/heather/style.css The header is proving to be very hard to recreate. Should I stick with using floats or should I be going absolute in terms of positioning please? What are people seeing in terms of different browsers particularly ie6? Any suggestions on improving the code to get it work please? Not sure what the problem is as the header looks the same in IE6 and FF (Win XP) to me. What is the complexity and what is it you are trying to achieve? Couple of things in the mark -up tho'. You cannot repeat an id. You need to convert current and active to classes as these can be repeated throughout the html with impunity. Many thanks for the reply. If you have a look at the uploaded design at: http://urbanlivingseattle.com/wordpress/ You will be able to see some of the header problems. Firstly, the top nav now has too many entries in it and breaks the design. Secondly, the lower nav continues right across the page and it should stick within the fixed width dimensions. The direct call telephone number should sit to the right of the fixed width but sits to the left. Any ideas please? Thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Absolute, float and a nightmare header set-up
Hi All I am trying to create this design without tables and having a sort of flexible approach to scaling. http://urbanlivingseattle.com/wordpress/ I am hoping to remove the fixed width eventually but the header is causing me problems. Here is how far I have got: http://blog.cregy.co.uk/ http://blog.cregy.co.uk/wp-content/themes/heather/style.css The header is proving to be very hard to recreate. Should I stick with using floats or should I be going absolute in terms of positioning please? What are people seeing in terms of different browsers particularly ie6? Any suggestions on improving the code to get it work please? Many thanks. -- Kind regards Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] WinIE Hack please
Hi All On 02/07/07, David Hucklesby [EMAIL PROTECTED] wrote: Back to this site again: http://familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css Hi Richard, Sorry. I am not seeing this particular problem, either in Opera 9 or IE 7 on Win xp. All borders seem intact. Can you tell us which browser(s) show this defect? Thanks for the help on this one. The site is now working bar IE 5. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] WinIE Hack please
Hi All On 01/07/07, David Hucklesby [EMAIL PROTECTED] wrote: On Sat, 30 Jun 2007 05:09:10 +0100, Richard Brown wrote: Dear All Back to this site again: http://familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css I now have all the columns working correctly. However, in IE 6 I get this happening to the content in the right column: http://blog.cregy.co.uk/wp-content/uploads/screenshot.gif Is there some sort of hack I have to apply please to get content to line up correctly please? Sorry to say, IE7 has problems, too. See this screen shot: http://webwiz.robinshosting.com/images/family-wealth.jpg I suggest you fix the markup errors before we attempt any hacks: I know about the text wrapping around the image. I have fixed all bar the ones applying to the form. I now have another problem appearing in that the border at the top of the left nav does not extend all the way. Any ideas please? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check in IE Please
Hi Once again On 29/06/07, David Hucklesby [EMAIL PROTECTED] wrote: On Thu, 28 Jun 2007 21:28:58 +0100, Richard Brown wrote: Could someone take a quick look at this site in IE please? I think the third column is dropping below the 1st. Is that correct? http://www.familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp- content/themes/FWPItheme2/style.css If so, add a clearing DIV just before the container DIV's closing tag: HTML: div class=clearing!-- --/div CSS: .clearing {clear: both;} Reason: The floated DIVs are not taking up room until they are cleared. BTW - A trip to the HTML and CSS validators may help. There are font size issues, too. In IE, my medium font size is 20px, not the usual 16px. Use the View Text Size Larger to see what I see. Many thanks for the help. I thought I had a clearing element in the footer but I had taken the footer out of the container div. Thanks for that and for the article given to me in the previous reply. I will head to the validator. Much of what sneaks in seems to sneak in through wordpress widget boxes. Maybe they aren't such a good thing! Hopefully we are nearing the end. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] WinIE Hack please
Dear All Back to this site again: http://familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css I now have all the columns working correctly. However, in IE 6 I get this happening to the content in the right column: http://blog.cregy.co.uk/wp-content/uploads/screenshot.gif Is there some sort of hack I have to apply please to get content to line up correctly please? Thanks for all the help. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check in IE Please
Hi All On 27/06/07, Richard Brown [EMAIL PROTECTED] wrote: Could someone take a quick look at this site in IE please? I think the third column is dropping below the 1st. Is that correct? http://www.familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css Thanks for all the help so far. I believe I have sorted the columns out now... but the container div is only extending to the bottom of the header. I put a border in to check this out. Why would that be please and how do I get it to extend the full site width please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check in IE Please
Hi On 26/06/07, Richard Brown [EMAIL PROTECTED] wrote: Could someone take a quick look at this site in IE please? I think the third column is dropping below the 1st. Is that correct? http://www.familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css I thought I had fixed this but it still seems wrong in WinIE 5.5. Can somebody take a look again for me please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check in IE Please
Hi David On 27/06/07, David Laakso [EMAIL PROTECTED] wrote: Could someone take a quick look at this site in IE please? I think the third column is dropping below the 1st. Is that correct? http://www.familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css I thought I had fixed this but it still seems wrong in WinIE 5.5. Can somebody take a look again for me please? Thank you so much David. I was working off a version on my server and passing the code to the client to upload. I hadn't spotted her adding this stuff. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check in IE Please
Hi All On 27/06/07, Richard Brown [EMAIL PROTECTED] wrote: On 27/06/07, David Laakso [EMAIL PROTECTED] wrote: Could someone take a quick look at this site in IE please? I think the third column is dropping below the 1st. Is that correct? http://www.familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css Could you please take a look at this site: http://blog.cregy.co.uk/ http://blog.cregy.co.uk/wp-content/themes/emily/style.css This is the site where the code was originally built. I would just like to know whether this works in WinIE please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check in IE Please
Hi Could someone take a quick look at this site in IE please? I think the third column is dropping below the 1st. Is that correct? http://www.familywealthdifference.com/blog/ http://familywealthdifference.com/blog/wp-content/themes/FWPItheme2/style.css Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Problem with h2 in Sidebars
Hi Mauricio and Scott On 23/06/07, Mauricio Samy Silva [EMAIL PROTECTED] wrote: The site is here: http://blog.cregy.co.uk/ --- OR simple: background: url(images/img14.gif) no-repeat; Many thanks for the help. Fixed it perfectly. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Problem with h2 in Sidebars
Hi All The site is here: http://blog.cregy.co.uk/ http://blog.cregy.co.uk/wp-content/themes/emily/style.css I have put a background element to the h2 in the extra and navigation divs. Any idea why it doesn't show please? And how does the site look in various browsers and screen sizes please? Any comments? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Navcontainer Problems
Hi All I am trying to use different images for a nav list. I am declaring different classes for each image and that is working. However, I cannot get the text to sit below the images. Could you have a look and maybe see where I am going wrong please? http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css Please ignore the hideous hover! Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Background in IE
Hi On this site: http://www.sgaglobalblog.us/ http://74.53.74.2/~sgagloba/wp-content/themes/theme229/style.css The menu placed in the header is meant to line up with the side navigation menu. However, in WinIE it doesn't. Any ideas why please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Background in IE
Hi Guys On 18/05/07, Richard Brown [EMAIL PROTECTED] wrote: On this site: http://www.sgaglobalblog.us/ http://74.53.74.2/~sgagloba/wp-content/themes/theme229/style.css The menu placed in the header is meant to line up with the side navigation menu. However, in WinIE it doesn't. Any ideas why please? I solved it here: http://testbed.cregy.co.uk/ Thanks for your time. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Banner and Menu problems
Hi Mauricio and Others On 16/05/07, Mauricio Samy Silva [EMAIL PROTECTED] wrote: The site is 760px wide with margin set to 0 auto. And here is the link: http://testbed.cregy.co.uk/ http://testbed.cregy.co.uk/wp-content/themes/sgafluid/style.css The problem I am having is how to set the banner fully across the page. I have placed the width and margin values on three divs; navcontainer, header and wrapper. Hi Rich, You put the header image both into the HTML code and as header background. Lets go with image as background that is better for future maintenance. So do the following: 1-) Get rid of the image into the HTML code; 2-) Leave the image as header background in the CSS but change the color and the repeat values and add a height equal the image height: #header { background: #3a80be url(images/top_bg.jpg) top left no-repeat; height:160px; } See the result in your browser and you will notice: The left side color of the image boesn't match with the color chose for the header background. As the color for the image isn't solid you have two options: a-) Change the left side boundaries of the image to a solid color (#3a80be) b-) Stretch the left side of the image until a 1300px image wide (this will increase the loading time) 3-) Finally we must put the text image within the HTML code (an accessibility issue) div id=header h1SGA GLOBAL/h1 h2Active Cure Technology/h2 /div and hide it: #header h1, #header h2 { use a rule for image replacement [1] } Thank you so much for your help. The site is looking much better. I offset the image which I think looks good but you might not! Thanks once again for all the help. Now I have to convince the client not to have the text so small. Sorry David if you can't read it - I have difficulty as well! -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Banner and Menu problems
Hi All This is a new site for me and I am having difficulty with the best way forward. I am trying to create a site where the nav is suckerfish and is placed right at the top of the site. Then there is a banner spread right across the monitor and finally the site content. The site is 760px wide with margin set to 0 auto. And here is the link: http://testbed.cregy.co.uk/ http://testbed.cregy.co.uk/wp-content/themes/sgafluid/style.css The problem I am having is how to set the banner fully across the page. I have placed the width and margin values on three divs; navcontainer, header and wrapper. Then placed a repeating image in the header so that I get the banner. However, this image overlaps into the navcontainer div, so I need to set a height. As soon as I do that, if anyone increases the text size then I run into problems. Any idea on how I achieve this please and keep the site accessible. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Browser Check Please
Hi On 04/05/07, Richard Brown [EMAIL PROTECTED] wrote: http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css I know the site needs some more styling work but does it work in WinIE please? Particularly the drop down menu and three column elements. After the previous site checks, I have changed the site design (made it simpler). However, when I look at the site in WinIE 5.5 an d 6.0 the yellow rounded corner background gains a huge yellow square on the right hand side. Can anybody tell me why please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Extra vertical space
Hi Gary On 05/05/07, Gary Benson [EMAIL PROTECTED] wrote: The top and bottom divs are where the images are (in CSS). Weirdly, the space is only present if I have block-level markup like p in the content div -- the space disappears if I just have this: div id=contentHead/div div id=content blah blah blah /div div id=contentFoot/div Changing your content padding to: #content { padding: 10px; background: white; } Works as well but I don't know why? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Extra vertical space
Hi On 05/05/07, Gary Benson [EMAIL PROTECTED] wrote: Richard Brown wrote: On 05/05/07, Gary Benson [EMAIL PROTECTED] wrote: The top and bottom divs are where the images are (in CSS). Weirdly, the space is only present if I have block-level markup like p in the content div -- the space disappears if I just have this: div id=contentHead/div div id=content blah blah blah /div div id=contentFoot/div Changing your content padding to: #content { padding: 10px; background: white; } Works as well but I don't know why? Hmmm, with that the space is still present, it's just filled with white instead of with grey. What browser are you using? On a Mac using Camino, Safari and Flock. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Browser Check Please
Hi http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css I know the site needs some more styling work but does it work in WinIE please? Particularly the drop down menu and three column elements. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Boxes and Height
Hi All I recently asked for help on a site of mine regarding the height of boxes. I had many helpful replies. I realised that there were different techniques for doing what I was trying to achieve. Here are the results so far: http://www.swmug.co.uk/page-box/ One div used. Allowing the box to expand to any height. http://www.swmug.co.uk/page-dl/ DL and DT used to create the boxes http://www.swmug.co.uk/home-li/ One div used. Restricting the size of the box and using overflow: auto. http://www.swmug.co.uk/page-table/ Table used. All css is in this file: http://www.swmug.co.uk/wp-content/themes/snails/style.css What do you think is the best method please? The one that meets all accessible standards, font sizing and looks right in all browsers please? Which method would you encourage? Is there a right method in different places? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Centering into the browser
Hi Dave On 19/04/07, Dave Pierce [EMAIL PROTECTED] wrote: Can someone take a look at this page (I finally got to do one from scratch instead of updating old stuff! ;-) http:www.pierceartanddesign.com/testfiles/ and perhaps point me in the right direction to get the page centered into the browser window? I tried the method described here http://www.bluerobot.com/web/css/ center1.html but it didn't seem to work. I think you also need to change your #body declaration to text-align: center. WinIE 5 doesn't recognise the margin: auto declaration. Can anybody confirm this please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Height difficulty
Hi All On 16/04/07, Richard Brown [EMAIL PROTECTED] wrote: On this site: http://test.uzellacourtantiques.co.uk/category/ceramics/ http://test.uzellacourtantiques.co.uk/wp-content/themes/uzella/style.css I am trying to get the products to sit nicely! I have added a height declaration in order to force the boxes to float properly but as soon as I do this breaks when you increase text size. Is there anyway around this please? Thank you to everyone for their advice. I think the site is now working. Could folks check this out for me please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Calling different img tags
Hi On this site: http://test.uzellacourtantiques.co.uk/ http://test.uzellacourtantiques.co.uk/wp-content/themes/uzella/style.css I have a style on the content img. This works fine for calling either the page or single posts (it is a wordpress site). However, when I call the index.php which will list all the posts about ceramics I want the img call to a different class. This is one of the pages I mean: http://test.uzellacourtantiques.co.uk/category/ceramics/ As you can see it is still calling the original #content img and making the image to large. I did put in a different class for index.php called storycontentblog and have called this via .storycontentblog img and told it to float images to the left and 75px wide. But it doesn't seem to respect what I have asked. I put the class at the bottom of the css because I thought this would ensure that it would override the #content img. Any ideas why it isn't please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Calling different img tags
Hi David On 16/04/07, David Dorward [EMAIL PROTECTED] wrote: On 16/04/07, Richard Brown [EMAIL PROTECTED] wrote: As you can see it is still calling the original #content img and making the image to large. I did put in a different class for index.php called storycontentblog and have called this via .storycontentblog img #content img is more specific than .storycontentblog img and so takes priority. http://www.w3.org/TR/CSS2/cascade.html#specificity Thanks for that. I actually discovered it after I had sent the question and was about to email and say I had sorted it out. The link is useful though. Many thanks one again. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Height difficulty
Hi All On this site: http://test.uzellacourtantiques.co.uk/category/ceramics/ http://test.uzellacourtantiques.co.uk/wp-content/themes/uzella/style.css I am trying to get the products to sit nicely! I have added a height declaration in order to force the boxes to float properly but as soon as I do this breaks when you increase text size. Is there anyway around this please? The site is a wordpress site. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Floats proving a problem
Hi All Thanks so much for all the help I have received in the past. I am now trying to sort out my own site but cannot seem to get the floats to work properly! The site is at: http://www.cregy.co.uk/ http://www.cregy.co.uk/wp-content/themes/snails/style.css The issue is the sidebar float! Why doesn't it sit in line with the top of the content please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Floats proving a problem
Hi Mauricio On 11/04/07, Mauricio Samy Silva [EMAIL PROTECTED] wrote: Hi Richard, Let the #sidebar flows in their actual place, i. e. unfloat the #sidebar and assign width=100% for #container. Thanks so much for all the help I have received in the past. I am now trying to sort out my own site but cannot seem to get the floats to work properly! The site is at: http://www.cregy.co.uk/ http://www.cregy.co.uk/wp-content/themes/snails/style.css The issue is the sidebar float! Why doesn't it sit in line with the top of the content please? Perfect and thanks for your help. It's easy when you see how! -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Popup CSS Help Please
Hi On this page I am trying to use a popup to display the lower words. http://www.lostwithiel.eu/calendar http://www.lostwithiel.eu/wp-content/themes/brownsite/style.css The relevant html is: span class=calnk nowrap=nowrapaRiver ChurchspanTime: 10:30br /br /Come and worship God/span/a/span The css attached is this: .calnk a { text-decoration: none; } .calnk a:hover { font-size: 99%; } .calnk span.link { position: relative; } .calnk span.link a span { display: none; } .calnk span.link a:hover span { color: #33; display: block; position: relative; margin-top: 10px; width: 290px; z-index: 100; } As you can see from the page that there is some reaction to what I have done but not what I expected. What I wanted was for the text to pop up but currently it is on permanent display. Any ideas how I achieve a pop-up effect please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Form and fieldset problems
Hi All The site is at: http://theriveryouth.info/ http://theriveryouth.info/wp-content/themes/riveryouth/style.css In the navcontainer the Go bit should be alongside the search box but I can't get it to go there. Any ideas please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Form and fieldset problems
Hi James On 04/04/07, James Leslie [EMAIL PROTECTED] wrote: The site is at: http://theriveryouth.info/ http://theriveryouth.info/wp-content/themes/riveryouth/style.css In the navcontainer the Go bit should be alongside the search box but I can't get it to go there. Because you are floating the form, if you float the fieldset and inputs inside it, it should work (it does using FF web dev extension): #navcontainer fieldset, #navcontainer input{ float:right; } Hope that helps Perfect thanks - it helped a lot. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Footer Stick
Hi All I am just having to do a design for someone that involves a sticky footer. I have put the following together: http://www.gmsbuilding.co.uk/ http://gmsbuilding.co.uk/wp-content/themes/GMSBuilding/style.css I believe there might be a hiccup in WinIE 5. Is this correct please? I have checked in other browsers and they all seem to work fine. Any ideas why IE 5 might get upset please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Footer Stick
Hi David and All On 23/03/07, ~davidLaakso [EMAIL PROTECTED] wrote: Richard Brown wrote: I am just having to do a design for someone that involves a sticky footer. Oh, no, not another one. The never ending fascination for attempting anything and everything except what CSS is best at eludes me (personal opinion, off-course :-) ). I have put the following together: http://www.gmsbuilding.co.uk/ http://gmsbuilding.co.uk/wp-content/themes/GMSBuilding/style.css I believe there might be a hiccup in WinIE 5. Is this correct please?I have checked in other browsers and they all seem to work fine. Any ideas why IE 5 might get upset please? Your page is not working as intended in any version of win/IE less than version 7.0. And my attempt at your page is not much better: http://chelseacreekstudio.com/ca/cssd/foot-stick/foot-stick.html (uses this method: http://www.themaninblue.com/writing/perspective/2005/08/29/) I think Georg Sortun put up an example of how he does it a few days ago. You might check the archives. That's really your best bet. I checked the archives and having has a read decided it is best to start again and not bother with a sticky footer! Thanks for the reply David - back to the drawing board. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Sidebar Menu Playing Up!
Good Morning All I hope you are all well. I have a slight problem with a menu. http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css I have copied the styling from this site: http://woodland.lostwithiel.org.uk/ http://woodland.lostwithiel.org.uk/includes/templates/woodland/css/stylesheet.css But as you can see the result is not the same. Any ideas why not please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check Please
Hi All I thought I had this site finished but it seems there might be some problems with it. This is what it should look like: http://woodland.lostwithiel.org.uk/Picture1.jpg Can you tell me if you are seeing this please and if not any ideas why please? http://woodland.lostwithiel.org.uk/ http://woodland.lostwithiel.org.uk/includes/templates/woodland/css/stylesheet.css Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Sidebar Menu Playing Up!
Hi Daniel On 13/03/07, Daniel Beardsmore [EMAIL PROTECTED] wrote: I hope you are all well. I have a slight problem with a menu. http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/iconschool/style.css But as you can see the result is not the same. Any ideas why not please? Um, you might want to validate the code, mate :P Where did that li come from? That seems to really confuse Firefox. Remove that and the search form does start on a new line as it should. Also, you have a /br in there, which is what? Duly validated and yes it is working fine now. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Holy Grail Layout - footer, padding and opacity issue
Hi All I am using the Holy Grail layout here: http://alistapart.com/articles/holygrail The site is here: http://www.stwinnowceschool.info/ http://www.stwinnowceschool.info/wp-content/themes/school/style.css I have used their method for introducing a background colour but have removed the footer. I didn't need one in the design. Is this likely to cause any problems with any browsers please? Also I have told the calendar to only be 60% width of the right column but it doesn't seem to matter whether I put 10% or 90%. How do I make it shrink so it isn't touching the edge of the right column please? And finally I have put an opacity in the right and left columns. What I didn't realise is that this would affect the text as well. Is there anyway of cancelling this out please? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Five column news styled site
Hi On 08/03/07, david [EMAIL PROTECTED] wrote: I want to be able to create a five column news site. This is a first for me and so I have gone to the layout gala and grabbed a three column fixed with design and then in the content column put three columns. See here: http://cregy.co.uk/aaa/ Does this work please? Does it get mashed in other browers please? Tested on a Mac currently. When I get to the office I'll look at other browsers. In FF2 for Linux on my 1280x800 laptop, I needed to kick the font size up one step for comfortable reading. When I kicked it up one more step, I was faced with lines that only had 2-3 words each. Of course, the earlier 3-5 words per line was pretty short! I think it's way too many columns - this is a website, not a paper newspaper! Many thanks for the responses. I have told the client I can't do it for the issues raised in the discussions. I have tried to present a possible resolution: http://www.swmug.co.uk/ Thanks once again for all the advice and help. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Five column news styled site
Hi I want to be able to create a five column news site. This is a first for me and so I have gone to the layout gala and grabbed a three column fixed with design and then in the content column put three columns. See here: http://cregy.co.uk/aaa/ Does this work please? Does it get mashed in other browers please? Tested on a Mac currently. When I get to the office I'll look at other browsers. Is there a better way of doing this please? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Five column news styled site
Hi Ian On 07/03/07, Ian Young [EMAIL PROTECTED] wrote: Subject: [css-d] Five column news styled site Ok in IE6/7 FF 2.0, Opera 9.01. WinXP 1024x768 However, might want to make the portal and hence the columns wider to give yourself some room to add content. I did what you suggested and found a different layout. I've ported it over to wordpress and used php so content expands into the three centre columns. Does it still work ok please? http://www.swmug.co.uk/category/wordpress/ http://www.swmug.co.uk/wp-content/themes/Theme/style.css Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Styling Tables
Hi Guys Could someone help by pointing me towards a good tutorial or maybe guide me through styling a table please? I have this site: http://domain1265618.sites.fasthosts.com/index.php?main_page=indexcPath=15 and I want the products to look like this: http://www.horserugsandsaddlery.co.uk/SearchResult.aspx?CategoryID=10 Any ideas please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Image Replacement Techniques with random rotating gallery
Hi All I have been using image replacement at the following site: http://lostwithiel.org.uk/ http://lostwithiel.org.uk/themes/lostwithiel/style/style.css However, I am left with a white strip where the two divs sit. How can I get rid of this please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Image Replacement Techniques with random rotating gallery
Thanks for that Georg On 07/02/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote: I have been using image replacement at the following site: http://lostwithiel.org.uk/ However, I am left with a white strip where the two divs sit. How can I get rid of this please? It is space taken up by the h1 and h3 and the margin on the latter. Either you get rid of those SEO-stuffed headlines, or you make them take up no space by adding something like... #header h1, #header h3 {position: absolute;} If you also want to get rid of the descender-space below the image, then add... #header img {display: block;} I'll also advice you to clean up the source-code... http://validator.w3.org/check?uri=http://lostwithiel.org.uk/ ...just to be on the safe side. It worked fine. I am now working on clearing up the source code. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Image Replacement - Will it be necessary
Hi All I am hoping that I will not need to use image replacement to achieve what I want! The site is located at: http://uzellacourtantiques.co.uk/ CSS is: http://uzellacourtantiques.co.uk/includes/templates/uzellacourt/css/stylesheet.css The image is: http://uzellacourtantiques.co.uk/images/uzella-logo.gif Is it possible please using only web fonts available to create an approx style to the image. Currently I am trying this: font-size: 3em; font family: Palatino Linotype, Book Antiqua, Palatino, Times New Roman, Times, serif; font-style: italic; color:#30261d; I am not sure how it looks on Windows but on Mac it looks bad! Many thanks for the help. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both Problem?
Hi All On 17/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Many thanks for the help so far. Just to reiterate. I started with a three column design, content in the left column, and using the centre and right column for navigation. The site however looked far too cluttered and so we started again and came up with a single column site design. (We will be removing as much text as possible and leaving a visual site). In the meantime I have created icons for the navigation but am still experiencing problems getting the icons to centre. I am using float: right to ensure the boxes line up correctly but this also has the problem of reversing the order of the boxes. So instead of 1, 2, 3, 4, 5 we get 5, 4, 3, 2, 1. Is it possible to achieve the effect without floating please? Many thanks to David and all who offered help. The site is now working as expected. The icons will change in the next few days as will the stock! -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both Problem?
Hi All On 15/01/07, ~davidLaakso [EMAIL PROTECTED] wrote: Richard Brown wrote: This site works as a home page: http://www.nanadobbie.com/ Either you've fixed this or I am out to lunch. I do not understand what it is supposed to do that it is not doing? BTW, I think there may be an error in the markup. You've got: br style= clear: both; / Should it read: br class=clearBoth / Apologies to all who looked at the site and thanks to David for replying. Yes I fixed it but it didn't stay that way long. A new site has gone up. Could you please take a look and see if there are any errors in WinIE please? I am trying to create a line of links that center using icons. The list won't centre though. Any ideas please? Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both Problem?
Hi All On 16/01/07, Richard Brown [EMAIL PROTECTED] wrote: Site is: http://www.nanadobbie.com/ CSS is: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Many thanks for the help so far. Just to reiterate. I started with a three column design, content in the left column, and using the centre and right column for navigation. The site however looked far too cluttered and so we started again and came up with a single column site design. (We will be removing as much text as possible and leaving a visual site). In the meantime I have created icons for the navigation but am still experiencing problems getting the icons to centre. I am using float: right to ensure the boxes line up correctly but this also has the problem of reversing the order of the boxes. So instead of 1, 2, 3, 4, 5 we get 5, 4, 3, 2, 1. Is it possible to achieve the effect without floating please? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both Problem?
Hi All Could you help me with a little problem I am having please? This site works as a home page: http://www.nanadobbie.com/ but as soon as I navigate to a category we get this: http://www.nanadobbie.com/index.php?main_page=indexcPath=1 It is Zen-Cart based template using this design as a starter: http://www.nanadobbie.com/index.html CSS is at: http://www.nanadobbie.com/includes/templates/nanadobbie/css/stylesheet.css Any ideas why the float is not clearing please or maybe why it works as a home page and not a category page? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Using an Image in a H1 tag
Hi Ian What do I need to add to my css to get rid of this ? div id=header h1a href=index.php title=Restaurant/aspan/spanRestaurant/a/h1 /div Remove the word Restaurant after the /span and before the /a. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site check
Hi Fora On 11/12/06, Fora [EMAIL PROTECTED] wrote: No, it's not the hosting company. I have webstats running invisibly in a hidden div. I think that's what triggers the pop-up. It's taken away now. If someone can check again? snip When I checked it tried to pop two adds up. Could be the hosting company doing it? I don't get any pop-ups - using Firefox on Mac 10.3.9. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check
Hi All On 29/11/06, Richard Brown [EMAIL PROTECTED] wrote: http://alexander.cregy.net/ http://alexander.cregy.net/wp-content/themes/ThirdSite/style.css Thanks to all who responded. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check
Hi All On 29/11/06, Richard Brown [EMAIL PROTECTED] wrote: http://alexander.cregy.net/ http://alexander.cregy.net/wp-content/themes/ThirdSite/style.css As you can see I have applied a shadow effect to the content. Does it work in all browsers please? Could you explain how I might get rid of the border at the bottom please? What I would like to do is bring the whole border up the equal amount at the top please? Something seems to be going wrong with the footer as well and maybe that will explain why the bottom bit isn't working quite right! Could you please do a check on the above site. I have added a background shadow and I just want to ensure it works in all browsers. Could someone tell me whether it works in WinIE? Any ideas on improving the overall design please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check
Hi Guys http://alexander.cregy.net/ http://alexander.cregy.net/wp-content/themes/NewSite/style.css I'm concerned it works in WinIE particularly the post information avoiding over lap with the logo in the right. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site aligning centre in WinIE
Hi I want this site to sit to the left of the screen but in WinIE it is aligning centre. Could someone tell me why please? http://alexander.cregy.net/ http://alexander.cregy.net/wp-content/themes/NewSite/style.css Many thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Struggling with a design
Hi Guys I am trying to get a design to work: Two columns, five lines What I have got can be found here: http://www.tregrehan.co.uk/?page_id=6 http://www.tregrehan.co.uk/wp-content/themes/tregrehan/style.css Any ideas basically how I can make the boxes appear as boxes and not chopped up all over the place please? The boxes after the nav bar seem particularly a problem. Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Three Columns
Hi David and David On 06/11/06, david [EMAIL PROTECTED] wrote: ~davidLaakso wrote: Richard Brown wrote: Richard Brown wrote: Duly created a layout that doesn't break down - hopeful. Could folks check it out for me please? http://www.efe-gbnets.com/ http://www.efe-gbnets.com/wp-content/themes/Curvy%20EFE/style.css First time I visited the page in FF1.5.0.7 for Linux, the middle column was wide and the contents of the other two columns overlaid it. I went to grab a screen capture to show it and accidentally closed the browser window. When I went back to capture the screen, the page rendered properly. I am hoping this now renders sucessfully in all browsers. It now validates for xhtml and css. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Three Columns
Hi All Well after not posting to the list for a while, I get two issues I'm stuck on in quick succession! I am sure this one is simple but I can't work it out - maybe I'm using the wrong design. I have over the last year or so mostly been using two columns but I thought I would have a go at three columns! This is what I have come up with using various techniques but mostly Kevin Cornell - A list Apart. http://efe-gbnets.com//index.html http://efe-gbnets.com//style.css The question is quite simple! How do I place a gap between the centre column and the two outside ones please? Many thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Three Columns
Hi All Well after not posting to the list for a while, I get two issues I'm stuck on in quick succession! I am sure this one is simple but I can't work it out - maybe I'm using the wrong design. I have over the last year or so mostly been using two columns but I thought I would have a go at three columns! This is what I have come up with using various techniques but mostly Kevin Cornell - A list Apart. http://efe-gbnets.com//index.html http://efe-gbnets.com//style.css The question is quite simple! How do I place a gap between the centre column and the two outside ones please? I was thinking of putting another div inside content and padding that. Is that right please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both
Hi I am using div style=clear:both; to clear floats. But in my design the div adds a space between the other divs which is frustrating. The site is at: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The css is at: http://www.tregrehan.co.uk/wp-content/themes/tregrehan/style.css Any ideas how I can stop this please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both
Hi I am using div style=clear:both; to clear floats. But in my design the div adds a space between the other divs which is frustrating. The site is at: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The css is at: http://www.tregrehan.co.uk/wp-content/themes/tregrehan/style.css Any ideas how I can stop this please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Clear: both
Hi All On 30/10/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Richard Brown wrote: http://www.tregrehan.co.uk/?page_id=6 Basically the image of the letter needs to butt up against each other and also the nav bar. The following I found in your stylesheet... img { padding: 10px; } ...creates the spacing. Change or delete that declaration, or give the images in question a class with a zero padding. Thanks Gunlag. I did also mean to ask about the divs created after the footer. They are meant to exist within the wrap and therefore have the wrap background carried through but they aren't. Can anyone spot why please? Thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Background image and colour not happening
Hi Guys Could anybody tell me why the background colour or image is not showing in the #sidebarpage div please? http://www.cregy.co.uk/ http://www.cregy.co.uk/wp-content/themes/New_classic/style.css Many thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Site Check
Hi Guys I am building a three column site at: http://kites.swmug.co.uk/ http://kites.swmug.co.uk/wp-content/themes/kites/style.css The middle column seems to be disappearing. Can people see in it in Internet Explorer please and if not why is it disappearing please? Thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Styling Lists
Hi Guys I am styling a two column list here: http://wilsonsjewellery.co.uk/range.html http://www.wilsonsjewellery.co.uk/style/three.css I am using a technique explained here: http://alistapart.com/articles/multicolumnlists However, I am having two problems. Firstly, I cannot get rid of the text decoration even though I have declared none and secondly the list has continued into the div below. Any ideas please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] White Space
Hi Guys Could you please tell me how I might get rid of the white space at the top of this site. http://www.trewithen.org.uk/ http://www.trewithen.org.uk/wp-content/themes/New_classic/style.css The anchor div seems to be the culprit but I don't know how to get it to behave! Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Drop down lists
Hi Tedd On Thursday 13 July 2006 17:47, you wrote: You might consider this: http://www.sperling.com/examples/menuh/ It works. Tried it and it doesn't seem to work in WinIE - I must be doing something wrong and I can't figure what it is! Any ideas please? Thanks -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Fixed Header/Footer
Hi All I have had another go at putting together a design with a fixed header/footer. The design is at: http://www.swmug.co.uk/ http://www.swmug.co.uk/wp-content/themes/frametheme/style.css Could you please check the site for me and tell me whether it works in WinIE? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Drop down lists
Hi All I have decided to try a different approach to The Wedding Company site after David Laasko's advice re Wordpress. Many thanks to all that helped. I am trying to get a drop down menu working for WinIE using Stu Nicholls design here: http://www.cssplay.co.uk/menus/basic_dd.html The site is at: http://www.weddingcompanycornwall.co.uk/ http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/style.css http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/basic_dd_ie.css I am told the drop down is not working in WinIe. Could someone check this for me please? I would also like to get the nav to width: 100% but can't seem to get it doing that. Any ideas please? Thanks once again for all the help with previous requests. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Random Space
Hi Guys I am building a site here: http://www.weddingcompanycornwall.co.uk/ http://www.weddingcompanycornwall.co.uk/wp-content/themes/weddings/style.css Using Stu Nicholls code from here: http://www.cssplay.co.uk/layouts/fixit.html However, I seem to have gained a random space in the content div. You can see it at the top of the scroll bar. Does anyone know where it comes from please? Whilst writing I would also ask folks what they think of the navigation please? At the moment if you go into the Our Designers page, the secondary navigation arrives in the footer. Any comments please? Bit thanks to Stu and thanks for reading this. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Random Space
Hi David and anyone else On Tuesday 11 July 2006 15:10, David Laakso wrote: Try flush left/scatter right instead. How do I apply this please? -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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/