[css-d] Positioning & Margins Problem

[[EMAIL PROTECTED]]

Hi,

This may have been discussed several times so please forgive me its  
not new...

Here is the code from the  situation:
(header code)

.body {
margin: 0 auto;
text-align:center;
}

.wrapper {
width:950px;
height:800px;
margin:10px;
text-align left;
}

So far so good.  My page is now centered and contained.
Now, here is where I run into problems:
First the code:

.header-container {
position:relative;
top:0;
left:0;
width:950px;
height:150px;
}

.logo {
position:absolute;
top:5px;
left:5px;
width:150px;
height;100px;
}

.billboard {
position: absolute;
top: 5px;
left: 155px;
width:750px;
height:150px;
text-align:center;
}
...

The resulting XHTML:





LOGO IMAGE HERE
BILLBOARD CONTENT HERE 





..

So, as you can see, it's a header with explicitly positioned  
elements.  The problem I run into is that every  time I try to put in  
"billboard", I have to give it a huge negative margin.

Why is this?  What am I doing wrong?

Also, how would this rule apply when you want to position a  
container, which will have its own positioned child elements?

Thanks for your help!
DC






__
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] Feedback needed for Drop-Down Menu

[francky]

THOMAS ROGERS wrote:
> Thanks Francky,
>
> I changed it, but it made no difference?
>
> Tom  
>
> -Original Message-
> Yes, typo.  ;-)
> Link is:  http://www.ncmhcsc.org/menu/csshover.htc
> must be:  http://www.ncmhcso.org/menu/csshover.htc
>   
Hi Tom,
Ah, then more investigations are needed...
But you're a step forwards: now the first sublists are working @hover in 
IE6 under WinXP. :-)

To get the li li ul's working, I think you should have a look at Peter 
Nederlof's site.

http://www.xs4all.nl/~peterned/csshover.html


I see he has an updated version of the htc-file. Also see his notes, 
especially #1:

"Changes (updated: february 06, 2006)
NOTE 1: The rules for HTCs have changed a bit in Windows XP SP2.
Users with SP2 installed may not see it working correctly, because
webservers have to send htc files with the mime-type set to
text/x-component. For more info on this, check Aldo's blog."

If visited the response headers of your htc-file (FF webdevelopers 
toolbar > Information > View Response Headers), the result is telling: 
"Content-Type: text/plain".
I'm not used to configure servers, and this is moving out of :focus css. 
Maybe somebody can help you offlist, if you can't manage.

Back to css!
The positioning of the lists is wrong though, but that sounds as "normal 
IE css troubles". If you turn on (tmp) the hover state in the css, you 
can easy see what is going wrong (and easy change); then with some IE 
bug hunting IE should have to perform better, I hope.

Success,
francky



__
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] Nav bar position incorrect in IE

[david]

~davidLaakso wrote:
> David Roberts wrote:
>> I added the search engine after I had checked the page so it is  
>> correct now.
>>
>> I don't see what is wrong with this
>>
>> http://www.education.ea.argyll- 
>> bute.sch.uk/" title ="Argll & Bute Education Services">Argyll  
>> & Bute
>>
>> which is line 40
>> Line 40
>> Column 74
>> Element type "a" must be followed by either attribute specifications,  
>> ">" or "/>".
> 
> Dunno. Your markup  is valid on 
> this end. Needless to say, I am having a bad night. Are you attempting 
> to validate the CSS from the FF Web Developer Toolbar?
>  
> Try to validate the CSS using uri: 
> 
> Or by local file upload, or by direct input with the w3c validation service.

CSS Validater reports numerous errors and warnings:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.campbeltowngrammar.org.uk%2Fmainschool.css&warning=1&profile=css21&usermedium=all

In the XHTML, I notice your mainnav navbar has a number of 
inconsistencies. Some lines have 'title ="Return to"', others have 
'title = "Return to"'. Two list items in your second navbar section have 
no space between the closing quotemark of the href value and the 
following title. I don't know if any of that has an impact on things, 
but computers can be pretty dumb, but the line that the CSS validator 
complains about is one of those lines.

In the "Our vision is that:" section, you have "class=" on the UL, then 
"class = ", "class =  " on the list items. Again, don't know if that 
makes a difference ... but consistency might help.

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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] Nav bar position incorrect in IE

[~davidLaakso]

David Roberts wrote:
> I added the search engine after I had checked the page so it is  
> correct now.
>
> I don't see what is wrong with this
>
> http://www.education.ea.argyll- 
> bute.sch.uk/" title ="Argll & Bute Education Services">Argyll  
> & Bute
>
> which is line 40
> Line 40
> Column 74
> Element type "a" must be followed by either attribute specifications,  
> ">" or "/>".
>
>   


Dunno. Your markup  is valid on 
this end. Needless to say, I am having a bad night. Are you attempting 
to validate the CSS from the FF Web Developer Toolbar?
 
Try to validate the CSS using uri: 

Or by local file upload, or by direct input with the w3c validation service.

