[css-d] header not at the top

[martin f krafft]

also sprach David Hucklesby <[EMAIL PROTECTED]> [2008.03.22.2121 +0100]:
> Pardon me if I am being obtuse, but why would you want to place
> the header anywhere other than at the head of the document?

Well, isn't it still the case that the content of a document should
be at the start for bots and text browsers to easily process?

If you look at e.g.
http://www.google.com/search?as_q=madduck%20blog, you'll see that
Google summarises the first hit with "This entire site is under
construction and thoroughly incomplete! (Mar 2008)" which is at the
top of the page. Ideally, the title and first sentence should show
up there, right?

-- 
martin | http://madduck.net/ | http://two.sentenc.es/
 
perl -e 'print $i=pack(c5,(41*2),sqrt(7056),(unpack(c,H)-2),oct(115),10);'
 
spamtraps: [EMAIL PROTECTED]


digital_signature_gpg.asc
Description: Digital signature (see http://martin-krafft.net/gpg/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] using javascript to move DOM elements up front?

[martin f krafft]

Dear list,

I am designing a new content-heavy page and I would very much like
for the content to start right away in the source code, while stuff
like the header and the sidebar should follow afterwards.

I can easily achieve what I want with the sidebar, but in order to
place the header after the content in the source, and yet make it
appear at the top of the rendered page, it seems I have to use
position:absolute. This causes the header to occupy no space in the
document, and hence I have to hard-code a margin-top on the content
element, to make sure it starts after the header. This is
problematic for various reasons, mainly due to the header's height
being dynamic.

I played around with with JavaScript a bit and this gave me the idea
that I could simply render the header at the end of the document,
and then shift the node to the proper location in the DOM tree on
load.

I wonder if anyone of you has any experience with this, or if
there's a better, pure-CSS approach to what I am trying to do.

Cheers,

-- 
martin | http://madduck.net/ | http://two.sentenc.es/
 
"i like .net for the same reason i like gentoo. it keeps all the
 people with no clue from writing c code, which is much harder for me
 to identify and eliminate from my systems. in the same way that
 gentoo gives those people a place to be that isn't in debian"
-- andrew suffield
 
spamtraps: [EMAIL PROTECTED]


digital_signature_gpg.asc
Description: Digital signature (see http://martin-krafft.net/gpg/)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] clearing only a nested float

[martin f krafft]

also sprach martin f krafft <[EMAIL PROTECTED]> [2007.03.13.2110 +0100]:
>   http://martin-krafft.net/new/ [valid]
>   CSS: http://martin-krafft.net/new/css/base.css [valid]

Never mind that IE* barfs on the page big time. I am just doing some
design studies right now and will probably simplify the layout by
much later.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"the less you know about computers the more you want micro$oft!"
-- micro$oft ad campaign, circa 1996
(proof that micro$oft's advertising _isn't_ dishonest!)


signature.asc
Description: Digital signature (GPG/PGP)
__
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] clearing only a nested float

[martin f krafft]

Hi there,

I am trying to clear after a right-float inside a  which has
something floating to it's right too. E.g.:

  
  

Some text
  

1 floats to the right of 2, and 2.1 should align with the right
border of 2, so I floated it right. This works, even if 2.1 has
nothing to float right against.

The problem is when I try to add the , since it will appear left
of 2.1. However, I want it to appear *below*. But if I set
clear:right on the , it also clears the right wrt 1 and thus 
will appear at the very bottom of the page, below the content of
1 (but inside 2).

Example page:

  http://martin-krafft.net/new/ [valid]
  CSS: http://martin-krafft.net/new/css/base.css [valid]

How can I achieve what I want, without assuming the height of the
 (and ideally without hardcoding a width)?

I tried making the  (2.1) inline and text-aligning it right, but
that does not work either. And neither does
position:relative;right:0

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"whoever fights monsters should see to it that in the process he does
 not become a monster. and when you look into an abyss, the abyss also
 looks into you."
 - friedrich nietzsche


signature.asc
Description: Digital signature (GPG/PGP)
__
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] Design repository less fancy than CSS Zen Garden

[martin f krafft]

