Re: [css-d] layout inline elements in block

2006-08-16 Thread Olly Hodgson 
On 16/08/06, Peter Speltz <[EMAIL PROTECTED]> wrote:
>
>  HEADING TEXT item1 
> item2 ... 

Firstly, that's not valid HTML code. A block level element cannot sit
inside an inline element.

Better would be as follows:

Foo

  bar
  (etc)


To achieve the effect you want, you could try simpy floating the h1 left.

-- 
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] META TAGS not validating

2006-07-15 Thread Olly Hodgson 
On 16/07/06, Magenta Placenta <[EMAIL PROTECTED]> wrote:
> Anyone have any ideas why:
>
> 
> 
>
> Does NOT validate as valid XHTML 1.0 Transitional, but

This isn't even remotely related to CSS, so you're asking on entirely
the wrong mailing list. Somewhere like the WSG, webdesign-l or
evolt.org lists would be better.

Here goes anyway: XHTML is a lower-case language, so all elements and
attribute-names must be lower-case (although the content of the
attributes can be mixed-case):



If you want to mix case, you'd be better of with HTML 4.01 Strict.

-- 
Olly Hodgson
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] stupid question regarding background position: fixed and IE6

2006-07-07 Thread Olly Hodgson 
On 07/07/06, Paul Seale <[EMAIL PROTECTED]> wrote:
>
> Well, I assigned the background fixed attribute and it works great with Fire
> Fox but not with IE6. Does IE 6 not support this attribute?

IIRC yes, it does, but only on the  element.

Cheers,


-- 
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Missing bullet image in dynamically generated list

2006-04-06 Thread Olly Hodgson 
On 06/04/06, Tom Dell'Aringa <[EMAIL PROTECTED]> wrote:
>
> Now, when these LI are generated, the bullet is missing. I checked the CSS
> over and over, but all seemed fine. When I went to use the Edit CSS in
> FireFox (part of the web developer extension) - the moment I open the edit
> css window - pop! They immediately appear! When I close the edit window -
> pop! They are gone!

That's very bizarre. I can't see anything wrong with the CSS at first
glance, but have you tried splitting the background bit down into
component parts (background-color, background-image, etc) to see if
that makes any difference?

--
Olly Hodgson
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Form elements spilling over divs

2006-04-06 Thread Olly Hodgson 
On 06/04/06, Martyn <[EMAIL PROTECTED]> wrote:
> Hi,
> I have a form with various fields in using fieldset and legend tags to
> separate them only in firefox the outer div with the background in is not
> expanding to the bottom of the page. The form elements are just spilling
> over; if I put some other element out side of the form at the bottom say a p
> tag then every thing is fine. Can any one explain to me what is going on
> here?

Martyn - do you have some code or a URL we could take a look at
please? Otherwise it can be a bit tricky to debug your problem :)

Cheers,


--
Olly Hodgson
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Georgia font not showing in FF/Netscape

2006-03-27 Thread Olly Hodgson 
On 27/03/06, 2geedesign <[EMAIL PROTECTED]> wrote:
>
> If anyone can suggest why this font doesn't show in FF and Netscape on my
> machine and why it appears in only half the content on the second machine
> it would be much appreciated.

Ian, do you have a URI or some code we could look at?

Cheers,

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] variations with firefox onwindows PC vs Linux

2006-03-18 Thread Olly Hodgson 
On 18/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Has anyone else noticed variations in margin height between Firefox
> 1.5.0.1 on a Windows PC vs Linux?
>
> I can't point you to the example yet, but I'm finding that if I set the
> margin-top with a negative margin and get it to line up correctly on the
> Linux PC in em's, that it will be about .5em too high in the windows PC.

Bob - Do you have the same fonts installed on both Win and Lin? I
guess if the fonts are slightly different sizes then any em-sized bits
will be slightly different?

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] disapearing text in IE

2006-03-14 Thread Olly Hodgson 
On 14/03/06, Jake Soward <[EMAIL PROTECTED]> wrote:
> I've got an interesting problem in IE.  On some of the pages of a website
> i'm managing, some of the text is partly hidden.  When you scroll, some of
> it shows up while more disapears (only to reapear as you scroll).

This sounds a lot like my old nemesis: The Peekaboo bug
<http://www.positioniseverything.net/explorer/peekaboo.html>

The solution is fairly simple: Apply the "Holly Hack" to the affected element:

/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */

To learn more about the subject, I would strongly recommend that you
read "How to attack an Internet Explorer bug":
<http://www.communitymx.com/content/article.cfm?cid=C37E0>

Cheers,