Regards,

~dL










__
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] Nav bar position incorrect in IE

[David Roberts]

I added the search engine after I had checked the page so it is  
correct now.

I don't see what is wrong with this

http://www.education.ea.argyll- 
bute.sch.uk/" title ="Argll & Bute Education Services">Argyll  
& Bute

which is line 40
Line 40
Column 74
Element type "a" must be followed by either attribute specifications,  
">" or "/>".


On 17 Mar 2007, at 00:59, ~davidLaakso wrote:

> David Roberts wrote:
>> I have been batting with this problem for some time and have been   
>> unable to fix it.
>>
>
>
> Same as last time. And the time before that.
>
> /Start/ with behavior modification.
>
> Valdate the markup:
> 
> Validate the CSS:
> 
>
> Bring it back. Someone will help you.
>
>
> Best,
>
> ~dL
>
>
>
>
>
>
>
>
>
>> The nav bar plus the whole 'top' section is lower in IE than FF  
>> and  other browsers that I have checked on this site.
>>
>> The URL is http://www.campbeltowngrammar.org.uk/
>>
>> The first links plus the search box are supposed to sit in the  
>> centre  of the top blue pane.
>>
>> The crest, name of school and next 3 links are to sit in the  
>> centre  of the main blue pane and there is then a small space and  
>> the main  nav bar.
>>
>> I have checked the code and it is ok, the other browsers that I  
>> have  checked it in are Camino, Firefox, Opera and Safari on a Mac  
>> all OK.
>>
>> It is only IE 6 on a PC that it is not working. I don't have  
>> access  to v7.0.
>>
>> Thanks
>>
>> David
>>
>>
>>



__
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] Saving pages to disc for editing?

[David Hucklesby]

> Daniel Beardsmore wrote:
>> I can't believe that no-one on this list has a tried and tested way to edit 
>> people's
>> CSS.
>>
Gunlaug Sørtun replied:
>
> Me neither :-)
>
> FWIW: I always use Opera -> save as -> HTML files with images. Haven't lost a
> stylesheet yet - other than those that are CCed for IE/win and they are easy 
> to
> download and plug in separately.
>
> Then I simply open the stylesheets in a text-editor, or simply override the 
> relevant
> parts in the page head in an (X)HTML editor.
>
Me too. But the Firefox extension looks like a winner.

You can also edit any part of a web page from the cache in Opera, then
choose :
Tools > Advanced > Reload from cache

The built-in Tools > Advanced > Error console
is great for flagging, well, errors.

Cordially,
David
--
www.hucklesby.com



__
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] Nav bar position incorrect in IE

[~davidLaakso]

David Roberts wrote:
> I have been batting with this problem for some time and have been  
> unable to fix it.
>   


Same as last time. And the time before that.

/Start/ with behavior modification.

Valdate the markup:

Validate the CSS:


Bring it back. Someone will help you.


Best,

~dL









> The nav bar plus the whole 'top' section is lower in IE than FF and  
> other browsers that I have checked on this site.
>
> The URL is http://www.campbeltowngrammar.org.uk/
>
> The first links plus the search box are supposed to sit in the centre  
> of the top blue pane.
>
> The crest, name of school and next 3 links are to sit in the centre  
> of the main blue pane and there is then a small space and the main  
> nav bar.
>
> I have checked the code and it is ok, the other browsers that I have  
> checked it in are Camino, Firefox, Opera and Safari on a Mac all OK.
>
> It is only IE 6 on a PC that it is not working. I don't have access  
> to v7.0.
>
> Thanks
>
> David
>
>
>
> __
> 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/
>
>   


-- 
http://chelseacreekstudio.com/

__
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] Feedback needed for Drop-Down Menu

[THOMAS ROGERS]

Thanks Francky,

I changed it, but it made no difference?

Tom  

-Original Message-
From: francky [mailto:[EMAIL PROTECTED] 
Sent: Friday, March 16, 2007 8:05 PM
To: Tom Rogers
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Feedback needed for Drop-Down Menu

Yes, typo.  ;-)

Link is:  http://www.ncmhcsc.org/menu/csshover.htc

must be:  http://www.ncmhcso.org/menu/csshover.htc


Success,
francky

__
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] Feedback needed for Drop-Down Menu

[francky]

Yes, typo.  ;-)

Link is:  http://www.ncmhcsc.org/menu/csshover.htc

must be:  http://www.ncmhcso.org/menu/csshover.htc


Success,
francky
__
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] Feedback needed for Drop-Down Menu

[francky]

Tom Rogers wrote:
> [...] 
> I've got it looking pretty much the way I would like it -
> http://www.ncmhcso.org/sperling/test2.htm, but again I can't seem to get it
> to function in IE6 on the pc.  There must be some setting that I changed,
> because it's pretty much the same thing that Tedd has in his example which
> does work in IE6.
Hi Tom,
It seems that the csshover.htc file is not in the path: 
"http://www.ncmhcsc.org/menu/csshover.htc"; > 404!

