Re: [css-d] Two background images on the {body}

[Richard Brown]

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

[Richard Brown]

Hi All

On this page:

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:

-- 
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?

[Richard Brown]

Hi Matt

On 03/02/2008, Matthew Taylor <[EMAIL PROTECTED]> wrote:
>
> In both cases it appears that a  is the problem. This  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  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  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 !
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/

[css-d] Where does the large gap come from please?

[Richard Brown]

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:

CSS:


The gap exists between the header "Beatiful2: and the description. I
have tried varying the styling here:

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] Three Column advice needed

[Richard Brown]

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/

Re: [css-d] Three Column advice needed

[Richard Brown]

Hi All

On 05/01/2008, David Hucklesby <[EMAIL PROTECTED]> wrote:
> >
> > Getting ambitious and needing a little bit of advice.
> > 
> [...]
> > 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:
>
>   
>
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/

[css-d] Three Column advice needed

[Richard Brown]

Hi All

Getting ambitious and needing a little bit of advice.


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/

Re: [css-d] White Block moving up

[Richard Brown]

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/

[css-d] White Block moving up

[Richard Brown]

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.



Screen captures here:


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] need help on nested list styling

[Richard Brown]

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

[Richard Brown]

Hi All

On this site:



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

[Richard Brown]

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

[Richard Brown]

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/

Re: [css-d] Fixed, fluid width and sidebars

[Richard Brown]

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] 
> [2] 
>
Many thanks for the input and links. I decided on sticking with a pure
flexible width 3 column layout which you can see here:



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/

[css-d] Fixed, fluid width and sidebars

[Richard Brown]

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] Alternative Menu suggestions to the Suckerfish

[Richard Brown]

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.
> > > > 
> >
>
> 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.
>
> 
>
> Other CSS menus can be google with these keywords "CSS dropdown menu." Quite 
> similar but quite different from the suckerfish is this menu.
>
> 
>
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

[Richard Brown]

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.
> > 
> > 
>
> 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

[Richard Brown]

Hi All

Could you please check the following menu in IE6 and 7? I am told the
menu is not behaving correctly.



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

[Richard Brown]

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

[Richard Brown]

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/

[css-d] Rounded Corner is producing vertical sidebars

[Richard Brown]

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:



Just in case it is not happening in every browser you can see the effect here:


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

[Richard Brown]

Hi David

On 05/09/07, David Laakso <[EMAIL PROTECTED]> wrote:
> >>> Why won't this site work in IE6 please?
> >>> 
> >>> 
> >>>
>
> 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/

Re: [css-d] It won't work in IE6

[Richard Brown]

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

[Richard Brown]

Hi

Why won't this site work in IE6 please?


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] Fixed Footer

[Richard Brown]

Hi All

I'm trying to get a fixed footer to work on this site:



It is failing if the page length increases beyond the browser window:


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

[Richard Brown]

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] Navlist Problems

[Richard Brown]

Hi All

I am building a site here:


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] Mixing fluid layouts and px padding

[Richard Brown]

Hi

I have just completed the re-design of this site:



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

[Richard Brown]

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.
> > 
> > I am hoping to remove the fixed width eventually but the header is
> > causing me problems. Here is how far I have got:
> > 
> > 
> > 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:

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

[Richard Brown]

Hi All

I am trying to create this design without tables and having a sort of
flexible approach to scaling.

I am hoping to remove the fixed width eventually but the header is
causing me problems. Here is how far I have got:


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

[Richard Brown]

Hi All

On 02/07/07, David Hucklesby <[EMAIL PROTECTED]> wrote:
> >>> Back to this site again:
> >>> 
> >>> 
> >>>
>
> 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

[Richard Brown]

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/

[css-d] WinIE Hack please

[Richard Brown]

Dear All

Back to this site again:



I now have all the columns working correctly. However, in IE 6 I get
this happening to the content in the right column:

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

[Richard Brown]

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:
> 
>
> 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/

Re: [css-d] Site Check in IE Please

[Richard Brown]

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

