Re: [css-d] Simple floating thumbnails with captions

[Nick Urbanik]

Dear Folks,

On 02/09/06 06:37 +0200, Gunlaug Sørtun wrote:

Nick Urbanik wrote:
In a fluid layout I think this will work better...

...meow.


Yes, that was the first thing I tried, since those cats look so nice
there :-) Unfortunately, it seems to work well when all thumbnails are
the same width, but I had endless bother with trying to set the width
to a value equal to the width of the largest image.  You can see the
unhappy results in http://linus.nicku.org/trains/trains-old.shtml
which looks very odd in a number of browsers.

Part of the trouble is that I am too silly to understand why each rule
is required.  If I can do something simpler that I actually understand
then I can build on it.

I later want to add lots of radio buttons and links into the caption
area (no, not on my son's web site) to replace the crufty old table
layout thumbnails of my gigabytes of family photos.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24


pgphxOOBjjLS6.pgp
Description: PGP signature
__
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] Simple floating thumbnails with captions

[Gunlaug Sørtun]

Nick Urbanik wrote:

> My aim is really simple: float some variable sized thumbnails images 
> with variable sized captions, and have them float (or arrange 
> themselves in any way) nicely, so that they don't do silly things
> [...]

Floats always do silly things like that :-) and they are difficult to 
"cure" since they are behaving in accordance with standards.
If you only need a fixed number of floats on each "line", then you can 
clear after that number to make sure you don't get "hang-ups".

In a fluid layout I think this will work better...

...meow.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Nav bar not hide/seek in IE

[Gunlaug Sørtun]

Rahul Gonsalves wrote:
> http://littleandreid.com/
> 
> The green navigation bar on the top doesn't always show up in IE - it
>  occasionally shows up, and then if one visits one of the other 
> pages, it disappears. It comes back if one hovers over it though. 
> Quite strange.

Yes... like most IE-bugs :-)

It is related to the 'hasLayout'[1] bug, or rather IE's need for a
trigger in order to paint elements complete and stable.

You can either add...

ul#navlist {position: relative;}

...which will fix the nav-problem, or you may instead add...

ul#navlist,.content {height: 1%;}

...which will achieve the same but also assure that the .content-part is
stable. This is necessary because the use of the 'hasLayout'[1] bug to
fix the problem in one place, will affect element-layout in the rest of
that page. 'hasLayout' is a pretty mixed "blessing".

regards
Georg

[1]http://www.satzansatz.de/cssd/onhavinglayout.html
-- 
http://www.gunlaug.no
__
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] Simple floating thumbnails with captions

[Nick Urbanik]

Dear Folks,

My aim is really simple: float some variable sized thumbnails images
with variable sized captions, and have them float (or arrange
themselves in any way) nicely, so that they don't do silly things
like:

++ ++
|| ||
|| ++
++ +-+
  | |
  | |
  +-+

instead of doing this, which is more the behaviour I want.

++ ++
|| ||
|| ++
++ 
+-+   
| |   
| |

+-+

I would also like the captions to wrap to the same width as the
thumbnail image.

I have tried using  styled with {list-style: none; float: left;}
but still get the above behaviour, as at
http://linus.nicku.org/arithmetic/arithmeticbook-test.shtml

I have been successful when all images are the same height, so that
the thumbnails at http://linus.nicku.org/trains/ seem to work, but the
captions are in a box that is sometimes too narrow.

The examples I have seen at
http://alistapart.com/stories/practicalcss/ (after converting div -> ul)
and at http://css-discuss.incutio.com/?page=GalleryFloat involve
setting both the width and the height.  When the height expands
because of enlarging the font, then things seem to go wrong.

Any suggestions are most welcome.
--
Nick Urbanik   RHCE http://nicku.org[EMAIL PROTECTED]
GPG: 7FFA CDC7+5A77 0558 DC7A 790A 16DF EC5B BB9D 2C24 ID: BB9D2C24










pgpdGjZayOUJH.pgp
Description: PGP signature
__
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] Nav bar not hide/seek in IE

[Rahul Gonsalves]

Dear All,

http://littleandreid.com/

The green navigation bar on the top doesn't always show up in IE - it 
occasionally shows up, and then if one visits one of the other pages, it 
disappears. It comes back if one hovers over it though. Quite strange.

Any help would be welcome. Please feel free to add any further 
suggestions too.

Regards,
- Rahul.
-- 

Rahul Gonsalves (Personal)
w: www.rahulgonsalves.com
e: [EMAIL PROTECTED]
-
__
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] Nav's top borders not showing up in IE

