Re: [css-d] Div Problems *whoops*

[Hakan K]

I am not able to see any header, and menu css function on IE 6

#header {
 background:#fff url(images/valtour_top.png) no-repeat;
 height:250px;





Hakan
http://primoris.com


On 11/20/07, David Laakso <[EMAIL PROTECTED]> wrote:
>
> David Laakso wrote:
> > Alan_Akhlah wrote:
> >> I am having problems with a new page that I am designing.
> >> http://www.valdostatourism.com/newsitetest.html
> >>
> >>
> >> Al Dunbar
> >>
> >
> >
> > #menu   {
> > border: 1px solid fuchsia; float: left;  http://chelseacreekstudio.com/
>
> __
> 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-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] Breadcrumbs wrapping and background image IE6

[Jim Davis]

I don't want to ignite the old debate about using a definition list for a
list of links, but perhaps this is one of those cases where using  and
 could be employed. Note the following demo:

http://www.jimdavis.org/test/bcTest.html

The dt can be styled with a background image and floated left. Set margins
to suit your taste.

Jim

On Nov 21, 2007 3:03 AM, Rees, Mark <[EMAIL PROTECTED]> wrote:

> Hello
>
> I have a breadcrumb which wraps over two lines. I'd like to have an arrow
> appear to the left of each link in the breadcrumb, and I'd like preferably
> to split links over two lines where necessary, or alternatively to have
> breadcrumbs appear whole on the new line where they would otherwise be
> split. I cannot make either option work in Internet Explorer 6.
__
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] validation question

[Jens Brueckmann]

> "thin" is not an attribute for border

Quite right, is is an allowed value for the border-width property, see:

http://www.w3.org/TR/CSS2/box.html#value-def-border-width

Cheers,

jens
-- 
Jens Brueckmann
http://www.yalf.de
__
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] validation question

[tedd]

At 7:45 PM -0800 11/18/07, jaklitsch maya wrote:
>What am I doing wrong?

"thin" is not an attribute for border -- check this out:

http://www.tizag.com/cssT/border.php


Cheers,

tedd
-- 
---
http://sperling.com  http://ancientstones.com  http://earthstones.com
__
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] Breadcrumbs wrapping and background image IE6

[Bruno Fassino]

On Nov 21, 2007 12:03 PM, Rees, Mark wrote:
>
> I have a breadcrumb which wraps over two lines. I'd like to have an arrow 
> appear to the left of each link in the breadcrumb, and I'd like preferably to 
> split links over two lines where necessary, or alternatively to have 
> breadcrumbs appear whole on the new line where they would otherwise be split. 
> I cannot make either option work in Internet Explorer 6.
>
> The current output in IE6 looks like this (arrows before links 3 and 5 are 
> missing)
>
> -> link number one  -> link number two  link
> number three -> link number four link
> number five

This is indeed a problem with background images on inline elements in
IE. You can read more here [1]. Unfortunately there is no simple
solution. If you don't mind having the element to wrap as a whole
(just in IE) then you can give hasLayout to it, as suggested at the
end of that article.

I never tried them, but if you can/want to alter (contaminate) the
HTML there are other (weird) workarounds like wrapping the first
letter in a span, then apply the background image to that span instead
of the whole link.

Regards,
Bruno

[1] http://www.satzansatz.de/cssd/wrappinglinkbg.html

-- 
Bruno Fassino http://www.brunildo.org/test
__
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] Breaking out of a centered fixed width container...

[Timothy Kelty]

Lately this has come up:

I have a fixed width centered container that contains my entire site,  
like so:
#container{ margin: 0 auto; width:960px}

My question is if there is a way for a block element within the  
container to break out of the container and span the width of the  
browser, behaving like a normal block that was a child of the body  
tag.  I've tried toying with positioning and negative margins but  
haven't found the formula.  Anyone?

My current workaround is just closing the container before the  
element, then opening the another container after it.
__
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] Breadcrumbs wrapping and background image IE6

[Rees, Mark]

Hello