Greetings,
francky
__
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] Saving pages to disc for editing?

[francky]

Barney Carroll wrote:
>
> CSSfly looks like a lot of fun - the ability to edit the xhtml is an 
> incredible tool. Until now I've always used Firefox's Web Developer 
> toolbar extension , which is 
> absolutely fantastic. In a similar way it allows you to view the CSS 
> files in tabs, and edit them - with on-the-fly refreshing of the edited 
> styles.
> [...]
>   
btw:
In version 1.1.3 of Chris Pederick's Webdeveloper also an "edit html" 
option is added (toolbar > Miscellaneous > Edit Html), though it has 
some limitations [1]
The css edit sidebar and the html edit sidebar can be used 
simultaneously! :-)

Greetings,
francky

[1]
Only the html inside the  tag is aboard, which means:
(a) nothing in the  can be changed on the fly, and
(b) an ID or class of the  element itself (if any) cannot be 
changed either.

PS:
A downloaded source code with added http://www.faraway.com/directory/root of page .../" /> is 
taking also most of the needed ingredients. Again CC links to give 
source by hand, and sometimes a javascript link.



__
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] Feedback needed for Drop-Down Menu

[Tom Rogers]

In a posting here earlier this week David Laakso at Chelsea Creek Studio
(http://chelseacreekstudio.com/) recommended checking out the horizontal
menu by Tedd Sterling at http://sperling.com/examples/menuh/.  I've tried
this method before at other sites but always came away confused, or with a
menu that just didn't work, but found this one to explain it in a way that I
could follow.  

 

I've got it looking pretty much the way I would like it -
http://www.ncmhcso.org/sperling/test2.htm, but again I can't seem to get it
to function in IE6 on the pc.  There must be some setting that I changed,
because it's pretty much the same thing that Tedd has in his example which
does work in IE6.  

 

There's a bit of code in the head section that is specific to working with
IE which includes reference to this special file called csshover.htc - 

  @import url("menuh.css");



 

The part that refers to the csshover file is written by Tedd as
body{behavior:url(csshover.htc); font-size:100%;}.  I'm pretty sure it works
as I've written it, but would appreciate any suggestions.

 

My first goal it to get it to work properly in as many browsers as possible,
and then I can work on how it's positioned on the page.  It's currently off
center and there's too much green under the menu.  I'd also like there to be
some space between each block, stuff like that.

 

Thanks in advance for your feedback!

 

Tom Rogers

Tom Rogers Web Design

 

PS.  For your entertainment, I've included below some of what I've been
through to get here.  By the way, I think that if any bright developer were
able to create a menu tool that creates accessible menus that is actually
easy to use, they could do pretty well.

 

Back in December I casually agreed to create a drop down menu for my client,
and told them I'd charge for 4 hours plus the cost of software.  Little did
I realize it would take me months to get it figured out :(  

 

I've tried more "solutions" and menu programs than you can shake a stick at.
The first menu tool I used was the DHTML menu tool by Sothink, which worked
great, but I quickly learned that with JavaScript turned off, it was
useless.  As my client in part represents the disabled, I just couldn't see
using it.  

 

I spend a lot of time trying to get a menu using Open Cubes Infinite Menu
tool.  Open Cube seems to be melting down as we speak.  They have a great
product, but there is very little in the way of instructions for such a
powerful tool, and they currently have one very talented but overworked guy
doing all the support.  To make matters worse, they removed their forum, so
if you can't figure it out on your own, you have big trouble.  I created a
pretty good menu http://www.ncmhcso.org/indextest4.htm but had to give up
because I couldn't get it to work with IE6 and IE6 on a Mac.  

 

Tom

 

__
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] Nav bar position incorrect in IE

[David Roberts]

Hi

I have been batting with this problem for some time and have been  
unable to fix it.

The nav bar plus the whole 'top' section is lower in IE than FF and  
other browsers that I have checked on this site.

The URL is http://www.campbeltowngrammar.org.uk/

The first links plus the search box are supposed to sit in the centre  
of the top blue pane.

The crest, name of school and next 3 links are to sit in the centre  
of the main blue pane and there is then a small space and the main  
nav bar.

I have checked the code and it is ok, the other browsers that I have  
checked it in are Camino, Firefox, Opera and Safari on a Mac all OK.

It is only IE 6 on a PC that it is not working. I don't have access  
to v7.0.

Thanks

David



__
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] descendant selectors

[Donna Jones]

Hi John:

> I would have guessed this is the way to go about it.  Maybe you can give
> the   a class and then assign it a background-image ?  Although, I'm not
> sure that's the best route.

you know what, i shouldn't have written the question to begin with, just 
moving too fast (or faster than my brain or something like that).

i had "commented out" some of the css, made a separate page and that's 
why i wasn't seeing it in IE7 and 6!

so  you're right, it was right to begin with.

cheers
Donna