[Gunlaug Sørtun]

Daniel Hammond wrote:
> www.southpawbrothers.com
> 
> FF and Opera show the navigation as it should be. IE doesn't show the
> top borders on the links. How can this be fixed?

Add...

.nav {position: relative;}

... to solve IE's "incomplete painting" problem.

regards
Georg
-- 
http://www.gunlaug.no
__
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] Overflow inheriting in Firefox/Mac?

[Yazmin Media]

Can anyone tell me why this page is displaying an overflow when for
the #sampling1 div when it shouldn't be? This is only happening in
Firefox on the Mac.

URL: http://www.mmicreative.com/clients/expo/dre/expoinfo.php

CSS: http://www.mmicreative.com/clients/expo/dre/includes/style.css
(The styles for these divs are at the very bottom of this file.)

Thanks!
-- 
Yazmin
__
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] centering link gifs in a horiz. nav bar

[Jay Kinney]

At 3:24 PM -0400 9/1/06, Zoe M. Gillenwater wrote:

>  >>  > http://www.sfscottishrite.com/Test/experimental.html
>>>
>>>  Well, I think you need a little space above and below the nav. Not a
>>>  good idea to set height. Good idea to check your page with 200% zoom in
>>>  compliant browsers, and text-size 'largest' in IE. Beyond that,a others
>>>  will have to explain the theory. This is as close as I was able to get
>>>  cross-browser. Someone else may do better for you.
>>>
>>
>>  I realize that the design breaks at the largest text-size. Probably I
>>  should study your site's code to see how you accommodated expansion
>>  of the width of the page when larger type sizes are chosen.
>>  Alternately, I may take the two photos across the bottom of the page,
>>  shrink them to fit under the right-hand column, and just have a
>>  simple nav-bar under the right-hand column and let the left column
>>  text expand down unencumbered when enlarged.
>>  
>
>Jay,
>
>The site looks the same in both FF and IE, there is a good amount of
>space above and below the nav bar, and the text resizes without issue.
>Am I correct in assuming you've solved your problems? Or did you need
>additional help?
>
>Zoe

Hi Zoe,

My ultimate goal is to *not* have a whole lot of space above and 
below the nav bar links.  The amount of space between the nav bar and 
the header on FF on my Mac is fine, but there's too much space 
between the nav bar and the photo below it on the right. (Similarly, 
the nav bar at the bottom of the page pushes the copyright line down 
farther than I intended, although that's not really a big deal (the 
copyright and credit line may even be better at that distance.)

So, the main thing I've been ramming my head against the wall over is 
how to move the photos in the right column up about 10px. I have to 
imagine that this has something to do with the padding in the nav bar 
code.

If you can solve this, you get my undying gratitude.

thanks,

Jay

__
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] Displaying Hidden s

[Zoe M. Gillenwater]

George L Smyth wrote:
> I have an FAQ page that lists questions and when the user clicks on the
> question the answer is displayed below.  I am using JavaScript to flip the
> display style property of the answer.  This works just fine.
>
> If one does not have JavaScript enabled I am using  to set display 
> to
> block, i.e.
>
> 
> .FullInfo { display: none; }
> 
> 
> 
> .FullInfo { display: block; }
> 
> 
>
> This does not validate because  needs to be within a block element
> and I am putting it in the  of the document.
>
> In an attempt to get it to validate I wrote a JavaScript routine to look
> through the answer s and set the display to none, but this resulted in
> them all being displayed then closing up, which looked quite unappealing to 
> me.
>   

This is what you should do -- have them display by default, then if the 
user has JavaScript, they're hidden. I'm sure if you call your 
JavaScript another way it will "take hold" before the answers display. 
Ask your question on another list where JavaScript is discussed for more 
help on this.

Also, to start a new thread, do not reply to an existing message. When 
you do this,
your message gets threaded on to the old thread, which messes up the 
archives
and makes it less likely that others will see your message and subsequently
reply to you. You must send a new message with an appropriate and 
descriptive
subject line to css-d@lists.css-discuss.org in order to start a new thread.

Thanks,
Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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] centering link gifs in a horiz. nav bar

[Zoe M. Gillenwater]