also sprach Barney Carroll <[EMAIL PROTECTED]> [2007.02.16.1712 +]:
> If you have massive difficulty finding resources you intend to sell, I 
> think getting your website together should come after a career rethink.
> 
> Are you after Wordpress.com, perchance?
> 
> And what, exactly, are the skills you're trying to sell?

My work has nothing to do with web design. I just want to have
a nice looking, standards-compliant homepage and the ability to
change designs without having to change the XHTML everywhere.

Sorry for the confusion.

Cheers,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"there are lots of reasons not to use linux.
 there just aren't any good ones."
 --steven j. vaughan-nichols


signature.asc
Description: Digital signature (GPG/PGP)
__
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] Design repository less fancy than CSS Zen Garden

[martin f krafft]

also sprach Grady Kelly <[EMAIL PROTECTED]> [2007.02.16.1600 +]:
> If you are a designer, why not just do it yourself?  I think in
> the length of time that this post has been started and floating
> around, that you could already have a site up and going.

I am not a designer and I have other things keeping me occupied.
Which is why I'd be happy to pay for designs that suit my needs.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
an egg has the shortest sex-life of all: if gets laid once; it gets
eaten once. it also has to come in a box with 11 others, and the
only person who will sit on its face is its mother.


signature.asc
Description: Digital signature (GPG/PGP)
__
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] Design repository less fancy than CSS Zen Garden

[martin f krafft]

also sprach Zoe M. Gillenwater <[EMAIL PROTECTED]> [2007.02.16.1416 +]:
> Hmm, I'm not sure why seeing the same XHTML gives you good graphic 
> inspiration. I would simply recommend you peruse the thousands of 
> well-designed real sites that are in the many CSS design inspiration 
> galleries:
> http://css-discuss.incutio.com/?page=DesignInspiration

I am not really looking for inspiration, rather for a collection of
different CSS designs that I could interchange at will without
having to change the XHTML.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"and if the cloud bursts, thunder in your ear
 you shout and no one seems to hear
 and if the band you're in starts playing different tunes
 i'll see you on the dark side of the moon."
   -- pink floyd, 1972


signature.asc
Description: Digital signature (GPG/PGP)
__
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] Design repository less fancy than CSS Zen Garden

[martin f krafft]

also sprach francky <[EMAIL PROTECTED]> [2007.02.10.2231 +]:
> Maybe the designs / links in the css-discuss Wiki page about CSS layouts 
> 
> can give some inspiration?

Thank you. I feel I may not have made myself clear enough: I know
plenty sites with great layouts which serve as source of
inspiration. However, what I am looking for are sites like
csszengarden.com, which have different designs all for the same
XHTML file.

Thanks to everyone who has replied so far!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
#include 


signature.asc
Description: Digital signature (GPG/PGP)
__
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] Design repository lees fancy than CSS Zen Garden

[martin f krafft]

Dear list,

I am looking for a new style for my personal homepage. Since I am
self-employed, I want the design to be both slick and serious,
catchy but not playful.

I don't have exact ideas and would like to be able to shop around.
On the other hand, while I am confident with CSS, I'd prefer
a ready-made and tested solution rather than having to do it all by
myself.

What I am looking for is a site like csszengarden.com which provides
different designs, but all based on the same XHTML document. The
reason is simply that I would like to retain flexibility and the
option to change to another design at a later point in time.

My problem with CSS Zen Garden is that the designs — although really
beautiful for the mostpart — are just too fancy and most of them are
themed, meaning that the design incorporates a certain theme. I am
looking for less fancy and more generic.

Does anyone know of a resource I could check out? I am not looking
for a free solution and would be happy to reimburse the creator of
any design(s) I end up using.

Cheers,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"licht wird alles, was ich fasse"
 - friedrich nietzsche


signature.asc
Description: Digital signature (GPG/PGP)
__
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] IE and padding on first li in a list

[martin f krafft]

Hi, I am working on

  http://seamus.madduck.net/~madduck/abacons7/leistungen/4.html
  [css] http://seamus.madduck.net/~madduck/abacons7/css/screen.css

and it's finished in Mozilla and Opera, but IE is giving me trouble
(what a surprise): the first navigation button in the subcategories
list (underneath the heading) has padding problems.