[Richard Brown]

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/

Re: [css-d] Site Check in IE Please

[Richard Brown]

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?
> >> 
> >> 
> >>
> >>
> > 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

[Richard Brown]

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/

[css-d] Site Check in IE Please

[Richard Brown]

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?



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

[Richard Brown]

Hi Mauricio and Scott

On 23/06/07, Mauricio Samy Silva <[EMAIL PROTECTED]> wrote:
>
> > The site is here:
> > 
> ---
> 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

[Richard Brown]

Hi All

The site is here:



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/

Re: [css-d] Navcontainer Problems

[Richard Brown]

Hi Lori

On 01/06/07, Lori Lay <[EMAIL PROTECTED]> wrote:
> >
> > 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?
> >
> > 
> > 
> >
> I actually thought the hover was kind of cute :-)
>
> Try this
>
> #navcontainer ul {
> list-style-type:none;
> margin:0px;
> padding:0px;
> text-align:center;   /* change this to center */
> }
>
> and this
>
> #navcontainer ul li a.one {
> background:transparent url(images/appleno.gif) no-repeat scroll 50% 0%;
> /* change the horizontal alignment to 50% */
> }
>
Many thanks for your help. It worked and thanks for the cute comment.
-- 
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

[Richard Brown]

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?




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/

Re: [css-d] Background in IE

[Richard Brown]

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/

[css-d] Background in IE

[Richard Brown]

Hi

On this site:


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] Banner and Menu problems

[Richard Brown]

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:
> > 
> > 
> > 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)
>
> 
> SGA GLOBAL
> Active Cure Technology
> 
>
> 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

[Richard Brown]

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:



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

[Richard Brown]

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

[Richard Brown]

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 s are where the images are (in CSS).
> > > Weirdly, the space is only present if I have block-level markup
> > > like  in the content  -- the space disappears if I just
> > > have this:
> > >
> > >   
> > >   
> > > blah blah blah
> > >   
> > >   
> >
> > 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/

Re: [css-d] Extra vertical space

[Richard Brown]

Hi Gary

On 05/05/07, Gary Benson <[EMAIL PROTECTED]> wrote:
>
> The top and bottom s are where the images are (in CSS).
> Weirdly, the space is only present if I have block-level markup
> like  in the content  -- the space disappears if I just
> have this:
>
>   
>   
> blah blah blah
>   
>   
>
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/

[css-d] Browser Check Please

[Richard Brown]

Hi




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

[Richard Brown]

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:

One div used. Allowing the box to expand to any height.

DL and DT used to create the boxes

One div used. Restricting the size of the box and using overflow: auto.

Table used.

All css is in this file:


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

[Richard Brown]

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

[Richard Brown]

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] Height difficulty

[Richard Brown]

Hi All

On this site:


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/

Re: [css-d] Calling different img tags

[Richard Brown]

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] Calling different img tags

[Richard Brown]

Hi

On this site:


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:

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] Floats proving a problem

[Richard Brown]

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:
> > 
> > 
> >
> > 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] Floats proving a problem

[Richard Brown]

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:



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/

[css-d] Popup CSS Help Please

[Richard Brown]

Hi

On this page I am trying to use a popup to display the lower words.



The relevant html is:
River ChurchTime:
10:30Come and worship God
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/

Re: [css-d] Form and fieldset problems

[Richard Brown]

Hi James

On 04/04/07, James Leslie <[EMAIL PROTECTED]> wrote:
>
> The site is at:
> 
> 
>
> 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] Form and fieldset problems

[Richard Brown]

Hi All

The site is at:



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] Footer Stick

[Richard Brown]

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] Footer Stick

[Richard Brown]

Hi All

I am just having to do a design for someone that involves a sticky
footer. I have put the following together:



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] Sidebar Menu Playing Up!

[Richard Brown]

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.
> > 
> > 
> >
> > 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  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 "" 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] Site Check Please

[Richard Brown]

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:


Can you tell me if you are seeing this please and if not any ideas why 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] Sidebar Menu Playing Up!