--
Olly Hodgson
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] styling SELECT in IE

2006-03-13 Thread Olly Hodgson 
On 13/03/06, Maziak, Peter (Tek Systems) <[EMAIL PROTECTED]> wrote:
> Older posts (circa 2002*) indicate there is no way to style border,
> padding, z-index, etc on a SELECT in IE (because it is an active-x
> control).   Has anyone seen different since?

Not as far as I am aware, although there are projects floating around
that replace select elements with javascript-generated controls.

When IE7 comes along, the select will apparently become a true HTML
control - so we should be able to style it in the same way we would in
any other browser.

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Question about validation

2006-03-13 Thread Olly Hodgson 
On 13/03/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> And yet there is a background-color, it's just transparent. I understand
> that it is only a warning, but does the validator not recognize
> transparent as a color? I have several of the background-color warnings,
> but I am supposing that the css is still valid, right?

I can't see anything wrong with your code, so I would guess it's a
problem with the validator.

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with image float in Ff

2006-03-03 Thread Olly Hodgson 
On 03/03/06, Steve Frost <[EMAIL PROTECTED]> wrote:
>
> The photo is floated to the left, and the div in which it sits inside is
> set to 100% height, however when viewed in 800 * 600, the div does not
> expand when you scroll down.
>
> Anybody got any ideas what could be causing this?  It works fine in IE.

That's probably because IE is getting it wrong :) You need to tell
standards compliant browsers that the need to enclose any floated
content. The easiest method I have found is to give the div a defined
width, and set overflow to hidden, eg:

div {
width: 100%;
overflow: hidden;
}

More on the subject at http://www.quirksmode.org/css/clearing.html

Cheers,


--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] paragraphs disappearing

2006-02-27 Thread Olly Hodgson 
On 27/02/06, Virtuallee <[EMAIL PROTECTED]> wrote:
>
> Apparently some of the paragraphs on this page
> http://www.fou2foot.com/services.php are disappearing when the user
> scrolls up/down. It seems to be mainly 'Services for football Clubs' and
> 'Services for football players'. Is this happening for anyone else? Can
> someone spot what is goign wrong here?

Aye, in IE6 the  headings are getting cut off when you scroll up
and down. Not only that, but when you increase the font-size, the text
wraps around on itself leaving the headings unreadable.

I think having line-height: 0; set in the CSS is probably what's
causing the problem.

Cheers,


--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Legend of the Fieldset

2006-02-24 Thread Olly Hodgson 
On 24/02/06, [EMAIL PROTECTED]
<[EMAIL PROTECTED]> wrote:
> Once upon a time a young HTML monkey was happily
> banging out some code. The monkey god came to the
> monkey and said, "These fields should be grouped
> together, and there should be signs indicating what the
> grouping is."

EEEP! The young adventurer just ran into one of the most frustrating
challenges he will yet face! The legendary !

This should help to start you off:
http://thinkdrastic.net/journal/wp-content/fieldset_testing.html

It looks about right in IE6 and Firefox 1.5, though it doesn't look
right in Opera 9TP2. You might need to play with the "padding" on
fieldset and "top" on legend to make it work with your layout.

Cheers,


--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] "Does not allow "h3" here???

2006-02-09 Thread Olly Hodgson 
On 09/02/06, Maxwell Balmain <[EMAIL PROTECTED]> wrote:
>
> One possible cause for this message is that you have attempted to put
> a block-level element (such as "" or "") inside an inline
> element (such as "", "", or "").

There's what's gone wrong. You've put an  (a block-level element)
into an  (which is an inline element).
http://cat.xula.edu/tutorials/html/versus.php give a nice simple
explanation: "Blocks may contain other blocks, as well as inline
elements and data (content). In contrast, inline elements may contain
only data and other inline elements."

> What could I substitute to get the  style that I need?

Switching it around to some text would probably work :-)



--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] New IE 7 Ruined my Nav???

2006-02-09 Thread Olly Hodgson 
On 10/02/06, TMH Design <[EMAIL PROTECTED]> wrote:
> Please look at this page - www.thomashall.com 
> in IE 7 and Firefox. Can someone tell me what is going on? It was perfect in
> IE 6

1) IE7 is still just a beta, so there's no use relying on it to get
things right just yet.
http://meyerweb.com/eric/thoughts/2006/02/03/charting-ie7b2/ says it
nicely. It might have something to do with the various CSS hacks that
you've got going on.

2) I can't see any difference in your nav between IE6 and Firefox 1.5.
The date in the top-right is obscured slightly in Firefox though.

Changing the css for #date to:

#date {
position: relative;
top: -15px;
text-align: right;
margin: 0;
font-size: 12px;
font-weight: normal;
}

...went some way towards fixing the problem. I'm not sure if that
affected IE6 though.

By the way, aren't the hacks for IE4 and Netscape 4 a bit pointless in
this day and age? :)

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] viewing sites via AOL

2006-01-11 Thread Olly Hodgson 
On 11/01/06, Patrick Roane <[EMAIL PROTECTED]> wrote:
>
> Does anyone have AOL or is it pretty much the same as
> IE?

For the most part, AOL uses the currently installed version of IE as
it's rendering engine.

I think the Mac version is an exception, which uses an older version
of Gecko (Mozilla/Firefox's rendering engine) - although I may be
wrong on that point.

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Looking for Header, 2 columns, footer fixed at bottom of screen example?

2006-01-04 Thread Olly Hodgson 
On 05/01/06, Julian Voelcker <[EMAIL PROTECTED]> wrote:
>
> I'm looking for an example layout with a header, two columns and then a
> footer fixed at the bottom of the browser window.

Is this the sort of thing you're after?
http://steve.pugh.net/test/test57.html

Cheers,

--
Olly (just up the road in Cheltenham)
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] display: table-cell --- why?

2005-12-07 Thread Olly Hodgson 
On 07/12/05, Rimantas Liubertas <[EMAIL PROTECTED]> wrote:
>
> Of course, if you are dealing with tabular data then fiddling with
> divs does not make much sense.

Oh of course. If you're working with tabular data, use a table
element. It's common sense :)

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] display: table-cell --- why?

2005-12-07 Thread Olly Hodgson 
On 07/12/05, Rolf Mortenson <[EMAIL PROTECTED]> wrote:
>
> Like, why wouldn't you use a table instead of using divs that act
> like tables and table cells?

It's so that you can have all the advantages of a  style layout
(easy multi-column layouts, footers that clear all of the columns,
full-length backgrounds, etc), with all of the advantages of semantic
html (accessibility, SEO, degrading to small-screen / print devices,
etc).

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Flowable CSS Columns?

2005-11-14 Thread Olly Hodgson 
On 14/11/05, Rachell Coe <[EMAIL PROTECTED]> wrote:
>  I'm geekin out over this!!!  Using the javascript implementation, how
> widely is it supported?

Before you go too far down that route, I suggest that you check out


--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problems with DIV elements and position

2005-11-13 Thread Olly Hodgson 
On 13/11/05, Reynier Perez Mira <[EMAIL PROTECTED]> wrote:
>
> divRight divLeft
>divBelow

#divRight, #divLeft { width: 50%; float: left; }
#divBelow { clear: left; }

You might need to fiddle with the width to get IE to play nicely.

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] An IE problem

2005-09-26 Thread Olly Hodgson 
On 26/09/05, Christopher Harris <[EMAIL PROTECTED]> wrote:
> My problem:  the houses on the left side adjust to the screen, whereas the
> houses on the right stick out and do not conform to the screen constraints.
> To see what I mean, do the same thing in Firefox and compare the 2.  It
> should look fine.  Do I have to do the box model hack for IE6?

I *think* this is an instance of the IE Escaping Floats Bug, for which
an explanation and a fix can be found at  [1]

I hope that helps,

--
Olly
http://thinkdrastic.net/

[1] For full URI fans:

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to get a good monospaced font for IE6

2005-09-21 Thread Olly Hodgson 
On 21/09/05, Rick F. <[EMAIL PROTECTED]> wrote:

> I've got some reports that I generate that are tabular in nature and
> look fine in Firefox for both PC/Mac as well as Safari on Tiger (OSX).
> In reviewing how the output looks for IE6 on PC's I find that the font
> being used by that browser is proportional and all of my tabular data
> is all over the place horizontally speaking.

The simplest way I can think of would be to wrap the data in  or
 elements. Not perhaps the most semantic way of doing things,
but it'd be monospaced (unless you styled it otherwise) :)

--
Olly
http://thinkdrastic.net/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Submit Button Styling

2005-07-04 Thread Olly Hodgson 
On 7/4/05, Hershel Robinson <[EMAIL PROTECTED]> wrote:

> Anyone know why they render differently? And more importantly, how to
> get IE to match Firefox?

I've not yet figured out why, or a solution to it for that matter, but
in my experience IE6 always seems to add space at either end of the
button. The more text there is on the button, the more space it will
add.

This is really good for XP users because text-heavy buttons that use
the standard XP visual theme end up looking stretched and broken.

Sorry I can't be of more help.


Olly.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/