This is a well-known problem and one should be able to work around
it with a display:none  just before [0], but even that does not work
in this case.

0. http://css.nu/pointers/li-dummy.html

Can anyone advise?

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
heisenberg may have been here.


signature.asc
Description: Digital signature (GPG/PGP)
__
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] not stretching to accomodate inline element heights

[martin f krafft]

also sprach Ed Seehouse <[EMAIL PROTECTED]> [2007.01.26.2205 +]:
> But  I suggest it's better to do it by floating the li elements left.
> That's much more flexible for styling purposes, and if you do that you
> should make the a elements render as blocks as suggested in my
> original reply.  Block level elements are more flexible and easier to
> style in my experience.

The other suggestion about increasing the padding of the holding
container worked, and I don't want to spend any more time on this.
Thanks though for the suggestion, I'll probably do it this way the
next time. I do agree that inline is pretty hackish.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
the only difference between a car salesman and a computer salesman
is that the car salesman knows he's lying.


signature.asc
Description: Digital signature (GPG/PGP)
__
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] not stretching to accomodate inline element heights

[martin f krafft]

also sprach Zoe M. Gillenwater <[EMAIL PROTECTED]> [2007.01.26.1952 +]:
> Give the ul the same amount of top and bottom padding. That's how 
> padding works on inline elements -- it pushes out content to the left 
> and right, but not above and below. The linebox doesn't expand to hold 
> that padding. So you have to expand the linebox yourself.

You got it. Thanks a lot!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"arguments are extremely vulgar,
 for everyone in good society
 holds exactly the same opinion."
-- oscar wilde


signature.asc
Description: Digital signature (GPG/PGP)
__
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] not stretching to accomodate inline element heights

[martin f krafft]

> "A" is an inline element and so of course rules designed for
> application to block elements won't work.  Fortunately you can make
> them work with "display: block;" - for example
> 
>  li a  {display: block;}

If I do this, then the entire navigation bar will be horizontal all
of a sudden:

  http://seamus.madduck.net/~madduck/abacons6/leistungen/1.html

Thanks Ed for your response. Is there anything else I can try?

I don't quite understand why an inline element's height wouldn't
force the enclosing element's height but rather overflow...

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"wenn elephanten tanzen leidet das gras."
 -- die vogelpredigt


signature.asc
Description: Digital signature (GPG/PGP)
__
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] not stretching to accomodate inline element heights

[martin f krafft]

Dear list,

I am fighting with

  http://seamus.madduck.net/~madduck/abacons6/leistungen/1.html
  http://seamus.madduck.net/~madduck/abacons6/css/screen.css

If you look at the top menu bar as well as the subcategories below
the page's , you'll see how the vertical padding on the 
elements (as well as ) I was using to try to make the
navigation bars a bit thicker doesn't actually do what I want.

How can I ensure that the  (which has the outside border)
stretches vertically to accomodate the taller  elements it
contains?

Thanks for any tips,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
fighting for peace is like screwing for virginity.
 -- the irish times, washington dc


signature.asc
Description: Digital signature (GPG/PGP)
__
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] adding a side menu to a single page of a site

[martin f krafft]

also sprach tedd <[EMAIL PROTECTED]> [2007.01.25.1511 +]:
> You might consider:
> 
> http://www.cssplay.co.uk/menus/hidden.html

I have considered that. I am not convinced because such a menu
doesn't really give the user an idea of where s/he is and what's
available still. I don't find them very accessible. But I'll have
another look. My main problem last time was that I could not figure
out a visually pleasing way to add the menu.

Thanks for your response though!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"it would be truly surprising
 if sound were not capable of suggesting colour,
 if colours could not give the idea of the melody,
 if sound and colour were not adequate to express ideas."
 -- claude debussy


signature.asc
Description: Digital signature (GPG/PGP)
__
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] adding a side menu to a single page of a site

[martin f krafft]

Hi guys,

Please look at

  http://seamus.madduck.net/~madduck/abacons/index.html
  http://seamus.madduck.net/~madduck/abacons/leistungen/1.html
  css: http://seamus.madduck.net/~madduck/abacons/css/screen.css

and

  http://seamus.madduck.net/~madduck/abacons2/index.html
  http://seamus.madduck.net/~madduck/abacons2/leistungen/1.html
  css: http://seamus.madduck.net/~madduck/abacons2/css/screen.css