I have a breadcrumb which wraps over two lines. I'd like to have an arrow 
appear to the left of each link in the breadcrumb, and I'd like preferably to 
split links over two lines where necessary, or alternatively to have 
breadcrumbs appear whole on the new line where they would otherwise be split. I 
cannot make either option work in Internet Explorer 6. 

The current output in IE6 looks like this (arrows before links 3 and 5 are 
missing)

-> link number one  -> link number two  link
number three -> link number four link
number five

This is what I am aiming for (all arrows are present)

-> link number one  -> link number two  -> link
number three -> link number four -> link
number five

I have tried including the image in the HTML but then there's nothing to stop 
the image appearing on one line and the start of the link text on the next 
line, which is not desirable.


Here is some test code which shows the problem. This works fine in Firefox but 
in IE, the arrow does not appear before links which are split over two lines.

Thanks in advance for any help you can offer

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>



ul{
width:500px;
}

li{
display:inline;
}

a{
background-repeat:no-repeat;

background-image:url(http://www.cmswire.com/images/arrow_small-black.gif);
background-position:1px 5px;
padding-left:30px;
}





One two three five
One two three four five
One  four five
One two three four five
One 
One two three four five
One two three four five
One two three four five
One two three four five




Mark Rees
__
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] Is there any way to filter a css for Safari or Firefox

[Gunlaug Sørtun]

chiara chiari wrote:
> Hi guys, I need to filter a style rule for Safari and I was wondering
> if there is any way to filter a dedicated css or if there is any
> other way I can filter a stylesheet for FireFox and then use the main
> one to give my rules to Safari (I am using separate css for IE7 and 6
> already)

Don't know if this Safari bug is present in latest releases...



...but if it is then it might work in reversed order - filter for Safari
instead of other browsers.

However, I'd like to see the case where such filtering is really
necessary. All such filters tend to fail after a while, so they
shouldn't be used for anything serious.

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

[css-d] stacking problem in IE6

[Carol Doersom]

This page has a Suckerfish dropdown menu:

http://www.blinn.edu/sbdc/_notes/blinn/index.htm
http://www.blinn.edu/sbdc/_notes/blinn/index-css.css

The left two dropdowns correctly overlap the form that's below them in FF, 
Opera & IE7, but in IE6 those two menus drop down *behind* the Quicklinks 
select box below them. 

The xhtml validates, as does the css, except for the :sfhover business.

Relevant css (I think):
/*  2nd level  */
#nav li ul {
  position:absolute; left:-999em;
  height:auto; width:144px;
  padding-top:16px;  /* this and neg top margin are needed to keep 2nd 
level menus open */
  margin:-6px 0 0 -18px;
  z-index:200;
}
#nav li ul a {
  display:block;
  width:144px;
  margin-top:-2px !important; margin-top:0;
  padding:4px 4px 6px !important; padding:4px 4px 8px;
  line-height:1.3em;
  background-color:#f3f3ee;
  border:1px solid black;
  z-index:210;
  }
/*  COLUMN 1  */
#selectcell {
  width:185px;
  font-size:.9em; 
  background-color:#cbd9b0;
  }
#gobutton {
  height:1.6em; width:185px;
  float:left;
  margin-top:.2em; padding:0 2px 2px;
  background-color:#acc87d; color:#425629;
  font-weight:bold; font-size:.9em;
  border:2px solid #779c4b;
  border-left:2px solid #b2c78e;
  border-top:2px solid #b2c78e;
  }

I've fiddled with z-index property, but that didn't help. Hope someone here can 
spot what's causing this as I've been fooling with it way too long. 

Tia,
Carol

__
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] Is there any way to filter a css for Safari or Firefox

[chiara chiari]

Hi guys,
I need to filter a style rule for Safari and I was wondering if there
is any way to filter a dedicated css or if there is any other way I
can filter a stylesheet for FireFox and then use the main one to give
my rules to Safari (I am using separate css for IE7 and 6 already)

Thanks a lot
Chiara (kiara)
__
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/