22 replies [Last post]
thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 hours 44 min ago
Joined: 2004-06-30
Posts: 9679
Points: 815

I have no design for this site, it's a site I am redoing for a friend as a favour Laughing out loud

Their existing site is at:

http://burninginspirations.co.uk/

Their OLD site is at:

http://www.b-i.demon.co.uk/

They also have a couple of domains paid for, such as:

http://www.fireplaces-buckinghamshire.co.uk/

Which at the moment houses a THIRD site, but I plan on using some sort of redirect to force that to burninginspirations.co.uk

My WIP/thoughts/stuff is currently at:

http://www.thepineapplehead.co.uk/burning/

I was playing around with Lightbox Gone Wild, but the implementation is too scrappy between browsers. I plan on sticking to sub-pages, eg:

http://www.thepineapplehead.co.uk/burning/company1/fire1.html

with a simple lightbox script for the images on that page.

HOWEVER I'm sort of stuck on ideas, for images and layout. My version of the site is bland, lacks pizazz, any images and eye-catching stuff.

I'd also like to know why IE can't render a simple double-border around the body tag.

Verschwindende wrote:
  • CSS doesn't make pies

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Fireplaces are warm and

Fireplaces are warm and cozy. If someone is hunting the web for fireplaces, I'd think your site should convey that, which argues for rich warm colours, golds, browns, reds (and blacks for contrast rather than whites).

If you aren't using rollovers on image links, try varying the image opacity (alpha filter for IE) on hover. It doesn't work on all browsers, but it does work on many - IE, FF, Safari.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

The uninspired one

The uninspired one wrote:

I'd also like to know why IE can't render a simple double-border around the body tag.

It can !

Tell me you haven't tried to render a double border with 1 pixel or even for that matter with two pixels. rofl.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

rofl even more, days turning

rofl even more, days turning out better Smile

Perhaps if the border and the html background weren't the same colour you'd see it.

In fairness there is a seeming discrepancy between FF border placement and IE, or rather background, which in IE covers only the width or content area less the padding/borders and in FF which covers correctly. The outer border width is lost against the same colour background of html though in FF. Background should refer to content, padding and borders.

Edit/ that's cool IE7 gets it wrong as well, so so far that's inability to shrinkwrap widthless floats, unable to do full region hover with display:block and parent with only min-width stated despite FF happy and IE supposedly now supporting min/max.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 hours 44 min ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Hugo wrote:The uninspired

Hugo wrote:
The uninspired one wrote:

I'd also like to know why IE can't render a simple double-border around the body tag.

It can !

Tell me you haven't tried to render a double border with 1 pixel or even for that matter with two pixels. rofl.

border: 4px double #e9e4db;

I would expect it to work like it does on the page title - that also has a 4px double border.

Out of interest, why does Firefox fill the gap between the double border with the background color of body (the element the border is on) and IE doesn't?

Verschwindende wrote:
  • CSS doesn't make pies

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Hugo wrote:Background should

Hugo wrote:
Background should refer to content, padding and borders.

http://www.w3.org/TR/CSS21/colors.html#q2 ... para #1

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Chris I know the reference,

Chris I know the reference, is there something I have overlooked; in using 'should' I meant according to specs.

TPH I think that it's just an illusion that the background fills the space between border lines (it does but that gap is transparent) in actual fact the background should be running to the extreme edge but that is behind the outer border line so not seen. IE appears to be stopping the backgound at the padding edge leaving the border to render over the top of the parent, or am I going mad?.

As for IE behaviour I've no answer, but Chris will have Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Since you were probably

Since you were probably still rolling around on the floor with evil laughter at TPH's predicament, I thought I'd put him out of his misery and answer the last question in his post - confirming your diagnosis by pointing him at the appropriate part of the spec, since by asking the question he didn't appear to take you at your word - or maybe like me, he only reads the first few lines in a post ... Tongue)

Hugo wrote:
As for IE behaviour I've no answer, but Chris will have Smile