The client wants a sidebar only for the second of each of these
pairs of pages, and since the page itself is centre-aligned, I have
two choices:

the first overlays the sidebar on the left margin, which is
problematic if the window is too small.

the second makes the sidebar appear as part of the centre content,
which causes all the other pages to be off-centre.

The client doesn't like either solution, and they don't like it
either if the sidebar appears as part of the content only on the one
page and as zero-width on the others, as then the top navigation
would shift underneath the mouse after being clicked.

Can you think of other options? Or of a visually pleasing and
intuitive way to make the sidebar hidden and show up overlaying the
contents on hover?

Or is it possible to somehow fix either of the two samples I put up?

Thanks for any input!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"you grabbed my hand and we fell into it,
 like a daydream - or a fever."
-- godspeed you black emperor!


signature.asc
Description: Digital signature (GPG/PGP)
__
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] extending a button bar across full width

[martin f krafft]

Hi list,

I would appreciate if someone could give me a clue with the top
navigation buttons on

http://seamus.madduck.net/~madduck/abacons4/ [valid XHTML1.0]

The relevant stylesheet is here

http://seamus.madduck.net/~madduck/abacons4/css/screen.css [valid CSS2]

The client wants the bar to extend all the way across the width of
the content, so up until the dotted line. I cannot figure out how to
do that. 

Does someone have an idea?

Thanks!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
an egg has the shortest sex-life of all: if gets laid once; it gets
eaten once. it also has to come in a box with 11 others, and the
only person who will sit on its face is its mother.


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Sidebar not showing up in IE?

[martin f krafft]

also sprach Gunlaug Sørtun <[EMAIL PROTECTED]> [2006.11.10.1652 +0100]:
> You did nothing wrong, but IE /definitely/ did :-)

Big surprise. :)

> Add...
> #left {position: relative;}
> ...to make IE get the stacking right.

Thanks for the tip. I've updated the page now and will check on IE
next week: http://seamus.madduck.net/~madduck/abacons/leistungen/



also sprach Gunlaug Sørtun <[EMAIL PROTECTED]> [2006.11.10.1715 +0100]:
> #left ul, #left ul li a {height: 1%;}
> ...so IE renders those navigation-links correctly too.

Okay, I've added those with the star-html hack to make them IE
specific.

> I'll also advice you to add...
> body {margin-left: 13em;}
> ...if you want visitors to be able to use that navigation on narrow
> windows and/or with resized fonts. Otherwise it will disappear out of
> reach beyond the left edge of the window. This goes for all browsers.

I understand the problem, but the proposed fix (which is currently
applied) results in improper centering of the main content.

Anyway, I am not really happy with the second-level navigation yet,
but the texts are too long to render them in a horizontal line. I'll
have to talk to the client again.

Thanks, Georg, for your help!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"it isn't pollution that's harming the environment.
 it's the impurities in our air and water that are doing it." 
  - dan quayle


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Sidebar not showing up in IE?

[martin f krafft]

Hi there,

I developed a website for a client, but one aspect of it is giving
me troubles:

  http://seamus.madduck.net/~madduck/abacons/leistungen/index.html
  (valid XHTML1.0 Strict/CSS2)

On Firefox, there's a little sidebar on the left with subpages. This
bar does not show up on IE at all; instead, the border is blackened
and looks dirty/ugly.

What did I do wrong?

Thanks for any input!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"it isn't pollution that's harming the environment.
 it's the impurities in our air and water that are doing it." 
  - dan quayle


signature.asc
Description: Digital signature (GPG/PGP)
__
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] looking for (paid) help to convert layout to IE6/7

[martin f krafft]

Hi folks,

I am not sure this is appropriate use of the mailing list; if it's
not, please excuse me. I could not find any hint in the policy.

I am working for a client and as part of my contract I had to whack
up a webpage, which is hosted here during development:

  http://seamus.madduck.net/~madduck/abacons

The problem is that I designed this on Firefox. Since I have no IE
(I am a Linux user), it's hard for me to make the layout work on
IE6/7. I am also not much of a designer...