Jay Kinney wrote:
> At 6:38 PM -0400 8/31/06, ~davidLaakso wrote:
>
>   
>>  > [... I can't figure out why the
>> 
>>>  nav bar is adding extra space under itself. It is sort of the
>>>  opposite of margin collapse!
>>>
>>>  (And the extra space seems to be under both the top and bottom nav
>>>  bars in IE on a PC, but only under the bottom nav bar in FF on a Mac.
>>>
>>>  If you or someone could give the CSS a quick glance, and are able to
>>>  spot anything, that'd be great.
>>>
>>>   
>>  > http://www.sfscottishrite.com/Test/experimental.html
>>
>> Well, I think you need a little space above and below the nav. Not a
>> good idea to set height. Good idea to check your page with 200% zoom in
>> compliant browsers, and text-size 'largest' in IE. Beyond that,a others
>> will have to explain the theory. This is as close as I was able to get
>> cross-browser. Someone else may do better for you.
>> 
>
> I realize that the design breaks at the largest text-size. Probably I 
> should study your site's code to see how you accommodated expansion 
> of the width of the page when larger type sizes are chosen. 
> Alternately, I may take the two photos across the bottom of the page, 
> shrink them to fit under the right-hand column, and just have a 
> simple nav-bar under the right-hand column and let the left column 
> text expand down unencumbered when enlarged.
>   

Jay,

The site looks the same in both FF and IE, there is a good amount of 
space above and below the nav bar, and the text resizes without issue. 
Am I correct in assuming you've solved your problems? Or did you need 
additional help?

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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] Table squirting out of DIV

[Zoe M. Gillenwater]

rollandburn wrote:
> Hi everyone, thank-you Zoe for the suggestion to use display: table- 
> cell to sort out my squir..ahem, overflow problems.

:-) Thank you.

>  Unfortunately  
> this nullifies the margins I have applied to the div that are  
> necessary for layout.  Applying padding to compensate won't work in  
> this situation because of background colour issues.
>   

Yes, margin doesn't work very well on table elements -- padding is the 
way to go. Perhaps you can post the page and we can try to find an 
alternate solution? You may be able to add another wrapper div that 
receives the display: table-cell, while the outer one keeps the margins. 
Can't say more without seeing the page.

> I'm not going to revert to using tables and I don't know why.
>   

Good for you.

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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] [ADMIN] Re: CSS best practice?

[Zoe M. Gillenwater]

Mike A wrote:
> Thank you Eric for suggesting this comes back in, for the subject seems more
> than a surface issue.
>
> Humbly, for the admirable solutions I've seen here often leave me in awe, it
> appears to me that the list has to a great extent driven towards and filled
> the gap caused by unnecessarily disparate browser producers. Fixes produced
> and referred to by CSS gurus like Zoe, George and of course Eric,* et al,
> whilst proving helpful in the extreme to the CSS masses (and shaming browser
> manufacturers) leave open a remaining need for a standard approach.
>
> 
>
> Given the foregoing, I wonder if feedback gleaned from this thread could
> form the basis of something solid for adoption in a general approach to
> using CSS layout skeletons. Is methodology espoused by Boldfish/Andy Budd
> the way to go or simply a springboard people here can use as a starting
> point for use with "modern" browsers? Will the list take the lead or is
> there a more appropriate place to deal with the subject?...
>   

Mike,

Well, now this is getting off-topic. :-) Discussing how one organizes 
one's CSS files is one thing, but proposing a standard is something else 
-- it won't get us anywhere or help anyone produce better CSS right now. 
I would say that that would be appropriate on a blog or an entire site 
devoted to such a cause, where the issues involved with it could be 
discussed fully by those interested in such a thing. Let me know if you 
ever start this movement, so I can get involved by lobbying hard against 
it. :-) No offense, but I find the myriad of ways that something can be 
done with CSS a strength, not a weakness to be squashed by imposing more 
standards. I do not want to break my style sheet into multiple sheets or 
apply comment headers that don't match my preferred wording or organize 
my properties alphabetically. And there's nothing wrong with people who 
do do this. But as I said, this is off-topic now. Anyone who wants to 
debate me on this can do so off-list, though I warn you you won't find 
much of a debate from me -- I'll probably just say "Good for you, you 
keep doing it your way, and I'll do it my way." :-)

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
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] Table squirting out of DIV

[rollandburn]

Hi everyone, thank-you Zoe for the suggestion to use display: table- 
cell to sort out my squir..ahem, overflow problems. Unfortunately  
this nullifies the margins I have applied to the div that are  
necessary for layout.  Applying padding to compensate won't work in  
this situation because of background colour issues.

This is starting to give me a cramp.  I didn't realize how much  
stress is involved with trying to wrap your head around every nuance  
of css, browser differences, accessibility, usability, appearance,  
and code efficiency all at the same time. Talk about overwhelming.   
I'm not going to revert to using tables and I don't know why.