I doubt even omniscient beings have that answer.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I managed to pick myself up

I managed to pick myself up of the floor but just couldn't wipe that evil grin off my face.

Dam I was counting on your omnipotence for an answer to IE further silliness.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Er actually I'm pulling you

Er actually I'm pulling you up here TPH. Do you read further than the first couple of lines of a post? do you, do you. Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Chris..S wrote:I doubt even

Chris..S wrote:
I doubt even omniscient beings have that answer.

Well Gary hasn't showed, so I guess I was right Wink

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 2 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Huh?

Huh?

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

The omnipotently omniscient

The omnipotently omniscient one duly arrived as summoned, we awaited with anticipation of his words of wisdom born of a supreme being and after deep contemplation he did pronounce;

"Huh!"

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 hours 44 min ago
Joined: 2004-06-30
Posts: 9679
Points: 815

I'll only read long posts if

I'll only read long posts if they're punctuated and split into paragraphs; numerous gaming forums I visit have noobs that have no regard for either and everythign is one long jumbled sentence.

I've changed the border color and it shows up in IE and Firefox, like you said it would Laughing out loud and I tried to get my head around the W3C spec but they never make it easy to understand, do they?

I'm just interested at the rendering discrepancy between IE and FF, and which one is doing it right?

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

thepineapplehead wrote:I'll

thepineapplehead wrote:
I'll only read long posts if they're punctuated and split into paragraphs

ooh you cow! I'd scratch your eyes out for that.

So content is irrelevant? even if you have to work at reading it? you will really struggle if you ever have to read through and understand a legal document.

thepineapplehead wrote:

I've changed the border color and it shows up in IE and Firefox, like you said it would Laughing out loud and I tried to get my head around the W3C spec but they never make it easy to understand, do they?

I'm just interested at the rendering discrepancy between IE and FF, and which one is doing it right?

Well that is as I have said already but clearly my jumbled, unpunctuated, ungrammatical sentences were beneath your dignity to read, so you must remain in ignorance! Yuof, they all need a good slapping! Smile Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 hours 44 min ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Hugo wrote:TPH I think that

Hugo wrote:
TPH I think that it's just an illusion that the background fills the space between border lines (it does but that gap is transparent) in actual fact the background should be running to the extreme edge but that is behind the outer border line so not seen. IE appears to be stopping the backgound at the padding edge leaving the border to render over the top of the parent, or am I going mad?.

So you're saying IE is only filling the background colour to the edge inside the inside border, whereas FF renders the background right the way to the outside edge of the outside border?

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I'm not saying nufink now,

I'm not saying nufink now, got the hump!

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 2 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I thought Chris had already

I thought Chris had already answered this. The background color should extend to the outer edge of the border, if any. Firefox does this. IE does not.

Consider:

body {
    background-color: white;
    }

#box {
    width: 200px;
    background-color: yellow;
    border: 10px dotted white; /*invisible against body bg,
but box bg should show between border dots*/
    }
    
* html #box {
    border-color: yellow;
    }
==========
<p id="box">blah, blah blah</p>

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

kk5st wrote:I thought Chris

kk5st wrote:
I thought Chris had already answered this.
gary

No I answered it , good lord what do I have to do!, sorry this doesn't count as omniscience

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 2 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

:shrug: Guess I didn't read

:shrug:

Guess I didn't read past the first line.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

TPH, have you had any

TPH, have you had any inspiration?

If not, I think you better start a new thread Wink

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 hours 44 min ago
Joined: 2004-06-30
Posts: 9679
Points: 815

Ayr, you lot do seem to have

Ayr, you lot do seem to have hijacked my thread a bit Tongue

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Only got your self to blame :)

If the fourteenth post had referenced my fourth post and actually been along the lines of the sixteenth post then posts 6 through to 23 would probably have been unnecessary, although the sixteenth posts questions were already covered by the fourth post so to speak so probably we could have curtailed the tangent at the fifth post! Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me