[Richard Brown]

Good Morning All

I hope you are all well. I have a slight problem with a menu.



I have copied the styling from this site:



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/

Re: [css-d] Five column news styled site

[Richard Brown]

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:
> > 
> > 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:


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] Holy Grail Layout - footer, padding and opacity issue

[Richard Brown]

Hi All

I am using the Holy Grail layout here:


The site is here:



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

[Richard Brown]

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?




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] Five column news styled site

[Richard Brown]

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:

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] Styling Tables

[Richard Brown]

Hi All

On 03/03/07, Richard Brown <[EMAIL PROTECTED]> wrote:
> > I have this site:
> > <http://domain1265618.sites.fasthosts.com/index.php?main_page=index&cPath=15>
> > and I want the products to look like this:
> > <http://www.horserugsandsaddlery.co.uk/SearchResult.aspx?CategoryID=10>
> >
> > Any ideas please?
> As you can see I have done some more work on this but it isn't looking
> right yet! The table has pushed the third column down below its
> content because it now spreads right across the page. Any ideas how I
> stop this please? I would also like to link the style to the table
> class="tabTable". So do I type table.tabTable to do this please?
>
> Page link:
> <http://domain1265618.sites.fasthosts.com/index.php?main_page=index&cPath=15>
>
Why when I add display: block does the table then spread right across
the page please? If I then add width: 400px on the td or th all it
does it put it below the left column and send the right column below
that as well. 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] Styling Tables

[Richard Brown]

Hi All

On 02/03/07, Richard Brown <[EMAIL PROTECTED]> wrote:
> 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=index&cPath=15>
> and I want the products to look like this:
> <http://www.horserugsandsaddlery.co.uk/SearchResult.aspx?CategoryID=10>
>
> Any ideas please?
As you can see I have done some more work on this but it isn't looking
right yet! The table has pushed the third column down below its
content because it now spreads right across the page. Any ideas how I
stop this please? I would also like to link the style to the table
class="tabTable". So do I type table.tabTable to do this please?

Page link:
<http://domain1265618.sites.fasthosts.com/index.php?main_page=index&cPath=15>

CSS relating to the table:
table,td,th{
border: none;
border-collapse: collapse;
margin: 0;
padding: 0;
}
table{
border: none;
display: block;
}
td,th{
padding: .2em .5em;
vertical-align: top;
font-weight: normal;
}
thead th{
font-weight: bold;
font-size: 90%;
vertical-align: bottom;
margin-bottom: 5px;
float: left;
}
tbody td,tbody th{
padding: 7px 10px;
}
td {
display:block;
}
thead, tfoot, th {
display:none;
}

.listingProductImage {
float: left;
}

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] Styling Tables

[Richard Brown]

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:

and I want the products to look like this:


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] CSS with WordPress?

[Richard Brown]

Hi Stuart

On 19/02/07, Stuart Hodes <[EMAIL PROTECTED]> wrote:
> Dear CSS-Discuss,
> I am striving to learn CSS for my forthcoming blog powered by
> WordPress.  Someone suggested  I may not need  CSS with WordPress, and
> that they might  not even work together. Will much appreciate advice.
> Sincerely, Stuart Hodes
Take a look at this site. It takes the wp theme structure apart and
shows you how to put it together. He uses css rules throughout the
rebuild. Very useful site.


-- 
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

[Richard Brown]

Thanks for that Georg

On 07/02/07, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote:
> > I have been using image replacement at the following site:
> > 
>
> > 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...
> 
> ...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 Techniques with random rotating gallery

[Richard Brown]

Hi All

I have been using image replacement at the following site:



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 - Will it be necessary

[Richard Brown]

Hi All