Thus I am looking for someone who'd be willing to do that for me --
I'd be happy to pay for it too. It's a simple page, so I don't
expect it to be a terribly complex job.

I am also not wired to the current design, so if you have
suggestions that would make porting easier, please bring them forth.
All I want is for the page to be XHTML1.0 and CSS2, no tables for
layout, two columns, and the left pane after the content in the
markup. I would love to have the logo, the left pane, and the
background image fixed and have only the content scroll, but I did
not manage to do this (scrolling gets really slow on Firefox with
fixed attached images, which is unacceptable), and I remember that
it was a porting nightmare.

If you're up for the task, please reply to me privately (reply-to
set) with an offer and we'll work out the details in private. Do
note that I use rest2web to create the HTML, so don't hack at it
right away! :)

Thanks,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"i might disagree with what you have to say,
 but I'll defend to the death your right to say it."
   -- voltaire


signature.asc
Description: Digital signature (GPG/PGP)
__
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] centering elements in IE

[martin f krafft]

Hi all,

In most browsers, I can do things like 

  img.logo { margin: 0 auto; }

which results in the element centred within its parent container.

Of course, this does not work with IE. Short of adding
a text-align:center to the parent (which is *not* what I want), how
can one get the same effect with IE?

Cheers,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"administration for windows networks is similar to maintaining a 12
 year old gm truck. brand new, w2k+3 already has 190k miles of wear."
 -- jeremiah cornelius


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] image misplaced

[martin f krafft]

also sprach francky <[EMAIL PROTECTED]> [2006.08.21.1451 +0100]:
> It's not the logo itself: "... just before a normal ", yes, but also 
> "just after an abnormal ". :-)
> 
> h2 { margin-bottom: -0.5em; }

Mh, doh. Thanks a lot.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"all women become like their mothers. that is their tragedy. no man
 does. that's his."
-- oscar wilde


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] image misplaced

[martin f krafft]

Hi folks,

I am wrecking my brain over the following issue:

on http://martin-krafft.net/phd/, there are two images. The Lero
logo is displayed as it should, the Debian swirl further down
renders too far up and clashes with the underline of the heading.

Both images are class:floatright, which is nothing but a class that
defines float:right and margin-left:2em. Both are within div#content
and just before a normal .

I just don't understand why the swirl is rendered 2em above the 
while the Lero logo is just fine.

Stylesheet is here: http://martin-krafft.net/phd/css/base.css

XHTML and stylesheet almost validate, but the remaining issues are
not relevant to the image display, I think.

Thanks for any time you may be able to spend on this!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"the less you know about computers the more you want micro$oft!"
-- micro$oft ad campaign, circa 1996
(proof that micro$oft's advertising _isn't_ dishonest!)


signature.asc
Description: Digital signature (GPG/PGP)
__
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] left column text shifted below main text

[martin f krafft]

also sprach martin f krafft <[EMAIL PROTECTED]> [2006.08.06.1414 +0100]:
> I am tempted to put something similar to http://martin-krafft.net/cv
> on there, meaning a note that will show up in IE to refer users to
> other browsers. I am not making money with these websites, so I see
> no point in going out of my way to support that frickin' IE plague.

Thanks to Charles Dort for pointing out that IE could not render the
page at all. I was serving XHTML, which it does not support. Should
be fixed now, so now you can check what i mean with the little note.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"it is the customary fate of new truths
 to begin as heresies and to end as superstitions.
  -- thomas huxley


signature.asc
Description: Digital signature (GPG/PGP)
__
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] left column text shifted below main text

[martin f krafft]

also sprach Gunlaug Sørtun <[EMAIL PROTECTED]> [2006.08.06.0241 +0100]:
> Correct the floating #content so it becomes a real em-sized float
> instead of relying on its margins. That left margin is what's
> blocking parts of the left column now, and that's not how a float
> should be styled.

Thanks, this fixed it, and it's painfully obvious where the error
was. Much appreciated!

> Quite a few more weak spots in IE6 that need attention, but looks and
> behaves ok (with fixes in place) in other browsers.

I am tempted to put something similar to http://martin-krafft.net/cv
on there, meaning a note that will show up in IE to refer users to
other browsers. I am not making money with these websites, so I see
no point in going out of my way to support that frickin' IE plague.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"all language designers are arrogant. goes with the territory..."
 -- larry wall


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] left column text shifted below main text