> 
> On 3/16/07, Donna Jones <[EMAIL PROTECTED]> wrote:
> 
>>hi all, i, and a couple of friends, are trying to figure out a
>>"descentant selector" issue.
>>
>>say you have this in the css:
>>
>>#content li a img {border: 2px solid green;}
>>
>>your html is
>>
>>some words
>>
>>
>>with Firefox the image is styled.  With IE7 or 6 it is not.  I am leary
>>about the "logic" and it doesn't seem to me like "a" should be able to
>>have a "img" child in that context BUT firefox is reading it, so makes
>>me wonder.  But, then why is IE not reading it.  I wouldn't think it
>>would be "too advanced" for IE.
>>
>>thanks very much,
>>Donna
>>
>>
>>
>>--
>>Donna Jones
>>Portland, Maine
>>207 772 0266
>>www.westendwebs.com
>>
>>i'm participating in ShutdownDay on March 24, Saturday,
>>http://shutdownday.org/
>>__
>>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-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/
> 
> 

-- 
Donna Jones
Portland, Maine
207 772 0266
www.westendwebs.com

i'm participating in ShutdownDay on March 24, Saturday, 
http://shutdownday.org/
__
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] descendant selectors

[John Lauck]

I would have guessed this is the way to go about it.  Maybe you can give
the   a class and then assign it a background-image ?  Although, I'm not
sure that's the best route.

On 3/16/07, Donna Jones <[EMAIL PROTECTED]> wrote:
>
> hi all, i, and a couple of friends, are trying to figure out a
> "descentant selector" issue.
>
> say you have this in the css:
>
> #content li a img {border: 2px solid green;}
>
> your html is
> 
> some words
> 
>
> with Firefox the image is styled.  With IE7 or 6 it is not.  I am leary
> about the "logic" and it doesn't seem to me like "a" should be able to
> have a "img" child in that context BUT firefox is reading it, so makes
> me wonder.  But, then why is IE not reading it.  I wouldn't think it
> would be "too advanced" for IE.
>
> thanks very much,
> Donna
>
>
>
> --
> Donna Jones
> Portland, Maine
> 207 772 0266
> www.westendwebs.com
>
> i'm participating in ShutdownDay on March 24, Saturday,
> http://shutdownday.org/
> __
> 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-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] descendant selectors

[Donna Jones]

hi all, i, and a couple of friends, are trying to figure out a 
"descentant selector" issue.

say you have this in the css:

#content li a img {border: 2px solid green;}

your html is

some words


with Firefox the image is styled.  With IE7 or 6 it is not.  I am leary 
about the "logic" and it doesn't seem to me like "a" should be able to 
have a "img" child in that context BUT firefox is reading it, so makes 
me wonder.  But, then why is IE not reading it.  I wouldn't think it 
would be "too advanced" for IE.

thanks very much,
Donna



-- 
Donna Jones
Portland, Maine
207 772 0266
www.westendwebs.com

i'm participating in ShutdownDay on March 24, Saturday, 
http://shutdownday.org/
__
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] IE 7 Navigation List Trouble

[Glenn E. Lanier, II]

> From: ~davidLaakso
> Sent: Thursday, March 15, 2007 9:39 PM
> > [2] http://www.jsuonline.com/online_degrees.php

> On my end (XP), I get the problem in both IE6.0 and IE7.0.
> On a local file I changed this:
> Select an online degree program below, 
> or by using 
> the menu to the left, for additional information.
> To:
> Select an online degree program below, or by using 
> the menu 
> to the left, for additional information.
> That is to say the line is bold and Roman (no italics).
> This /seemed/ to resolve the issue. So I am assuming that one 
> could use 
> this same fast and dirty half-fix; or, investigate a "real solution."
> And I am assuming, again, that it may be a spin of the "IE italic bug 
> (?)" -- see: 
> 

~dL,

You're right on the money. Thanks for the PIE link. After altering the live
page to only be bold, I created a test page and set the width on the
.pStrongEm to 99% and problem is solved. Thanks for the quick and on-target
response!

--G

__
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 based horizontal navigation with horizontal sublayers

[Gaspar]

Assistance for ie6 for he get hover in li



startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("industry");
for (i=0; i

Re: [css-d] Saving pages to disc for editing?

[Gunlaug Sørtun]

Daniel Beardsmore wrote:
> I can't believe that no-one on this list has a tried and tested way 
> to edit people's CSS.

Me neither :-)

FWIW: I always use Opera -> save as -> HTML files with images.
Haven't lost a stylesheet yet - other than those that are CCed for
IE/win and they are easy to download and plug in separately.

Then I simply open the stylesheets in a text-editor, or simply override
the relevant parts in the page head in an (X)HTML editor.

All browsers I can lay my hands on (win and Mac) will treat the local
page-copy just fine, so cross-browser testing is just a small number of
mouse-clicks away.

regards
Georg
-- 
http://www.gunlaug.no
__
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] IE 7 Margin and Menu Problems

[Gunlaug Sørtun]