On 27/01/07, ~davidLaakso <[EMAIL PROTECTED]> wrote:
> Richard Brown wrote:
> > <http://uzellacourtantiques.co.uk/>
> > Currently I am trying this:
> > I am not sure how it looks on Windows but on Mac it looks bad!
> >
> After making the correction  the Holly sent (the missing hyphen), I
> would change the order from: font-family: "Palatino Linotype", "Book
> Antiqua", Palatino, "Times New Roman", Times, serif;
> to: font-family: "Palatino Linotype", Palatino, "Book Antiqua", "Times
> New Roman", Times, serif;
> Almost all windows machines will see Palatino Linotype (ME will get
> TNR); most macs will see Palatino (I think). What Linux distros will see
> is anyone's guess (I guess).
> Best,
> ~dL
Many thanks to all and to the suggestions made. I went with David's
idea mostly because his understanding of typography has to be one of
the best.

Having said that - the client has to like it!
-- 
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

[Richard Brown]

Hi All

I am hoping that I will not need to use image replacement to achieve
what I want! The site is located at:

CSS is:

The image is:

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?

[Richard Brown]

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?

[Richard Brown]

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/

Re: [css-d] Clear: both Problem?

[Richard Brown]

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:
> 
> Should it read:
> 

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/

[css-d] Clear: both Problem?

[Richard Brown]

Hi All

Could you help me with a little problem I am having please?

This site works as a home page:

but as soon as I navigate to a category we get this:

It is Zen-Cart based template using this design as a starter:

CSS is at:


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/

[css-d] Site Check Please

[Richard Brown]

Hi All

Could you please do a site check on this site please:


Css is contained in the header. Sources are:

for the layout.

for the menus.

I have validated html and css. There are two errors in the html that I
don't understand relating to the search box. That however, is
off-topic and I am looking into this separately.

The issues relating to the css are the space above the first nav box
should not be there. Any idea how I can get rid of them please? And I
would just like to know any issues regarding browsers 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] Using an Image in a H1 tag

[Richard Brown]

Hi Ian

>
> What do I need to add to my css to get rid of this ?
>
> 
>  title="Restaurant">Restaurant
> 
Remove the word Restaurant after the  and before the .
-- 
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

[Richard Brown]

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?
> 
>
> 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

[Richard Brown]

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

[Richard Brown]

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

[Richard Brown]

Hi Guys




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

[Richard Brown]

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?




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

[Richard Brown]

Hi Guys

I am trying to get a design to work:
Two columns, five lines

What I have got can be found here:



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

[Richard Brown]

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/

Re: [css-d] Three Columns

[Richard Brown]

Hi David et al

On 04/11/06, ~davidLaakso <[EMAIL PROTECTED]> wrote:
> Richard Brown wrote:
> > <http://efe-gbnets.com//index.html>
> > <http://efe-gbnets.com//style.css>
> >
> [trimmed]
> > 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?
> >
> The first question, in my mind, is how can one create a three column
> layout that works cross-browser? Best solve that first. These captures
> seem to indicate that what you have is not solving that question.
> 12 captures: <http://www.browsercam.com/public.aspx?proj_id=296901> . At
> any rate, would you have better luck with one of the three column pages
> from here : <http://blog.html.it/layoutgala/>? Or, perhaps, this one:
> <http://www.alistapart.com/articles/negativemargins> ? And the "gap" (I
> am not quite sure what you mean by that) can come latter.
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>

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

[Richard Brown]

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.




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] Three Columns

[Richard Brown]

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.




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/

Re: [css-d] Clear: both

[Richard Brown]

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] Clear: both

[Richard Brown]

Hi

I am using  to clear floats. But in my design
the div adds a space between the other divs which is frustrating. The
site is at:


Basically the image of the letter needs to butt up against each other
and also the nav bar. The css is at:


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

[Richard Brown]

Hi

I am using  to clear floats. But in my design
the div adds a space between the other divs which is frustrating. The
site is at:


Basically the image of the letter needs to butt up against each other
and also the nav bar. The css is at:


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] Background image and colour not happening

[Richard Brown]

Hi Guys

Could anybody tell me why the background colour or image is not showing in the 
#sidebarpage div 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] Site Check

[Richard Brown]

Hi Guys

I am building a three column site at:



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/