[martin f krafft]

Hi,

Please take a look at

  http://martin-krafft.net/phd/
  http://martin-krafft.net/phd/css/screen.css
  http://martin-krafft.net/phd/css/base.css (imported by screen.css)

My problem is with the left column, which I produce by floating the
main content to the right of the left column, which follows the
content in the XHTML source. Unfortunately, the text flow of the
left column is interrupted at the height of the start of the main
content, and the text flow only resumes after the main content is
done.

Can you advise how I could fix this? I'd prefer not to move the left
column before the content in the XHTML source, and
position:absolute is also not an option, because the left margin of
the page is dynamic.

Thanks for any help, and comments about the page welcome. I only
tested in in Firefox...

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"stab it and steer"
 -- sailor


signature.asc
Description: Digital signature (GPG/PGP)
__
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] css-only popups in-place

[martin f krafft]

also sprach martin f krafft <[EMAIL PROTECTED]> [2006.08.05.1515 +0100]:
> Looking at http://meyerweb.com/eric/css/edge/popups/demo.html I once
> again bow to Mr. Meyer. I got it working immediately
> (http://martin-krafft.net/phd).
> 
> Now i'd like to do that same thing but have the popup appear
> relative to the :hover element, but in such a way that it does not
> take up space but rather appears above the content... kind of what
> www.knoppix.org is doing with Javascript. Though for me, the popup
> does not have to follow the mouse. Is this possible? How?

Ah, dumb me. display:inline and position:absolute will do it. I had
left:1em in there as well...

A new version of the site will be uploaded soonish, then you can
check it out.

Thanks to Tobias Baldauf for pointing me to the German site

  
http://www.css-petals.net/post/ein_dynamischer_popup_glossar_aus_reinem_css.html2

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"stab it and steer"
 -- sailor


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] css-only popups in-place

[martin f krafft]

Hi all,

Looking at http://meyerweb.com/eric/css/edge/popups/demo.html I once
again bow to Mr. Meyer. I got it working immediately
(http://martin-krafft.net/phd).

Now i'd like to do that same thing but have the popup appear
relative to the :hover element, but in such a way that it does not
take up space but rather appears above the content... kind of what
www.knoppix.org is doing with Javascript. Though for me, the popup
does not have to follow the mouse. Is this possible? How?

Thanks,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
spamtraps: [EMAIL PROTECTED]
 
"there are two major products that come out of berkeley: lsd and unix."
 one caused me an addiction
 -- fyodor


signature.asc
Description: Digital signature (GPG/PGP)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with background-position in IE

[martin f krafft]

Dear all,

I have been working on http://ailab.ch/new today and it looks like
I want it in FF. However, in IE things go haywire as expected.

I am using a simple technique to get the left column extend all the
way down: the page background is the dark blue, and the light blue
content background is provided by a 1000x1 .gif with a line in that
colour, which I repeat along y and offset in the x axis by 16em --
the width of the column. This all happens by CSS in the  tag
(http://ailab.ch/new/ailab.ch.css)

This works fine in FF. In IE, however, the x offset is way too far
to the right. What am I doing wrong? How can I make IE behave?

Thanks in advance!

PS: I appreciate your feedback and suggestions. I am on the road, so
I may not be able to respond as quickly as I may want to. Thank you
for your understanding.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp (sub)keys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"to every complex problem, there is a solution
 which is short, simple, and wrong."
  -- mencken


signature.asc
Description: Digital signature
__
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] [IE] does not float

[martin f krafft]

also sprach Philippe Wittenbergh <[EMAIL PROTECTED]> [2005.06.23.0318 +0200]:
> Unfortunately, it didn't fix that. There seem to be a problem with
> the Bitstream Vera font.

Allow me to say that I do find it ironic that the only browsers
which does not show € in this case are the Mac ones, when Mac
OS X is probably the most Unicode-friendly system out there right
now. :)

> Or maybe I'm having an older version. I'm not sure how widespread
> the Bitstream font is on OS X. You might start your body
> {font-family:} with 'Lucida Grande', which is the default OS
> X, and looks very similar to 'lucida' on Linux or 'Lucida Sans
> Unicode' on Windoze.