=]



rollandburn wrote:
 > I wonder if someone could slap me with some knowledge and tell if
 > there is a way to keep a table from squirting

Eww... please use the word "overflow," as that's the CSS term for it and
way less gross than the word "squirt." I shiver just thinking about
it... :-)

 > outside its containing
 > div when the browser window is resized smaller. Or, How do you get a
 > div to only shrink to the size of its contents (upon window resize)
 > and not further?
 >

Set it to display: table-cell, which makes it act like a table cell in
that it will expand to fit its contents. IE doesn't understand this, but
IE expands to fit anyway (not sure about IE7, though, which still will
not support the table display values).

You can also simulate expanding to fit by messing with negative margins.
I've written a few articles on this over at CMX:
http://www.communitymx.com/abstract.cfm?cid=B0029

Zoe

-- 
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu

__
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] Replacing part of a quote with an ellipsis

[Curby]

Let's say I have

One plus two plus three plus four plus five makes fifteen.

and I wish to have it rendered as

One plus two plus ... plus five makes fifteen.

I'm trying to work with the following:

One plus two plus three plus four plus five makes fifteen.

with styles such as:

q del { /* What goes here? */ }
q del:before {content: "...";}

In the first selector, display:hidden doesn't work because the
ellipsis disappears.  Various width-constricting options with
overflow:hidden don't seem to do anything either, possibly because the
del element is not being displayed as a block.

Any ideas how to replace inline text with an ellipsis using CSS?  Thanks!

--Curby
__
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] Nav's top borders not showing up in IE

[Daniel Hammond]

I've raised this issue before, but it was lost in a discussion of tables,
iframes, and validation. I've since validated my markup, so maybe someone
can help me now.

www.southpawbrothers.com

FF and Opera show the navigation as it should be. IE doesn't show the top
borders on the links. How can this be fixed?

Daniel Hammond
www.objectivedesigns.com


__
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] Horiz scrollbar in IE

[Daniel Hammond]

> Is the page also triggering *standard compliant mode* ?
> Otherwise IE7 is just a slightly upgraded IE5.x, and will see 
> - and use - every hack that's ever created for those old versions - 
> including the 'star html' hack.


Yes, it is triggering standards compliance mode. I see that the h-bar has
been removed in IE6. Putting all this h-bar stuff aside, is there a way to
make the bar's styling show up? If not, I'll just go ahead and get rid of
the doctype altogether, and we can be done with this discussion. I assume it
won't be a big problem if I remove the doctype since it's just a frame that
loads in an iframe, thus I'm not worried about having it come up in search
engines.

Daniel Hammond
www.objectivedesigns.com


__
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] Horiz scrollbar in IE

[Gunlaug Sørtun]

Daniel Hammond wrote:
>> No wonder. You must not let IE7 see that style on the html element 
>> - that's what the 'star html' hack is there for.
> 
> 
> 
> The horizontal bar was still there when I had the star in the code 
> (as it is now).

Is the page also triggering *standard compliant mode* ?
Otherwise IE7 is just a slightly upgraded IE5.x, and will see - and use
- every hack that's ever created for those old versions - including the
'star html' hack.

Georg
-- 
http://www.gunlaug.no
__
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] Horiz scrollbar in IE

[Daniel Hammond]

> No wonder. You must not let IE7 see that style on the html 
> element - that's what the 'star html' hack is there for. 


The horizontal bar was still there when I had the star in the code (as it is
now).

Daniel Hammond
www.objectivedesigns.com


__
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] just a quick question of form...

[Dave Pierce]

I've noticed that some people list their class selectors thus:

.classname {
}

and others:

..classname {
}

What's the significance of the double period before the second method?

TIA,
Dave Pierce
__
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] Horiz scrollbar in IE

[Gunlaug Sørtun]

Daniel Hammond wrote:
>> Hide the horizontal overflow on the html-element in photothumbs.htm
>>  - and any other page IE6 has problems with, and the problem is
>> solved.
>> 
>> * html {overflow-x: hidden}
> 
> 
> 
> Alright, we're halfway there. That got rid of the horizontal bar, but
> the styling is still not there. Also, for some weird reason, IE7
> doesn't let me scroll up and down in that window with my mouse's
> scroll wheel now.

No wonder. You must not let IE7 see that style on the html element -
that's what the 'star html' hack is there for. However, it'll only work
as a separator between IE6 and IE7 when pages are triggering standard
mode, and it looks like you have deleted the doctype so IE7 will see the
style anyway. Just make up your mind and apply the hack properly, and
neither IE6 nor IE7 will complain.