Martin Davis wrote:
> I don't know why, but IE 7 seems to be giving me some strange 
> margin/padding issues. The logo at the top is split into three images
>  spread into three different divs that should have no space in 
> between the two. Can't figure out IE 7 is adding space. Also, someone
>  with IE 6 want to check it out and tell me how the site looks?

The correct solution is to keep the image in one piece, and use absolute
positioning of floating to lay it on top of all 3 containers. Nothing
will break then.

The reason it _does_ break up is the usual - that images are
inline-elements by default and space for text-descenders is created.
IE/win doesn't do the "almost standard" trick with a Transitional
doctype that most other browsers perform on free-standing images.

So, the following addition will work as the image is included now...

#header img {display: block;}
#headerfooter {height: 28px; overflow: hidden;}

...and IE6 is fine with that too.

> Also, the menu in IE 7 is such that the active link doesn't show up 
> unless you hover over it. Any ideas why?

> One last question, I would like the menu items to take up the width 
> of their red background so that you don't have to hover over just the
>  text. Any way to do that? That way the background is white for the 
> current link and blends into the page better.

Adding the following after all existing menu styles will solve those
problems...

#nav {overflow-x: hidden;}
#nav ul a {display: block;}
#nav ul li a.active {color: #000; background: #fff;}

...but _only_ if you correct the source-code. A li can't go inside an
anchor, and an anchor can't go inside an ul without being enclosed in a
li. What you have now is garbage-code - also known as tag-soup.

This is what that "active" should look like...

Home

...if you want a link there at all. If it isn't supposed to work as a
link, then the anchor should be omitted and the class moved onto the li.


The other source-code errors should also be corrected...



> http://ucdchi.com/dev/UCDChi-Dev.html

regards
Georg
-- 
http://www.gunlaug.no
__
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 - My Simple Layout

[GPL]

I recently converted a website I use  from tables to CSS to improve the code
mess that was on the page and try to get it more search engine friendly.
Actually I have just the template done and will begin a change over as soon
as I get a few checks and recommendations.

http://www.lemosnet.com/work/css.html is the layout, I had to use graphics
for the links due to keeping a look and feel straight.

Please let me know if it does not turn out OK on your side and any
recommendations.

THANK YOU
__
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] Saving pages to disc for editing?

[Barney Carroll]

Austin Harris wrote:
>> I can't believe that no-one on this list has a tried and tested way to
>> edit 
>> people's CSS.
> 
> I generally don't because I don't have the time due to job / family etc.
> 
> I would be interested in seeing if anyone comes up with anything though.

CSSfly looks like a lot of fun - the ability to edit the xhtml is an 
incredible tool. Until now I've always used Firefox's Web Developer 
toolbar extension [https://addons.mozilla.org/firefox/60/], which is 
absolutely fantastic. In a similar way it allows you to view the CSS 
files in tabs, and edit them - with on-the-fly refreshing of the edited 
styles.

It can lead to bad practice if you get too lazy, but in terms of being 
able to tweak existing complex CSS, it's invaluable - incredibly quick 
and easy. However I must add that it can make Firefox erratic if you get 
too deep into it. When you're doing a lot of work with it you may want 
to occasionally restart Firefox to stop various bizarre glitches sticking.


Regards,
Barney
__
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] Saving pages to disc for editing?

[John Lauck]

You mean like the Firefox Web Developer extension
https://addons.mozilla.org/firefox/60/ ?

On 3/16/07, Austin Harris <[EMAIL PROTECTED]> wrote:
>
> > I can't believe that no-one on this list has a tried and tested way to
> > edit
> > people's CSS.
>
> I generally don't because I don't have the time due to job / family etc.
>
> I would be interested in seeing if anyone comes up with anything though.
>
> __
> 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-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] Saving pages to disc for editing?

[Austin Harris]

> I can't believe that no-one on this list has a tried and tested way to
> edit 
> people's CSS.

I generally don't because I don't have the time due to job / family etc.

I would be interested in seeing if anyone comes up with anything though.

__
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] ie6 float around issue

[Brian Cummiskey]

Hi guys,

have a small problem in ie6 with a paragraph tag clearing a float when 
it shouldn't.

FF and IE7 display it properly.

http://tinyurl.com/26yb7t
**

In ie6, the text block starts under the ad block on the right instead of 
next to it, and later wrapping under it.

Any ideas?
__
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] Saving pages to disc for editing?

[Daniel Beardsmore]

Rick den Haan wrote:
> I haven't tried this myself, but a quick search on mozilla's Firefox Add-ons
> page delivered something that sounds like what you're looking for.
> 
> 

Wonderful!

That's perfect =) Thanks.

Yeah, I should have realised that someone might have patched Firefox with an
extension to correct this.


I just realised: the bug in Martin's code that makes the Home link vanish in 
Opera/IE, remains present when the page is saved with this extension (Opera's 
saved CSS fixed the problem, making it impossible to correct it!)


I think this extension is going on my Recommended list -- not just for CSS work 
on this list but in general.
__
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] Saving pages to disc for editing?

[Daniel Beardsmore]