But that would give Lucida Grande a preference. I'll consider it.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"if confronted with a choice between all the truth in god's right hand
 and the ever live struggle for truth, coupled with eternal error, in
 god's left, i would choose the left."
   -- gotthold lessing


signature.asc
Description: Digital signature
__
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] [IE] does not float

[martin f krafft]

also sprach Gunlaug Sørtun <[EMAIL PROTECTED]> [2005.06.22.1427 +0200]:
> ol#section-selectors-aboutfolder can not wrap on narrow windows - below
> 1024px or so.

Yeah, I see this problem.

I wonder though: I've added a "white-space: normal !important;" to
ol.section-selectors, which is just being ignored. Damn!

> Further corrections to your styles depends on which browser you
> are using as reference, as none of them treats that page all that
> well.

I am using FF and checking against Konqueror and Opera 7.

> It also depends on how narrow a browser-width that page is
> supposed to hold its own.

I don't know, but I'd guess 1024 could be assumed standard these
days. I would not mind supporting 800 reasonably well.

Thanks,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
still looking for the glorious results of my misspent youth.
say, do you have a map to the next joint?


signature.asc
Description: Digital signature
__
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] [IE] does not float

[martin f krafft]

also sprach Philippe Wittenbergh <[EMAIL PROTECTED]> [2005.06.22.1433 +0200]:
> You have a width defined static object to be placed next to
> a floated object.

Yeah, this is precisely the problem.

> Have you tried deleting the width declaration from the table ?

I didn't put it there. I was using a wysiwyg editor, which put it
there. That bastard. Now it works as expected in FF, Opera 7, and
Konqueror. 

> (hmm that very long url might still cause problems.)

nothing I can't solve... URL removed. Ah, if all things in life were
that easy.

> BTW, the Euro symbol displays incorrectly on all Mac browsers, you 
> might try with the entity instead (€) - I think it is a problem 
> with the Bitstream fonts. I had problem with other special characters 
> and that font.

Fixed. Now using €, which should work. Can you confirm?

Thanks to everyone who answered!

Please note that you are being credited at
  http://debiansystem.info/about/site

If anyone feels left out, speak up!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"this sentence contradicts itself -- no actually it doesn't."
 -- douglas hofstadter


signature.asc
Description: Digital signature
__
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] [IE] does not float

[martin f krafft]

also sprach Ingo Chao <[EMAIL PROTECTED]> [2005.06.22.1306 +0200]:
> >Mh, I am trying hard to stay away from absolute positioning. It has
> >a bad taste in my mouth, and I don't think it's supported well
> >enough either. I'd be happy to be shown wrong. :)
> 
> That would be a strong argument against using floats.

Yeah, looks like it. Damn.

But if you look at http://debiansystem.info -- it's all based on
floats. Why does it not work in this one case???

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"in the stage of grand illusion
 you walked into my life
 out of my dreams."
-- david bowie


signature.asc
Description: Digital signature
__
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] [IE] does not float

[martin f krafft]

also sprach Ingo Chao <[EMAIL PROTECTED]> [2005.06.22.1255 +0200]:
> Same problem in Opera8 btw.
> 
> The book does "float right", but the following table don't flow at
> its left side.

Exactly.

> Another workaround might be to absolutely position the image
> 
> #section-aboutfolder-book {position:relative;} /* containing block */
> 
> #about-cover { ... /*float: right*/ ... top:3em; right:0; 
> position:absolute;}

Mh, I am trying hard to stay away from absolute positioning. It has
a bad taste in my mouth, and I don't think it's supported well
enough either. I'd be happy to be shown wrong. :)

Thanks for your reply!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"it would be truly surprising
 if sound were not capable of suggesting colour,
 if colours could not give the idea of the melody,
 if sound and colour were not adequate to express ideas."
 -- claude debussy


signature.asc
Description: Digital signature
__
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] [IE] does not float

[martin f krafft]

If you have IE and would care to have a peek at
http://debiansystem.info/about, I'd appreciate it.

The book's cover at the top of the content should float right of the
table. It does not in IE. Can you help me figure out why?