Georg
-- 
http://www.gunlaug.no
__
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] Background image and colour not happening

[Ian Young]

Hi Guys

Could anybody tell me why the background colour or image is not showing in
the
#sidebarpage div please?




Really not sure what you mean, here. sidebarpage has color in IE6 and FF.
However, within the sidebarpage you have div left col with same colour as
sidebarpage. which may well be masking it. Try background:inherit;

HTH

Ian
--
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.405 / Virus Database: 268.11.7/435 - Release Date: 31/08/2006

__
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] Background image and colour not happening

[Richard Brown]

Hi Guys

Could anybody tell me why the background colour or image is not showing in the 
#sidebarpage div please?




Many thanks
-- 
Rich
http://www.cregy.co.uk
Embracing what God does for you is the best thing you can do for him.
Romans 12 v 1
__
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] Making an empty div a link

[Bradley Wright]

> I'm trying to make the whole image a link, but cannot see to get anything to
> link except the text which is left aligned and clickable.

How about this:

Shop

#shop {
display: block;
width:620px;
height:71px;
text-indent: -5000px;
text-decoration: none;
background: transparent url(../images/banner.jpg) no-repeat 0 0;
}


Image replace the entire link and make it the size you want.

If you want to keep the text there, just remove the:
text-indent: -5000px;
bit. Add padding (and remember to remove it from the width and height) 
as/when you require.

Brad

__
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] Making an empty div a link

[Tobias Baldauf]

Just add:

#shop a
{
display:block;
width:100%;
height:100%;
}

The link within the div 'shop' will then take 100% of the div's size and
fill it completely -> All the div-area will be clickable.

If jumping or strange lines occur on hover, you might want to add
'text-decoration:none;' to the link styles above.

Greets,

Tobias

Pete Home schrieb:
> I have the following code;
> 
> Shop
> 
> 
> And the css;
> #shop {
>   background:#FF;
>   color:#00;
>   padding-top:20px;
>   float:left;
>   line-height:1em;
>   width:620px;
>   background-image: url(../images/banner.jpg);
>   background-repeat: no-repeat;
>   background-position: 50% 50%;
>   display:block;
>   font-size:0px;
>   height:71px;
> }
> 
> I'm trying to make the whole image a link, but cannot see to get anything to
> link except the text which is left aligned and clickable.
> 
> Any ideas?
> 
> Regards
> Pete
> __
> 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-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] Making an empty div a link

[Pete Home]

I have the following code;

Shop


And the css;
#shop {
background:#FF;
color:#00;
padding-top:20px;
float:left;
line-height:1em;
width:620px;
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
display:block;
font-size:0px;
height:71px;
}

I'm trying to make the whole image a link, but cannot see to get anything to
link except the text which is left aligned and clickable.

Any ideas?

Regards
Pete
__
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] Horiz scrollbar in IE

[Daniel Hammond]

> Hide the horizontal overflow on the html-element in photothumbs.htm
> - and any other page IE6 has problems with, and the problem is solved.
> 
> * html {overflow-x: hidden}


Alright, we're halfway there. That got rid of the horizontal bar, but the
styling is still not there. Also, for some weird reason, IE7 doesn't let me
scroll up and down in that window with my mouse's scroll wheel now.

Daniel Hammond
www.objectivedesigns.com


__
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] Looking for info on Firefox 2 Beta

[Ben Liu]

On Aug 31, 2006, at 6:02 PM, L. David Baron wrote:


On Thursday 2006-08-31 14:57 -0400, Ben Liu wrote:

Does anyone know where to find a list of CSS rendering changes in the
now released Firefox 2 Beta? I poked around the developer.mozilla.org
site and could not find anything specific to CSS equivalent to the
MSDN blogs listing the CSS rendering changes in IE7. Thanks for any
help.


Firefox 2 is based on largely the same layout engine as Firefox 1.5
(Gecko 1.8.1 vs. Gecko 1.8).  There have been some changes; the major
ones are documented in
http://developer.mozilla.org/en/docs/Firefox_2_for_developers .

Improvements in CSS support are largely being targeted at the next  
major

version of the rendering engine, Gecko 1.9, which is expected to be a
part of a Firefox release sometime next year, currently expected to be
called Firefox 3.

-David

--
L. David Barondbaron.org/ >

   Technical Lead, Layout & CSS, Mozilla Corporation



Thanks David, straight from the horses mouth as it were. Great work  
on Firefox BTW!__
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/