Austin Harris wrote:
>> Yes I know I can do this, but that's slow and tedious: I'd have to do
>> this for 
>> every single JS file, CSS file, foreground *AND* background image, one
>> by one. 
>> Then I'd have to alter every single file one by one to cater for
>> having 
>> rearranged all the files into a single folder, or recreate the file
>> structure on 
>> disc. All domain and root relative URLs must be altered regardless.
>>
>> That would be stupid.
>>
> 
> Fair enough, when I am playing about with others pages I use firebug or 
> cssfly .
> 
> Then just copy & paste what you have changed.

...?

You've tried using this to test pages in IE 6, right?

Open CSSFly, and put in Martin's Delta Chi page: 
http://ucdchi.com/dev/UCDChi-Dev.html

Half the stylesheets aren't recognised (due to "url()") and the UI is nearly 
unusable in IE.

Having a copy of a page on disc means I can view changes in any and all browers 
at once.

I can't believe that no-one on this list has a tried and tested way to edit 
people's CSS.
__
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] Saving pages to disc for editing?

[Rick den Haan]

Daniel Beardsmore wrote:
> Anyone got a good way of saving pages to disc for editing? That is, when
we
> want to work on someone's page to correct problems.

I haven't tried this myself, but a quick search on mozilla's Firefox Add-ons
page delivered something that sounds like what you're looking for.



HTH,
Rick.

__
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] Saving pages to disc for editing?

[John Lauck]

I would check out a web crawler/spider app.

There's a list of open source java crawlers and spiders available here:
http://www.manageability.org/blog/stuff/open-source-web-crawlers-java/view

I'm not sure of how they handle css and images etc but I'm sure there's one
that does so.  I remember using j-spider and Heritrix for a project I worked
on several months ago.  If I remember correctly j-spider was the simplest.

-

John

On 3/16/07, Daniel Beardsmore <[EMAIL PROTECTED]> wrote:
>
> Anyone got a good way of saving pages to disc for editing? That is, when
> we want
> to work on someone's page to correct problems.
>
> I'm trying to save a copy of the Delta Chi page to edit it, in Windows
> 2000, and
> all I get is:
>
> * IE 6 -- saves 66% of the page, complains that it can't save it, and
> wipes out
>everything saved so far.
>
> * Firefox 2 -- abominable effort: it won't save anything referenced by
> url(),
>such as background images and @imported CSS. This is a plague.
>
> * Opera 9 -- copes with url() but renames all the files to suit itself. In
> the
>case of the Delta Chi page, the saved copy looks weird when re-opened,
> so
>clearly Opera broke something in the process.
>
> Surely it cannot be that hard to just save a freaking Web page?
>
> __
> 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-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] Saving pages to disc for editing?

[Daniel Beardsmore]

Austin Harris wrote:
> View source > copy > paste ?
> 
> Then do the same for the style sheets.

Yes I know I can do this, but that's slow and tedious: I'd have to do this for 
every single JS file, CSS file, foreground *AND* background image, one by one. 
Then I'd have to alter every single file one by one to cater for having 
rearranged all the files into a single folder, or recreate the file structure 
on 
disc. All domain and root relative URLs must be altered regardless.

That would be stupid.

Most browsers have a mechanism for saving an intact copy of a page, complete 
with all files, but all those I have in Windows are broken. IE appears to be 
the 
best, but chokes on 404s (Martin's page had two missing stylesheets), Firefox 
has no clue what the frak url() means when saving pages, and Opera doesn't 
understand how to adjust url() values -- when rewriting the HTML and CSS it 
screws up all the url() URIs so that they won't resolve at runtime (such as 
having mypage_files/style.css reference "url(mypage_files/foo.png)" which as 
you 
know, won't resolve: the image URL is in the same folder as the CSS).

> If you are doing this on the legit can't they just give you the files?

Because everyone on this list posts their test pages on the Web, without a zip 
file. They, too, would have to rebuild all the files to work from a convenient 
location on your hard drive without any domain or root relative URIs or deep 
folder structure.

> You have no idea what includes are what and where scripts are etc.

I may not know without a lot of digging, but the BROWSER knows. The page, and 
all CSS and JavaScript files, are OPEN in the browser. It knows, but I want a 
copy saved, to my hard drive, as it sees them.

I think IE is the only program so far to do it right, as long as there are no 
404s. For Martin's Delta Chi page, I've saved it in both Opera and Firefox, 
renamed the files and merged the two folders of files, and corrected all of 
Opera's broken CSS edits. Now I have a working copy. Trouble is, one of the 
flaws of the page within IE went away when I did that. Oops. "Works for me!"
__
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] IE 7 Margin and Menu Problems

[Daniel Beardsmore]

Martin Davis wrote:
> Hey guys,
> 
> I don't know why, but IE 7 seems to be giving me some strange
> margin/padding issues. The logo at the top is split into three images
> spread into three different divs that should have no space in between
> the two. Can't figure out IE 7 is adding space. Also, someone with IE
> 6 want to check it out and tell me how the site looks?

