[css-d] Formatting ordered lists

2005-07-25 Thread Keith Bloom 
Hello,

Is anyone in possession of an explanation on how to style an ordered list?  

I'm trying to set a large font size for the number and a small size
for the copy in the list item with out using extra markup.

It is Monday and my searching powers don't kick in properly until
Wednesday so all help is greatly appreciated.

Regards, Keith.
__
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/

[css-d] Missing class assigments

2005-07-11 Thread Keith Bloom 
Hi,

Can someone let me know if I am going mad or not.

I have this but of CSS:

#content #article {
float: left;
}

#content #article.slim {
width: 395px;
margin-right: 5px;
}

#content #article.aus {
border: 1px solid #ff9922;
width: 150px;
}

and this piece of HTML

div id=content
 div id=article class=aus
  h2Embassy CES centres Australia / New Zealand /h2
  ul
lia href=#Brisbane/a/li
lia href=#Cairns/a/li
lia href=#Gold Coast /a/li
lia href=#Melbourne/a/li
lia href=#Perth/a/li
lia href=#Sydney/a/li
lia href=#Auckland/a/li
  /ul
  div class=furtherinfo
h1Further information:/h1
ul
lia href=#Meet some students /a/li
lia href=#Meet some staff/a/li
lia href=#Download or order a brochure/a/li
lia href=#Our fees/a/li
   /ul
 /div
/div

All is fine in Firefox, the article area is conscticted to 150px and
my test border appears.  In IE6 it doesn't have any effect.  Yet if I
move the CSS for #article.aus above #article.slim it works and my page
using the '.slim' stop working.

Here is a link:
http://195.184.252.10/reddot_static_demo/Locations_Australia.html

It is making me feel like my brain is melting so any help would be great.

Regards, Keith
__
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/

[css-d] IE6 floating help

2005-06-23 Thread Keith Bloom 
Hi there,

I'm developing a site and I've decided to go for broke and attempt to
make everything css and well formed.

The link: http://195.184.252.10/reddot_static_demo/Locations_UKbrighton_css.html

There are two problems at the moment and they both relate to floats. 
Next to the image of deck chairs there is a series of links.  In the
CSS this is in a separate div and floated right.  I view the page in
Firefox and the element is there, I view it in IE 6 and it isn't.  I
gave the holly hack a go but this didn't seem to do anything.  If I
tweak the size of the infoNav element it will display but then the
sizes are wrong.

The second problem is very similar.  The image in the content element
(e.g. The Centre) is a separate div floated to the right.  In IE it
displays above the content but is fine in Firefox.  Again I can tweak
the sizes and it displays OK.

Any help with this would be great and comments on how it has been
constructed are also appreciated.

Many thanks, Keith.
__
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] IE6 floating help

2005-06-23 Thread Keith Bloom 
Thanks Gunlaug, good comment about the ids. I'll be going over all the
elements and checking them. The text sizes is a difficult one as the
designers of the site have specified the pixel sizes. It's a long
story.

The infoNav fix worked but the number of links in the element is
variable.  Is there a simple way to get the element to hug the
baseline of the image?

Regards, Keith.

On 6/23/05, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
 Keith Bloom wrote:
  I'm developing a site and I've decided to go for broke and attempt to
   make everything css and well formed.
 
  The link:
  http://195.184.252.10/reddot_static_demo/Locations_UKbrighton_css.html
 
 
 CSS and well formed...
 
 - Change most of those IDs to classes, as IDs should only be used to
 address one, single, element in a page, while classes can be reused as
 often as you like.
 
 - Try to avoid font-sizes/line-heights in pixels. Use relative units -
 percentages, ems - and test across browser-land.
 Pixel-defined font-sizes/line-heights usually breaks badly when
 overridden i IE/win - and so does your page.
 
  There are two problems at the moment and they both relate to floats.
  Next to the image of deck chairs there is a series of links.  In the
  CSS this is in a separate div and floated right.  I view the page in
  Firefox and the element is there, I view it in IE 6 and it isn't.  I
  gave the holly hack a go but this didn't seem to do anything.  If I
  tweak the size of the infoNav element it will display but then the
  sizes are wrong.
 
 Quick and dirty:
 #infoNav {_position: relative; _margin-top: -65px;}
 
  The second problem is very similar.  The image in the content element
   (e.g. The Centre) is a separate div floated to the right.  In IE
  it displays above the content but is fine in Firefox.  Again I can
  tweak the sizes and it displays OK.
 
 2: Fix IE/win by using a negative back-side margin on the image-floats:
 #liimage {margin-left: -3px; /* or larger negative value */}
 ...which should really be written as class:
 .liimage {margin-left: -3px; /* or larger negative value */}
 
 regards
 Georg
 --
 http://www.gunlaug.no

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