Relevant stylesheets:
  http://debiansystem.info/plone.css
  http://debiansystem.info/debianbook.css

Cheers,

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:"; [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"alle vorurteile kommen aus den eingeweiden."
 - friedrich nietzsche


signature.asc
Description: Digital signature
__
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] [solved] 1 px offset in IE

[martin f krafft]

I rewrote the CSS from scratch and found several careless errors in
my old implementation. It now works and the 1px offset is gone.
Sorry for the noise.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:" [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"in any hierarchy, each individual rises
 to his own level of incompetence,
 and then remains there."
   -- murphy (after dr. laurence j. peter)


signature.asc
Description: Digital signature
__
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] [solved] dangling line

[martin f krafft]

I rewrote the CSS from scratch and found several careless errors in
my old implementation. It now works and the dangling line is gone
(in favour of a single pixel on the lower right of each selected tab
in IE, which I can't get rid of, and about which I can't really care
anymore). Sorry for the noise.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:" [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"memory is like an orgasm.
 it's a lot better
 if you don't have to fake it."
  -- seymour cray commenting on virtual memory
 
"but virtual memory still gets the job done."
 -- gr


signature.asc
Description: Digital signature
__
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] reusing a style definition for another ID

[martin f krafft]

I am trying to extend an existing site with heavy CSS use. More
specifically, it's a Plone site, such as http://plone.org.

If you notice those navigation tabs, these are implemented in pure
CSS and identified by the ID "portal-globalnav". My task is to add
a second set of tabs underneath the gray bar on which those tabs
sit, such that they behave identically, but instead of sitting on
top of the bar, they hang from it.

Ideally, I want to reuse as much as I can from the existing CSS as
possible. In theory, this is quite simple; in practice it's hard
since any ID must only be used once on a page. Thus, my plan to
reuse the "portal-globalnav" ID for the hanging tabs, nesting it in
 and then overriding the border specifications:

  .hanging #portal-globalnav li.selected {
/* ... */
border-style: solid none none none; /* instead of none none solid none */
  }

will not be CSS-confirming.

My question is whether CSS style definitions can reuse/include other
style defintitions. I would love to be able to do something like:

  #portal-hangingnav li.selected {
include: #portal-globalnav li.selected;
border-style: solid none none none;
  }

I something like this possible with current CSS implementations?

If not, what other means do I have to work around the problem of the
duplicated ID? Obviously, duplicating all the CSS... but I'd rather
avoid that for obvious reasons.

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:" [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
before he died, rabbi zusya said: "in the world to come they will not
ask me, 'why were you not moses?' they will ask me, 'why were you not
zusya?'"


signature.asc
Description: Digital signature
__
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] dangling line

[martin f krafft]

On http://debiansystem.info, you can see my attempt to snazzify the
navigational tabs of Plone a bit. The result has this ugly little
line cutting into the "transparent" border space of the active tab
from the right. I cannot figure out where this comes from or how to
turn it off...

Cascaded stylesheet: http://debiansystem.info/debianbook.css
on top of: http://debiansystem.info/plone.css

Thanks for any help!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:" [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
http://kirch.net/unix-nt/


signature.asc
Description: Digital signature
__
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] 1 px offset in IE

[martin f krafft]

If you have access to IE and you would be so kind as to look at
http://debiansystem.info, I would appreciate if you could help me
figure out why the navigational tabs across the page "hang into" the
bar underneath. http://plone.org does it right, there the 
tabs representing the navigational tabs lose their lower border when
active. For me, this works on Firefox, but on IE, the  are just
1 px too large, the bottom border does not get cancelled out by the
a:active border specification.

Cascaded stylesheet: http://debiansystem.info/debianbook.css
on top of: http://debiansystem.info/plone.css

Thanks for any help!

-- 
martin;  (greetings from the heart of the sun.)
  \ echo mailto: !#^."<*>"|tr "<*> mailto:" [EMAIL PROTECTED]
 
invalid/expired pgp subkeys? use subkeys.pgp.net as keyserver!
spamtraps: [EMAIL PROTECTED]
 
"my experience is that as soon as people are old enough to know better,
 they don't know anything at all."
-- oscar wilde


signature.asc
Description: Digital signature
__
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/