I can reproduce all problems in IE 6, and some in Opera 9.

However, when saving the page, ie.css and thickbox.css come up as 404s, so this 
might be an issue.
__
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] List item markers in different colour using pure CSS?

[Barney Carroll]

Daniel Beardsmore wrote:
> See, the indentation no longer works when you do this. Normally, the 
> bullets and the text sit in two separate virtual columns:
> 
>  1. This is some text that will wrap onto
> a new line
>  2. Here is another bullet
> 
> but this technique causes the text to wrap underneath the marker:
> 
>  1. This is some text that will wrap onto
>  a new line
>  2. Here is another bullet
> 
> Is there a way to correct this? So far, I can't find anything that works.

Nothing full-proof, or as elegant, that I can think of...

li {padding-left: 1.5em;}

li:before {
content: counter(list) ". ";
counter-increment: list;
color: #F00;
display: inline;
left: -1.5em;
width: 1.5em;}


Regards,
Barney
__
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] Saving pages to disc for editing?

[Daniel Beardsmore]

Anyone got a good way of saving pages to disc for editing? That is, when we 
want 
to work on someone's page to correct problems.

I'm trying to save a copy of the Delta Chi page to edit it, in Windows 2000, 
and 
all I get is:

* IE 6 -- saves 66% of the page, complains that it can't save it, and wipes out
   everything saved so far.

* Firefox 2 -- abominable effort: it won't save anything referenced by url(),
   such as background images and @imported CSS. This is a plague.

* Opera 9 -- copes with url() but renames all the files to suit itself. In the
   case of the Delta Chi page, the saved copy looks weird when re-opened, so
   clearly Opera broke something in the process.

Surely it cannot be that hard to just save a freaking Web page?

__
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] tag

[Jukka K. Korpela]

On Fri, 16 Mar 2007, Bradley Wright wrote:

>> .form html br{--}
>
> Others have answered the original question already, but just wanted
> to add that the above CSS selector will never work unless you have
> the following HTML:
>
> 
>
>   
>
> 

Oops, I missed that problem - but your explanation isn't quite accurate 
either. The selector ".form" does not match a ... element 
but any element with class="form".

The "html" part is surely extraneous here.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
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] tag

[kdavis]

> I totally agree, I haven't used  tags for a couple of years myself,\

Jim- I'm wanting to get away from using  tags too and would be very
interested to know what you do in place of using the  tag! karen davis
__
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] tag

[Bradley Wright]

On 16 Mar 2007, at 12:31, <[EMAIL PROTECTED]>  
<[EMAIL PROTECTED]> wrote:
> .form html br{--}

Others have answered the original question already, but just wanted  
to add that the above CSS selector will never work unless you have  
the following HTML:



   





__
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] tag

[James Leslie]

> The line-height of the containing element ( for example) will be 
> the thing you are wanting to adjust to change that spacing.

Or maybe padding or margin, as suggested in another reply. Setting
line-height for a paragraph affects _all_ lines, so it would be somewhat
problematic here. Anyway, some container element is usually needed for
setting the spacing, and often it is best to replace, say,

foobar

by two div elements:

foo bar

because then you can just concentrate on setting a bottom margin or a
top margin and not worry about any .
---

I totally agree, I haven't used  tags for a couple of years myself,
but as a css solution that doesn't involve changing markup, line-height
should do the trick.
The line-height affecting all paragraphs including the  would surely
be the desired effect for a line break though I think, otherwise it is
not a 'line break' but a distinct paragraph and should be coded as such.

James
__
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] evenly spaced inline items

[John Lauck]

I tried using unordered lists but I can't set the width of the ul and make
in inline to remove the break at the end.  I've resorted to using tables,
but something doesn't sit well in that solution.

On 3/15/07, jeffrey morin <[EMAIL PROTECTED]> wrote:
>
>
>
> On 3/15/07, John Lauck <[EMAIL PROTECTED]> wrote:
> >
> > Is it possible to create a an evenly spaced and sized set of inline
> > items
> > that spanned across a page (but within a single a table row)?
> >
> > I would like to structure something like this:
> >
> > 
> > 
> > | content | content | content| content| content| content|
> > | content| content|
> > content|
> > 
> > 
> >
> > So the |content| pieces are generic and encapsulated by a .  I've tried
> > using an assortment of divs, tables, spans and ul's but nothing is
> > giving me
> > the data layout I have in mind.
> >
> > Are tables the best way to go about this?
>
>
>  if i get what you're saying here then couldn't you just use an
> unordered list and use margins to set the spacing? it will of course vary
> for every different length item you put in there though. i hope that helps
> somewhat.
>
>
>
__
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] tag

[Jukka K. Korpela]

On Fri, 16 Mar 2007, James Leslie wrote:

>> Anyway to set the {height} element on the  tag?
>>
>> I've tried the following:
>>
>> .form html br{--}
>>
>> .form br {--}
>
> The line-height of the containing element ( for example) will be the
> thing you are wanting to adjust to change that spacing.

Or maybe padding or margin, as suggested in another reply. Setting 
line-height for a paragraph affects _all_ lines, so it would be somewhat 
problematic here. Anyway, some container element is usually needed 
for setting the spacing, and often it is best to replace, say,

foobar

by two div elements:

foo bar

because then you can just concentrate on setting a bottom margin or a top 
margin and not worry about any .

> The  just
> causes the text to break to the next line before wrapping onto it.

Technically, we could set
br { display: block; height: 2em; }
but that does not work in practice. At least IE seems to implement  in 
a special way that is immune to CSS (except that display: none removes its 
effect)

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

__
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] IE6 Horizontal Menu - Last Item

[Jehangir Larry]

Please see the horizontal menu  at www.teerthyatri.com in IE6. All others 
are fine :-)
As such, it looks/behaves fine even here.
But if the last 2 menu items - Contact and Services - are interchanged, so 
as to make Contact the very last menu item, IE6 goes crazy. Contact now 
becomes a bare 'list-item-with-bullet' - no dressing! Why?

It is also not as if the presence of sub-items will remedy this.
Even if some nested lists are added under Contact the problem persists.
But interchange positions with Services and --presto its OK!
Services kept as last item has no such problems that Contact does and is 
fine.

I have no hassles leaving it as such but was wondering if there is an 
explanation/solution.
BTW, Home and Maps are also without any nested items but seem to be doing 
fine.
What gives with Contact ?

Also, please remember that IE6 renders in quirks mode because of the xml 
declaration.
I have tried both flavors, just to see, no avail.

Many thanks and regards.

_j[_arry

__
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] placing problem

[Gunlaug Sørtun]

ozhan lion wrote:
> I am trying to position my placeholder for my images on the right 
> side as you can see in this link but it's really giving me creeps.

> http://share.klaweht.com/temp/first.html

A float must be placed before any non-floating content (text in your
case) that shall surround it.
See demo-page below.

> I am newbie about using CSS for layout so please bear with me!

That's the idea here on css-d :-)

> I am open to all feedback about my css file, what should I be 
> avoiding and what should be doing etc.

Some tips:
1: make sure your source-code ((X)HTML) are as uncluttered as possible.
If elements are unnecessary - delete them. Styling a cluttered page is hard.

2: make sure you do some quality-control on the source-code ((X)HTML)
before trying to solve problems through the CSS file - i.e. validate
your source-code first. The CSS validator will also choke on non-valid
source-code when you present it as XHTML pages, and going through CSS
validation is also part of a good quality-control.

3: use headlines sensibly and avoid "cheating" by styling other elements
to look like headlines. Headlines have a purpose even when unstyled, so
they should be used whenever a headline is needed.
Good practice is to use only one, single, H1 in a page - as the main
headline, and distribute the others - H2, H3, H4, H5 - sensibly as to
reveal the importance-level of each headline in a page. Easier to style
too, as the demo-page shows.

4: if you can do without the HR element - don't use it. HR is a bit hard
to style reliable across browser-land, and in most cases it isn't
needed. I've set hr to 'display: none' in the demo, and added the
appearance to the headlines as I thought it made sense.

Demo-page...

...with CSS in the page head.
I styled it so it looked good to me ;-)

Good luck.

regards
Georg
-- 
http://www.gunlaug.no
__
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] tag

[James Leslie]

>
> Anyway to set the {height} element on the  tag?
>
> I've tried the following:
>
> .form html br{--}
>
> .form br {--}

The line-height of the containing element ( for example) will be the
thing you are wanting to adjust to change that spacing. The  just
causes the text to break to the next line before wrapping onto it.

James

__
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] tag

[Ian Young]

> Hi,
>
> Anyway to set the {height} element on the  tag?
>
> I've tried the following:
>
> .form html br{--}
>
> .form br {--}

Why would you want to?
That is what margin is for.

Ian


--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.446 / Virus Database: 268.18.11/723 - Release Date: 15/03/2007
11:27

__
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] tag

[grovesdavid]

Hi,

Anyway to set the {height} element on the  tag?

I've tried the following:

.form html br{--}

.form br {--}
__
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] List item markers in different colour using pure CSS?

[Barney Carroll]

Chris Hoffman wrote:
> ol {
>  counter-reset: list;
>  list-style-type: none;
> }
> 
> li:before {
>  content: counter(list) ". ";
>  counter-increment: list;
>  color: #F00; /* and/or other styling... */
> }


Chris, just read this post. It somehow passed me by the other day.

Brilliant, brilliant. I only found out about the 'counter' feature 
yesterday, I'm still reeling! CSS3 is shaping up to be a (beneficent) 
monster. The fact that it can now /define/ and /call/ objects... Is 
incredible.

This is the first instance I've seen of it that I can grasp completely 
(possibly because it's specifically fulfilling my needs), thanks a lot.


Regards,
Barney


PS: The client hates fire, foxes and operas.
__
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/