Re: [css-d] Is there a simple way to center in an iframe?

[Brian Cummiskey]

I guess the question here is how are you invoking the iframe change?
if your using javascript to do that, you can probably add a style set 
via JS at the same time.
__
css-discuss [cs...@lists.css-discuss.org]
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] google Chrome browser

[Brian Cummiskey]

Chrome is set to drop for download sometime today:

http://googleblog.blogspot.com/2008/09/fresh-take-on-browser.html


Anyone get a pre-release copy to do some testing?  Any scary things we 
should be aware of?

Thanks
__
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] floated anchors not wrapping/returning

[Brian Cummiskey]

Ingo Chao wrote:
> Maybe white-space:nowrap helps in the original file. Can't test it on 
> a jpg.
Thank you Ingo!  That fixed 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] floated anchors not wrapping/returning

[Brian Cummiskey]

Hi guys,

Having an IE7 problem.

please see:
http://imageupload.com/out.php/i120625_float.jpg

Basically, ie7 in the screen shot is not wrapping/CR to the next line 
like it does in firefox, thus having all the extra of the last block 
hang down at the end of the 'row'.

the code block i'm using:

.sizes a {
display: block;
float: left;
margin: 0 3px 3px 0;
padding: 2px;
height: 15px;
border: 1px solid #B5B5B3;
text-align: center;
text-decoration: none;
}


foo
bar
etc



 Anyone know of a fix?
__
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] colon in class name?

[Brian Cummiskey]

In looking at the hosted YUI, I came across




on
http://developer.yahoo.com/yui/articles/hosting/


cane someone explain the colons in the class?

Thanks
__
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] a:active giving horiz scroll bar

[Brian Cummiskey]

Hi guys,


FireFox problem.


I have a floated list with the width set on ul li
in ul li a, when active, i get a horizontal scrollbar of about 1-2px in 
firefox.

I have no rules for :active.  My anchor is just ul li a and ul li 
a:hover (both which don't produce the scroll)

Is there something obvious i'm missing?  why does the active state get 
wider, and overflow my fixed-width li?
__
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] 2 col linked, single list element

[Brian Cummiskey]

Hi Guys,


I need a list with 2 columns, all as one anchor, ala:
http://tinypic.com/view.php?pic=rby7f6&s=3


I'm currently using
section 1section 2


On hover, the whole background needs to swap the full width of the li 
(the list is superimposed over a bg image, and on hover, the background 
of the anchor gets a 'hilight' state of the bg)


I've tried everything from floats to relative positions to inline-block 
and nothing works 100%.

Anyone have any ideas?

__
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] Oldest Browser Currently Testing for

[Brian Cummiskey]

I test for SIMILAR results on Firefox2, ie6, and ie7 on pc along with 
safari on the mac and Konq on linux

I test for 'acceptible' for ie5.5 on pc, opera, and ie5.5 on the mac
__
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] A Div Quesiton

[Brian Cummiskey]

Christopher wrote:
> 
> 
> 
> 
>   

> When I move that  into the body 
it already is in the body, so i'm not sure what you're getting at here

> the  and the style just disappar.
> So to nest another  inside of that  just put it under that 
>  class I have?
>   
Same here... not sure what you're asking.


this works (nested)








this works (2 separate class rules on 1 div)







and so does this (one id, 2 class styled on one div)










__
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] A Div Quesiton

[Brian Cummiskey]

Christopher wrote:
> If you have a a few div on page and a style sheet within a div, is the 
> style sheet locked in that div or is it
> free to be repositioned anywhere even outside the div ?
>   
Chris,

you SHOULDN'T have a style sheet in the  area of a document.   It 
should be in the .  
If you want to force styles for that div, you should use the #divname 
directive, or use an inline style (, not recommended)
> Can you nest a smaller div within a bigger div for example a link 
> button? 
yes, you can have:


some text

some more text
link here



for example.
> and
> When are layers if at all good to be used in what kind of situation ?
>   
Never :)

layers are old school netscape navigator 4 era markup, and aren't even 
valid any more (in most modern doc tytpes)

If you want something 'above' something, use z-index, or absolute 
positioning.

__
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] hand coders vs wsywig coders...I had no idea

[Brian Cummiskey]

When I interview, asking what editor they use is one of the first 
questions I ask, and frankly, the same reaction is given if someone says 
Dreamweaver.  I won't hire them.

Even if they do use the code view, it means my company has to buy 
another adobe license for them at $ dollars instead of a $30 program 
or something free.

We're a very small firm, and software overhead is a huge consideration.
__
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] decimals in widths?

[Brian Cummiskey]

Hi all,

I have a dynamic list of items that displays inline in floated div's.

I was doing some math on how many, and out of the available space, to 
split it evenly (as they are aligned center)

ie, wrapper is 500px
2 items
each gets 250px of space/margin width.

i have an odd shape on this one page, and the server-side math has 
created 3 div's to fill the space as:

 

within 370px of a wrapper.


It seems to display fine in everything i've looked at with it, but i'm curious 
if this is a bad idea?

Thanks


__
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] images off / css on

[Brian Cummiskey]

Jukka K. Korpela wrote:
> h1 { color: #006; background: #fff; }
>
> If you only set background for the enclosing div, then most of the time the 
> h1 will have a transparent background and things will be OK. But why take 
> chances when there is nothing to be won? Some day the page might be viewed 
> in a situation where some other style sheet affects it, too, possibly a user 
> style sheet, and that style sheet might set a background color, and even a 
> background image (that's why my example sets background and not just 
> background-image), and who knows what they might be?
>
> Generally, always set color and background together.

I think I mis-wrote what i really have for markup.

lets try some ascii:


|-DIV WRAP gradient, 150px tall begins--|
|-margin and filler space--|
|-h1, approx 18px line height, color:white;|
|-gradient, 150px tall continues...-|
|-margin and filler space--|
|-gradient ends --|
|-/DIV WRAP---|


If I set the h1 to have a bg color, such as the #006 suggested to match 
the dark blue, then it stands out and blocks the gradient.   
Effectively, i need a transparent background on the h1 when images are 
on, but a #006 when images are off.

Unless i'm misunderstanding your response?


Appreciate the feedback so far.

-Brian
__
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] images off / css on

[Brian Cummiskey]

Hi All,

Perhaps this is more an accessibility questions than CSS, but the fix 
lies in the css i believe.

Scenario:

 dark blue background image gradient.
 on top of it, styled white to be readable



Now, when images are off, the text is white on white (on an assumed not 
user-styled browser window) and un-readable.


i'm stuck leaving the font color white, as its not my design.

Is there a common fix/workaround/hack for this?


__
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] reserved words as properties?

[Brian Cummiskey]

Nick Fitzsimons wrote:
> It's a bug in your editor; even IE doesn't have _that_ degree of a  
> problem parsing CSS.
>   

Thanks Nick.

I'm using (a surely out-dated version of) Edit Plus.

__
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] reserved words as properties?

[Brian Cummiskey]

Hi all,

Just ran into this while working on an "automotive" tab.  The grafic for 
it is called "auto.gif"

#topnav a#tn_auto {
background: url(/grafx/auto.gif) no-repeat 0 0;
}

My editor highlighted "auto".gif in the background url, due to auto 
being a reserved word.


It seems to work in my browser no problem, but i'm wondering if anyone 
has some insight or seeing this cause a problem with something down the 
line.

Thanks
__
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] negative margins and Ie6

[Brian Cummiskey]

Hi guys,

Working on a simple column which has a round right corner on the div 
(via background image.)
the rest of the right had side has a single px border going up it.

In order to get the border not to display, i applied a -1px margin right 
to the element that has the rounded element.
this bumped me over in FF and ie7, but no luck in ie6.
anyone have a work around?


Thanks
__
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] Menu functionality and IE6 bug

[Brian Cummiskey]

Rafael wrote:
> b) IE 6 ignores the mouse-over once you move out of the link (as if the 
> LI didn't count at all). I've had this problem before, but I can't 
> recall how did I sort it out, I'll let you know if I recall how.
setting the a to display: block; should clear that up.
__
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] clearing non-floats

[Brian Cummiskey]

Hi guys,

i'm trying to get rid of a  I have to split up some footer text.

I'm currently using:



Link1 
Link2 
Link3   

Link4 
Link5 

Link6
Link 7
   

#footer_nav h2 {
display: inline;
padding: 0 6px;
border-right: 1px solid #000;
}

#footer_nav h2.last {
border-right: none;
}


the class of last removes the right border and I end up with a nice 3 
row list:

Link1 | Link2 | Link3
Link4 | Link5
Link6 | Link7



Using this same 'last' class, can I apply a clearing element of some 
sort, so that I can take the  out of the xhtml?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS validation warnings question

[Brian Cummiskey]

Terri Chicko wrote:
> It says my CSS validates but I have 22 warnings all similar. Sorry, I  
> know these are dumb... but I don't understand.
>
> Warning
> "Same colors for color and background-color in two contexts #headline  
> and h1"
> Thanks
> Terri
>   
This means you have a background color that equals the foreground color, 
ie White on White.

It gives you a warning, as technically, this text is not visible.
__
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] validation errors

[Brian Cummiskey]

Terri Chicko wrote:
> Hi all
> OK, I'm working at restructuring 
Terri,

your doc type is XHTML strict.

your page is riddled with code that is NOT XHTML strict valid (and some 
that are not even Transitional valid)

bgcolor
font
etc

USE css classes or IDs, or gloabl elements.

ie, instead of body bgcolor, use

body { background-color: #ff; } in your css sheet.

instead of font, use 
and
.myclass { color: #ff; }
for example.


__
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] text-transform

[Brian Cummiskey]

SosCpdGMail wrote:
> Hello Brian
>
> Sorry, but I can't see if your question is how to retrieve uppercase text
> from database or apply pink/blue color to your selects.
Rafael,

Thanks, but I know how to do this and all the DB query behind it.  :)

The issue is that the functions I'm using to generate the selections are used 
elsewhere, and need the caps, so I'm trying to just style them appropriately on 
this one element before I go into the functions and make a case conditional for 
what page it's being called from.

My question was how to make it DISPLAY with CSS, if possible, in CamelCase.




__
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] text-transform

[Brian Cummiskey]

Hi Guys,

I have a select drop down filled with color codes such as

"PINK/BLUE"

etc...

I want them to show up as
"Pink/Blue"

in the database that fills this list, they are stored in all CAPS, and 
are pulled directly with no formatting.

I applied the text-transform of capitalize to the element, but it 
doesn't seem to have any effect.  It seems like it can only capitalize 
from lowercase, and won't lowercase all but the first letter.

Before I go server-side and lcase() my array, I'm wondering if theres a 
better way with CSS.

I thought about something like:

#myselect { text-transform: lowercase; }
#myselect { text-transform: capitalize; }

which will first lowercase all the items, and then capitalize the words.

but this doesn't seem to work...  it still displays in full CAPS.



Any css ideas (cross browser (so none of those :after techniques)) 
before i go into the back end system?

Thanks!


__
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 + text next to it off baseline

[Brian Cummiskey]

David Hucklesby wrote:
> It sounds like the image is sitting on the baseline of the text --
> in other words, it has a space underneath where the text descenders lie
> ("tails" of g, j, p, etc.)
>   
That's what i thought at first too   but there's no tail text.  its 
always "X Items".  (where "X" is a number)
> Try adding this rule:
>
> #cart img { vertical-align: bottom; }
>   
While this evened it out, it raised my text, instead of lowering the 
image.  odd.   i guess it works... i'll add some padding-top :D


Thanks David

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] image + text next to it off baseline

[Brian Cummiskey]

Hi all,

I have a simple problem with lining up text next to an image


0 Items

The image is a shopping cart icon. 

#cart holds text formating only, no positioning or floats, etc.

the text gets pushed a little lower than the image, probably 4px off 
baseline of the image.

This is an ascii exaggeration :)



== IMAGE


   0 Items


the image is fully cropped (no white space) so it should be sitting 
together, but they aren't.

Suggestions?
__
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] Styling an RSS feed { #rss: bother; }

[Brian Cummiskey]

Christopher Blake wrote:
>
> If you can't see what the names of the IDs and CLASSs  are from the  
> HTML (because the javascript is all that you can see) how the hell  
> are you supposed to style them


Chris, i think the real issue here is how you are aggregating the feed 
itself.


You should be using some sort of XML parser to split the , 
, and so on, and then use your OWN html/css to style the result 
on your page.
perhaps something like this is what you are after:
http://www.feedforall.com/download/rss2html.zip

Thus, I would deem this off topic for css-d, as once you have your own 
template powering it, you can mark it up how you see fit, including styles.
__
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] Normal bulleted lists... with smaller bullets

[Brian Cummiskey]

Jukka K. Korpela wrote:
> On Mon, 9 Jul 2007, Complex wrote:
>
>   
>> There's at least one thing I don't know how to do well with bulleted
>> lists. I would like to make normal unordered (bulleted) lists using
>> smaller bullets.
>> 
>
> You're not the only one with the problem, and I'm afraid there's no one 
> with a solution.
Correct me if i'm wrong, but wouldn't something like this work:


li { font-size: .6em; line-height: 2em; }
li span {font-size: 1em; }



Normal text, small bullet



Surely, it adds another (useless) tag, but solves the :after issue Jukka 
brings up.
__
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 for IE6 or IE7?

[Brian Cummiskey]

KS wrote:
> Hi,
>
> Is there a consensus whether one should design, using css, for IE6 or
> IE7? I looked up some latest stats and more people are still using
> IE6. I just wanted people's thoughts on this.
>   
Why not Both?

It's not hard to pull off.   There's plenty of tricks and fixes for both 
browsers to make both display properly.


__
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] Any consensus on reset css?

[Brian Cummiskey]

On Wed, 20 Jun 2007 23:04:55 -0400, Scott Glasgow wrote:
>> There seems to be a good deal of contention, or at least spirited 
>> discussion, on the
>> value or advisability of using reset stylesheets
>> (http://www.webmasterworld.com/css/3329010.htm). I'm just getting back into 
>> this and
>> I'm curious if there is any consensus here on the advisability of using this 
>> method,
>> and if so, whether the YUI or the Meyer (or some other) approach is 
>> considered "best."
>>
>> 

I'm using the 2nd version of Eric's reset on my latest client site.   It 
cleaned up several Ie7 bugs on the spot for me in my layout.

going forward, i will be starting with it base on all new projects.


__
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] Mac site check please

[Brian Cummiskey]

Richard Grevers wrote:
> um, your image replacement appears to be broken in Opera (checked in
> 9.21 on Windows) - I see both the logo and the H1 text overlapping.
>   

Richard, I have changed the technique.   Can you visit again and let me 
know if it is resolved now?

http://tinyurl.com/2bnwgu



Felix Miata wrote:
> Looks exactly the same live in Safari 1.3 as when submitted to 
> http://www.browsrcamp.com/. Pretty magazine page. Nice to look at.
>
> Can't read most of it though, at least not without 2 zoom steps.
>   
Felix,

I agree the fonts are a little small.   Unfortunately, they paid big 
bucks to some designer and my role is to code it to specs from the 
"designer's" html (aka dreamweaver table code).  I have mentioned this 
to them already, but they seem pretty set on the fonts.   I upped it 
from 76.1% to 80.1%.  Just a hair bigger and hardly noticeable, but may 
be the middle ground between making the client happy and having a usable 
site.  Plus, this also gives one additional -1 in font control now (-2 
now, before only -1 in font control in FF)
> You might visit http://juicystudio.com/services/colourcontrast.php and paste 
> in #808285.
>   
Again, same deal.  That's the color the designer chose and the client 
approved upon.   I myself am colorblind and I do find it hard to read.  
With the help of that link, however, I have some backing to send back to 
them to let them know that it doesn't work.  Thanks.



David Laakso wrote:
> Nice visual, Brian.
Thanks.  :)  Unfortunately, I can't take credit for it. 
>
> In Safari, Camino , and WebKit she holds at +2 without a problem.
Can you try this again now that i bumped the base font a couple 
percent?   It holds +2 in FF for me still, so i'm hoping it holds across 
to Safari as well.
>
> In general, bumping the contrast could be welcome by some users, and 
> the image-text at the bottom of the left column is tough to read (I'm 
> at 1680).
>
Agreed on the image text.   I'm most likely going to re-do that section 
and make the text of the image actually text.




Thanks all for the help and suggestions!

-Brian




__
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] Mac site check please

[Brian Cummiskey]

Can someone on a mac please check this out for me?

*http://tinyurl.com/2bnwgu

TIA
*
__
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] floats in floats

[Brian Cummiskey]

Hi All,

Having a little problem with clearing multiple nested floats.

Take the following (simplified) markup:

 
 

 

   
  

  


  

   



  
  
  
  
  

relevant CSS:

#itemmeta {float: left; }
#itemimage { /* no display markup, just text coloring and padding here */ }
#prodform {/* no display markup, just text coloring and padding here 
*/ }
.frmleft {float: left; }
.frmright {float: right;}



How i want this to display is as follows:


|---
|  image | h1
|| h2
||--|| p
||  frmleft   |  frmright  || more p...
||  ||| more p...
||  (need a clear here)||  more p...
||--||  more p...
|   more p...

|  more p...
|---


But it's doing this, even without the clearing element:


|---
|  image |   
||
||--||   
||  frmleft   |  frmright  ||   
||  |||   
||  (need a clear here)||
||--||
|  h1
|  h2
|  p
|   more p...

|  more p...
|---



How do i float, within my float, without messing up the outer float?





__
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] right-nav out on IE6

[Brian Cummiskey]

Gunlaug Sørtun wrote:
> Kill that 'margin-doubling on floats' bug, by adding...
>
> #rsidebar {display: inline;}
>
> ...and IE6 will behave as intended.
>
> regards
>   Georg
>   

Thanks Georg,

I put the code in, but unfortunately i don't have ie6 at my disposal 
here at the office.  Will have to wait until i get home to test to see 
if it is indeed fixed.

Thanks again :)

-Brian
__
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] right-nav out on IE6

[Brian Cummiskey]

Hi All, I'm working off a 3-col template from the wiki, where content is 
first in the source.  The example was given in 100% fluid.   I've 
altered it some to suit my needs, but for the most part, its the same 
concept. 

My design i'm working with is fixed-width.  I added an outer wrapper 
with the fixed parameters, and that seems to contain it in 'good' 
browsers.  However, in IE6 (FF and Ie7 are ok...  haven't looked at it 
on a mac yet), my right hand nav is popping out all the way towards the 
right, as it would be positioned if the design were 100%.   How can I 
get IE6 to follow into the layout following the rule of the wrapper's width?

Any one have any ideas?

site:
*http://tinyurl.com/2n94pd*

css:
*http://tinyurl.com/2mhwcn


*
__
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] Rollovers (hovers) not working in Firefox

[Brian Cummiskey]

Kathi Cushman wrote:
> http://www.igryphon.com/microtia_final/age-to-begin.html
>   
Kathi,
you do have some markup errors:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.igryphon.com%2Fmicrotia_final%2Fage-to-begin.html

Those may be contributing to it.
> On a side note, the horizontal nav bar is made up of one horizontal div, 
> then individual divs nested in it for each nav "button." I would rather 
> have had the buttons all in the one larger div, but I couldn't get them to 
> display in a row, even when I changed "display: block" to "display: inline."
>   
The best option for navs is a LIST.

Check out this site for examples:

http://css.maxdesign.com.au/listamatic/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ie6 float around issue

[Brian Cummiskey]

Hi guys,

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

FF and IE7 display it properly.

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

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

Any ideas?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] best way to display multiple columns with odd heights

[Brian Cummiskey]

~davidLaakso wrote:
> See "Any Column Longest" in the CSS-D wiki: 
> 
Perhaps I wasn't clear.  :)

The issue is not with the right column at all.  It's with the items 
inside the left main column.

If you're familiar with Shaun Immans' Mint product, the multi column 
display with heights all different, yet the item on the 'row' below it 
is right up against the item above it, regardless of what the other 
columns happen to be in terms of height.  If you aren't familiar with 
the layout of mint, I have it running on my server:
http://hondaswap.com/mint/
This is what i'm trying to create

__
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] best way to display multiple columns with odd heights

[Brian Cummiskey]

Hi All,

I'm working on an attributes manager (sizes, colors, etc) for a product 
catalog's admin section.

I'm trying to come up with a good way to display these, as the height of 
the element can be anywhere from 1 item to 1000 items (or even more is 
possible -- its unlimited)

For example, sizes, we have a nice header and the sizes under it:
   
SIZES
Small
Medium
Large
X-Large

And then there's colors--  and there will literally be hundreds of these:

COLORS
White
Blue
Red
Yellow
Green
etc etc etc
Black


Currently, each grouping is wrapped in a div class, displayed in 
float:left inside the wrapper of this section.

Stripped down version of the code looks like this:



MENU SYSTEM HERE



   Colors
  
 Blue
 etc



   
  Sizes
 
 Small
 etc
  
   




--
#mainwrapper { margin-right: 350px; }
#rightcol { float: right; width: 325px; }

#sectionwrapper { padding: 10px;}
.section { float: left; }
.clearit { clear: left; }

When one list gets tall, all the other shorter columns around it suffer 
and get pushed down, leaving gaping holes in the layout.


Since this is 100% user adjusted, there's no way to say what the heading 
is called, what it contains, or how many elements it will have.   I need 
to come up with the best solution to fit everything on the screen, 
taking into account small lists, tall lists, medium lists, and 
everything else.

Any ideas how to pull this off?  It's not so much the code i need help 
with... but rather, what's the best solution to make the layout work and 
be usable.

Thanks in advance!


__
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] IE6 pop-out menu issues

[Brian Cummiskey]

Brian Cummiskey wrote:
>
> it works perfect in ie7
>


whoops!   Replying to myself here, as this is not the case.  IE7 also 
has some z-index related issues.
FF2 seems the be the only thing displaying it perfectly.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE6 pop-out menu issues

[Brian Cummiskey]

Hi all, I'm working on a new nav system for my vbulletin site, and I 
want to have a sub nav pop out on the bottom 2 elements.
it works perfect in ie7 and firefox 2, but the popouts -push- the 
elements down when the sub-ul menu is displayed in IE6.

I am using the csshover.htc for ie6, and i'm not sure if its related at 
all to the problem.

Can anyone take a look?

I added a super-thick border around the container so its easy to see 
everything getting pushed out.

style embedded here:

http://hondaswap.com/layout_test.php

Thanks
__
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] mock-up help

[Brian Cummiskey]

Gunlaug Sørtun wrote:
>
> 
Ahhh relative (percent) absolute positioning.  Why didn't i think of 
that?  That's a perfect example, Gunlaug.

Thanks!  I'll get crackin' on that and let you know what I come up with.
__
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] mock-up help

[Brian Cummiskey]

Hi guys,

I've been given a template to build a contact/poll form with.

Without giving out too much info, I made a quick mock up on my personal 
file server:
http://hondaswap.com/files/template.jpg


The curvy line will be even (i just can't draw), so I'm probably going 
to take the top 100px or so (1 full "sin" curve of the wave if you will) 
and repeat it down on a wrapper div thus making the nice separator.

Within that div, 2 nested divs, floated left, one for the questions, and 
one for the address info.
and a clearing element at the end.

*What's throwing me off are the stars.*

They have randomly placed stars/flowers around the questions as in the 
example I've linked above in random sizes (images, not shapes)

What's the best way to get these in there?  I'm trying to avoid absolute 
positioning as this will be a fluid-width design, and wrapping on the 
questions for smaller resolutions will throw it all off.

Thanks

__
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] Question re: rule syntax

[Brian Cummiskey]

Dean Champeau wrote:
> ul#navmenu
>   
this will effect this:




Note that a general #navmenu {} style set will work the exact same.  
This just specifies it further to be that of a list containing this ID.
> #navmenu ul
>   
This will effect this:





(or another parent element, besides div)
__
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 row highlighting?

[Brian Cummiskey]

[EMAIL PROTECTED] wrote:
> anyway to do this in CSS for IE? In IE the table row is not
> highlighted...
>   
IE doesn't support any pseudo classes, except :hover on the a element.

There are work around's, such as csshover.htc, which is a JS library.
http://www.xs4all.nl/~peterned/csshover.html

__
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] duplicate id's

[Brian Cummiskey]

Mark J. Reed wrote:
>   The rule requiring IDs to be unique has
> nothing to do with CSS: it's part of the XHTML specification. 
>
Thanks Mark, that answers my question.  :)
__
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] duplicate id's

[Brian Cummiskey]

I know the rule is 1 ID per page.

But this got me thinking...

Take for example, this markup:


dfdsad
fsdfsd



dfdsad
fsdfsd



If I only have styles addressed as

ul#foo li#first
and
ul#bar li#last

is this still considered wrong?
__
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] Why doesn't this padding-left work?

[Brian Cummiskey]

> 
>   

>
>  
>CSS Information
>Lorem ipsum, etc.
>   
>   

xhtml tags cannot be uppercase.

DIV should be div
H2 should be h2

Some browsers may treat this weird
__
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] alternative to inline-block

[Brian Cummiskey]

> Aha.
> #navbar is not floated. And yes it better has 'layout' in order to  
> contain and constrain the floated ul inside of it.
> options as 'layout triggers': width, height, zoom:1,
> Zoom:1 is probably the best option: hidden from other browsers, and  
> will work for both IE 6 and 7.
> If you worry about validation, put it in a conditional comment.
> inline-block is a bit dangerous, at the moment, IE doesn't implement  
> it correctly at all for block-level elements, it only acts as a  
> 'layout' trigger, but  who knows what happen tomorrow.
the zoom:1 works the same as display:inline-block so i guess I will use 
that.

Thanks for the help Philippe.
__
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] alternative to inline-block

[Brian Cummiskey]

Philippe Wittenbergh wrote:
> If that menu is floated, it already 'hasLayout' [1]
> I suspect something else is going on with it.
> Do you have a sample url ?

No sample URL to post right now, but Here's the basic markup and css:


mast head///


View All 
Items
View Clothing
View 
Accessories
   



About the 
E-Store
President's 
Letter
FAQs




body//
footer/




#navbar {
display: inline-block;/* ie6 fix */
background: #036;
color: #fff;
padding: 0;
margin: 0;
}

#navbar ul {
margin: 0 5px 0 5px;
padding: 6px 4px 6px 4px;
}

#navbar ul.fleft {
float: left;
}

#navbar ul.fright {
float: right;
}

#navbar ul li {
list-style-type: none;
display: inline;
margin: 0;
padding: 6px 4px 6px 4px;
}

#navbar ul li a {
margin: 0;
padding: 6px 4px 6px 4px;
color: white;
background: inherit;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
}

#navbar ul li a:hover {
color: #222;
background: #CBD3DB;
text-decoration: underline;
}




Without the display:inline-block, the menu is all messed up in IE6. 
__
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] alternative to inline-block

[Brian Cummiskey]

I have a menu that is floated, and the only way it renders correctly in 
ie6 is if it gets a hasLayout attribute.  I added display: inline-block 
to the container div, and all is well. except, it doesn't validate.  
You and I both know it does, but the validator says otherwise, and 
unfortunately, that is what my client is going to be looking at.

Is there an alternative to display:inline-block that will give a div 
hasLayout?

__
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] a tabless bulletin board?

[Brian Cummiskey]

cappellano wrote:
> is there any bulletin board (entirely) tabless? 
>   
If there are, they aren't any good or popular.

I am currently at the early stages of a huge project, of converting 
vBulletin to standards based, table-less (or maybe less-tables depending 
on how it turns out...) layout.

http://vbstandard.com

Hoping to debut with a beta skin in late october/early november.


__
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] no class, no id, no element?

[Brian Cummiskey]

I'm looking through a vBulletin install, and I'm noticing some weird things:

a:link, body_alink {

* color : #9c;

}


what is body_alink here?  It's not a class, nor an ID, nor an html 
element, and it's separated by a comma, so it's not playing parent/child.
It validates, so it must be correct, no?

I've never seen this before.  Can someone shed some light?


Thanks!
__
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] bunch of ie problems

[Brian Cummiskey]

Hi Tom,

>  * Line: 569 Context : #catnav
>
>Invalid number : display inline-block is not a display value :  
> inline-block
>  * Line: 576 Context : #pagenav
>   
These were the hacks Holly suggested to fix the HASLAYOUT IE bug on the 
nav bars.
>Invalid number : display inline-block is not a display value :  
> inline-block
>  * Line: 653 Context : * html #overlay
>
>attempt to find a semi-colon before the property name. add it
>  * Line: 653 Context : * html #overlay
>
>Property progid doesn't exist : DXImageTransform
>  * Line: 653 Context : * html #overlay
>
>Parse Error - DXImageTransform.Microsoft.AlphaImageLoader 
> (src="overlay.png", sizingMethod="scale");
>  * Line: 654 Context : * html #overlay
>   
These are all part of the lightbox JS image viewer,  and again, are ie 
hacks.
>Parse error - Unrecognized : }
>  * Line: 656 Context : #h2wrapper
>
>Invalid number : margin Too many values or values are not  
> recognized : 15px 0 15px 0 0
>   
But that's a big oops.  That, or I'm trying out a new pentagon layout :D
> In Firefox it looked as though the search button and the  
> search box overlapped by a few pixels.
>   
Thanks.  I'll add a hint more spacing between the box and button.
__
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] bunch of ie problems

[Brian Cummiskey]

Gunlaug Sørtun wrote:
> #page {position: relative;}
>
> regards
>  Georg
>   
Thanks Georg.  This seems to have helped out greatly.  Its not perfect, 
but its much better than it was.
__
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] bunch of ie problems

[Brian Cummiskey]

I'm nearing completion on a client website, but i keep running into 
numerous IE6 problems.  The site runs and looks perfect in firefox.  It 
is build off a highly modded wordpress install.

Rounded corners:  after some scrolling where the top portion of the page 
is out of view, sometimes IE will display it fine, others it will push 
the rounded corners out some, leaving a gap.  Other times, the corners 
stay put, but a blue bar fills the top margin area.  I'm wondering if 
this has to do with the HAS LAYOUT fix that Holly helped me with for the 
menus last week, but i'm not sure how to implement it on this type of 
markup.

Content area background gradient:  Fails to show in IE on all pages, 
expect where i have a:hover images on the category listing pages.  The 
links use the single image background positioning trick to "pre load" 
the hover image.  When hovered, the gradient appears. when un-hovered, 
it disappears again.  (check the price list or testimonials page for 
example)

There may be other things I haven't found yet, but those are the major 
ones i'm dealing with right now.
Also, I haven't checked it on a Mac yet, so if any mac users out there 
can give it a check, i'd appreciate it.

(sorry for the cloaked addresses, but i don't want the site public yet)

*site:  http://tinyurl.com/qdr9b
css:  **http://tinyurl.com/zld4l   (kinda messy, still working on 
cleaning up a lot of the default wordpress settings)

*Thanks,

-Brian
*
*
__
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] adding ALT text to a CSS - background-image

[Brian Cummiskey]

On 7/17/06, Maciejewski, James <[EMAIL PROTECTED]> wrote:
> Is it possible to add ALT text to this?

No (at least not directly)

If the image is presentational, it should be in the background with no alt
if the image is content, it should be in img tags, and properly alt'ed.
__
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] IE draws a random line through nav & links issue

[Brian Cummiskey]

On 7/12/06, Brian Cummiskey <[EMAIL PROTECTED]> wrote:

> Issue 1:
>
> When I met wth my client at their place the other day, I noticed for the
> first time a weird IE quirk.  When scrolling occurs, sometimes the nav
> bars when you scroll back up will have a random 1px white line through
> them.  I DON'T see it and HAVEN'T been able to reproduce this on my
> IE6/xp on my laptop, but I linked it to a buddy on the same setup who
> does see it.
>
> To reproduce:
>
> go to: http://www.mtcues.com/beta/category/testimonials/ (not limited to
> this page, just the longest one that should require scrolling on most
> "normal" resolutions) in ie6
> scroll down so nav bars are out of view, scroll back up to top.
> repeat a couple times.  a white line may appear.
>
> I'm guessing it has something to do with my a:hover thick bottom borders
> on the links, but I'm not certain.


I am still stuck on this.  No one has replied to this particular issue yet.
Thanks
__
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] Best CSS Online Validator

[Brian Cummiskey]

On 7/13/06, Marje Cannon <[EMAIL PROTECTED]> wrote:
> What's the best free online validator. The one at W3C throws up errors that
> are not errors.

the w3 one is THE validator.


> I continually get an error for specifying line-height this way:
>
> line-height: 2;
>
> and it keeps telling me that
>
> color: transparent
>
> is invalid


2 WHAT?  you need a unit, px, em, %, etc
__
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] IE draws a random line through nav & links issue

[Brian Cummiskey]

Rahul Gonsalves wrote:
> First off, nice design.
Thanks.  It's bare-bones right now.  I have some images in the works to 
spice it up some, but that's the framework/main color theme.
>
> I don't see either of your problems, running IE6.0.2900.2182 (SP2). 
> I'm able to click on the entire RSS link + icon, and I don't see the 
> white bars in your nav bar randomly appearing.
I had my buddy take a SS.  I uploaded it here:  
http://www.mtcues.com/beta/bars.jpg
It is not always in that position-- it moved randomly it seems, and he 
said he also cought it acting about 20px tall blocking the whole top nav 
bar with the white.
>
> The third issue I can't help you :-) , but I hope someone will, as I'm 
> also looking for the same solution.
:)   I'm sure someone on here knows

Thanks,

Brian
__
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] IE draws a random line through nav & links issue

[Brian Cummiskey]

Hi all,

I'm working on a client website using wordpress as the back end.  I have 
highly customized the skin to make it less blog-like and more CMS-like, 
as the application suits.  I modified the menu system so that Categories 
are listed on the top nav, and Pages are listed on the secondary nav.

I have two issues with this (barebones) layout:

Issue 1:

When I met wth my client at their place the other day, I noticed for the 
first time a weird IE quirk.  When scrolling occurs, sometimes the nav 
bars when you scroll back up will have a random 1px white line through 
them.  I DON'T see it and HAVEN'T been able to reproduce this on my 
IE6/xp on my laptop, but I linked it to a buddy on the same setup who 
does see it.

To reproduce:

go to: http://www.mtcues.com/beta/category/testimonials/ (not limited to 
this page, just the longest one that should require scrolling on most 
"normal" resolutions) in ie6
scroll down so nav bars are out of view, scroll back up to top. 
repeat a couple times.  a white line may appear.

I'm guessing it has something to do with my a:hover thick bottom borders 
on the links, but I'm not certain.


Issue 2a:

Also only in IE, the RSS link doesn't work as a link all the time.  It's 
fine in firefox, but in IE, only parts of the link are "hoverable".  I'm 
using a standard RSS icon as a background image to the list element.  
See the footer list.

Issue 2b: 

Also on this footer list, I'm using pipes as list elements, and i'd like 
to get away from this.
ie:
one
|
two

I would like to maintain the pipe separator, but realize that this is 
poor semantics.  Since the elements are written dynamically (login vs 
logout links, and the admin panel link if logged in as admin) i need to 
include the pipe on a per-element basis and i'm not sure how to go about 
this.



TIA,
-Brian


__
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] Weird attribute

[Brian Cummiskey]

I just stumbled upon this in some (mostly table-based) code i'm
updating, and I've never seen anything like it before.

table, td {
  font:normal 11px Arial,sans-serif;
  font:normal 8px standard 07_55,Tahoma,Arial,sans-serif;
  color: #000;
}

What does  "07_55" and "standard" do, and does it over-ride the 11px
statement above?  Is this some hack?

Thanks for the info.
__
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] 3 column fluid, header and footer - the best layout

[Brian Cummiskey]

Trevor Boult wrote:

> You will see my container div in IE extends all the way over to the left 
> when floatright is applied to images in the container. Its all ok in 
> Firefox.

I'm not seeing this in IE6.

  I see the last image on the bottom break out of the container though. 
  To fix that, you need to clear:both; inside the container, perhaps as 
a div or other block-level element.


__
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] Iframe or div?

[Brian Cummiskey]

Don Miller wrote:
> Is there a way to make a . behave like an iframe?  
> I want the div to be a certain width and height and keep that size regardless 
> of the content but would like a vertical scroll bar to appear if the content 
> is longer than the div.


content


#scroll {
width: 500px;
height: 100px;
overflow-y: scroll;
}


You may get some beef with the validators about the -y part of the 
overflow property.  You can simply use overflow: to get both horiz and 
vert scroll bars however.

> Or would I be better off just using an iframe?

you're never better off using iframes :)


__
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] Ie extra padding [solved]

[Brian Cummiskey]

Shawn Lawler wrote:
> /* This should do it ;) */
> #navbar ul, #subnav ul {margin:5px;}

Of corse...  the only element I didn't target :P

Thanks Shawn, case closed :)

Have a good weekend everyone.

__
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] Ie extra padding

[Brian Cummiskey]

Hi Guys,

I'm in the process of un-table-izing a new vBulletin installation. 
(It's amazing how bad some of this mark up really is for 
enterprise-level software... )

Anyway, I'm making a nice new navigation menu all css instead of the 
useless table cells.

Can someone take a look?  IE6 seems to be adding double padding to my 2 
menu bars, but i can't seem to find which property it's inheriting it 
from.  She looks right in firefox 1.5 on pc.  (haven't tested for mac yet.)

http://tinyurl.com/rhcjn

Relevant css:


#navbar { border: 1px solid #222; margin: 0; padding: 0; background: 
#3E5C92; color: #fff; text-align:right;}

#subnav { border: 1px solid #222; margin: 0 0 10px 0; padding: 0; 
background: #738FBF; color: #fff; }

#navbar ul li, #subnav ul li { list-style-type: none; display: inline; 
margin: 0; padding: 0; }

#navbar ul li a, #subnav ul li a  { padding: 2px 10px 2px 10px; margin: 
0; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; }

#navbar ul li a:hover, #subnav ul li a:hover { color: #FF6;}



markup is a simple:









(Also, this site isn't open yet, so PLEASE refrain from posting the 
actual domain/url on this list as I don't want it to appear in search 
engine listings.  I don't see why you would, but just in case :P  )

Thanks,

Brian


__
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] wordpress OEM footer (Brian Cummiskey)

[Brian Cummiskey]

[EMAIL PROTECTED] wrote:

> I hope it works!

It does!  Thanks John.

__
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] wordpress OEM footer

[Brian Cummiskey]

I've noticed that my wordpress blog footer sidebar images align or don't 
align, depending on the width of the view port.

example:
http://www.skeymedia.com/

Resize and watch the footer.

This was tested in firefox 1.5

Any ideas?

__
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] liquid layout w/ bg image columns

[Brian Cummiskey]

Christian Montoya wrote:

> 
> As long as the floated columns are contained (add a clearing element
> before closing the first container), these two background images will
> extend the full height.

Thanks chris-  that clear is what i needed.

:)

All set.

__
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] liquid layout w/ bg image columns

[Brian Cummiskey]

Hi Guys,


I'm attempting to build this:


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

your basic 3-col fluid layout with a header and footer.

The kicker, is i want to have a small gradient where the 'plus' columns are.

I know with a fixed-width layout, you make the background image and 
'fake' the columns.  Can this be done with fluid?


160px | leftover width | 160px

I got it to work, but not with equal length columns, and thus the image 
just stopped repeat-y'ing when the context ended.

Thanks for any advice/links,

-Brian

__
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] Font problem body tag

[Brian Cummiskey]

[EMAIL PROTECTED] wrote:

> font:Arial, Helvetica, sans-serif;

try,

font-family:Arial, Helvetica, sans-serif;

__
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] Newbie question re: Link Target

[Brian Cummiskey]

Bryan White wrote:

> 1. How does one duplicate the behavior of the "target" attribute for
> hyperlinks using CSS? Specifically, opening links in a new window?

Simply put, you don't.  CSS is NOT a behavior.

This method is the most common way, but it requires JS.
http://www.sitepoint.com/article/standards-compliant-world/3

__
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] Example of multi-page design needed

[Brian Cummiskey]

Keith Kaiser wrote:
> I'm redesigning a very long page that requires a lot of scrolling. I'd like
> to replace it with a 100% CSS design that has a banner across the top and a
> menu along the left side. Each item selected simply appears in the space to
> it's right. Does any one know of a good example I could go take a look at,
> something that looks like it was made with frames or tables but is pure CSS?


Using pure css, this may be hard to achieve, especially with IE.
Using MOSTLY css, and a hint of javascript to toggle your divs from 
display:none; to display: inline; will make your life so much easier. 
But, there are other methods...



try someting like this:









#page1, #page2 { display: none; }

#menu { float: left; padding: 25px; }
#content_wrapper { padding-left: 10px;}





function toggle(whichpage) {

if(whichpage == 1)
{
document.getElementById("page1").style.display = "inline";
document.getElementById("page2").style.display = "none";
}
else
{
document.getElementById("page1").style.display = "none";
document.getElementById("page2").style.display = "inline";
}
}







page 1
page 2




blah blah page 1



blah blah page 2








__
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] Replicating the 'Million Dollar Webpage' in CSS

[Brian Cummiskey]

nouhad wrote:
> Can anyone help me code this layout in CSS ?
> I am somewhat new to CSS but I do know how to code in it.
> Help would be much appreciated.

There's a couple ways.

1, is to float each ad with a container wrapper div, but if you have 
different ad heights, it might become a mess and then yuo'll run 
into overlapping or spaces.

The other way is to use absolute positioning on each element... a pain, 
for sure.

Frankly, i think the image map is the best way.

an image map is still valid code, so long as its done correctly.

For those who don't know- this site is:
http://www.milliondollarhomepage.com/
and I wish I thought of it first

__
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] Web Developer Extension 1.0 Released

[Brian Cummiskey]

Brian Cummiskey wrote:
> Just passing this on from another list that I (and probably some of you) 
> are on.  New version of the firefox WD toolbar is out.

Sending the link would probably help:

http://chrispederick.com/work/webdeveloper/


Enjoy.

__
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] Web Developer Extension 1.0 Released

[Brian Cummiskey]

Just passing this on from another list that I (and probably some of you) 
are on.  New version of the firefox WD toolbar is out.
__
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] Creating Vertical Space

[Brian Cummiskey]

[EMAIL PROTECTED] wrote:
> Hi and happy christmas all!
> 
> I have a  element that contains another two vertical  
> elements that each contain some text, but I want to have some blank 
> space inbetween these 's but am wondering what the norm is when 
> wanting to create vertical blank space between 's as I don't 
> really want to populate my document with  tags.

Use margins or padding to create blank space below on the inner div's. 
Remember, if you floated one or more, to use a clearing div below.

__
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] Font-size keywords

[Brian Cummiskey]

Jonathan Carter wrote:
> interested to 
> know their pros and cons.


This is all covered in the wiki:
http://css-discuss.incutio.com/?page=UsingFontSize

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

[Brian Cummiskey]

D Ross wrote:
> This guy used to have an amazing myspace page but it appears they 
> deleted it for some reason...

They deleted it because he removed the ads from display.  That's the big 
thing in myspace terms of service.  You can do anything you want to your 
design, but you cannot cover up the ads.

> I saw it before they did and was in awe 
> that he could make all that table junk look like what he had it to. I 
> checked out his code and he had used display: none and replaced table 
> cells with divs and just replaced the content into the divs.

yup, thats the easy way to do it...


> Here's his site and about halfway down is a screenshot of what it looked 
> like.

> http://www.timbenzinger.com/


That's very nice, but again, it breaks the TOS, so it was rightfully 
deleted.  Perhaps they should have simply warned him to put the ads back 
in instead of just deleting it?   I don't know...


But, this is starting to get seriously off-topic.

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

[Brian Cummiskey]

Scott Haneda wrote:
> Ok, I have been wondering this for some time, and as much as I dislike the
> myspace generation, I need to know some technical aspects.

Hey wait, that's me :P


> I have seen maybe 2 pages where someone has done a really nice job laying
> out the page.  In the code, I see this:
> table table table table { css here };

This effects the 4th table nested in.  The mark-up on myspace is 
pathetic at best.  Frontpage could probably make cleaner code.  I even 
rant about it in my profile: http://www.myspace.com/pissedoffsol

and you can see my code to get my blocks to have that border:

table, td { background-color:transparent; border:none; border-width:0;}
table table table {border:3px solid; border-color:33; 
background-color:ff; }
table table{border:0px}
table table table table{border:0px}


the 3rd table in is the holder, and the 4th is the data/text in that block.


I spent like 20 min on my page one night when i was bored, before i got 
frustrated with it.  You can't do anything good with it because 90% of 
the tag-soup contains font tags and so forth that end up just 
over-riding your css.

Another kicker, is that you can't use #333.  it will eat the # sign, and 
doesn't know what to do with the 3-character short hand.  so you have to 
feed it background-color: 33;
It also doesn't like taking multiple parameters, such as border: 1px 
solid #333;  You have to split out the color.  see my code above.. it's 
like that for a reason.


The only thing i regret, is that i didn't create myspace.  What did it 
sell for, $200 million or something like that?  But, that's off topic.
__
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] It's possible to do that ...

[Brian Cummiskey]

Reynier Perez Mira wrote:
> Well .. I check later the page you leave me. What's means "foo" ?? I can't 
> understand complety your sentence because I not know what's mean "foo".
> 
> Soury I'm cuban and pratice english only in this way

Hi Reynier:

"foo" is a word that is used in programming much like "X" is used in 
math.  The same goes for "bar" or, in math, "Y".

There is no real value to them.

for example,


if($foo)
{
echo $bar;
}

is a common example used.

Hope this helps.

__
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] absolute positioning??

[Brian Cummiskey]

Greg Morphis wrote:
> Oh and how would I add the words to it? like "Work" or "Vacation" using a 
> table?
> 




Vacation



__
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] absolute positioning??

[Brian Cummiskey]

Greg Morphis wrote:
> okay so using the tables would it allow for multiple enteries on the same day?
> Thanks!

This doesn't seem like a coding problem but rather a business logic 
problem??

For example, how can someone be on vacation, and in a meeting at the 
same time?

__
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] absolute positioning??

[Brian Cummiskey]

Greg Morphis wrote:
> here's a screen shot of what I'm trying to dupe.. Thanks!
> http://home.alltel.net/omen/schedule_example.jpg


I may not speak for everyone here, but I would use a table for this.

Every half-hour is a data cell, and use the proper colspan's as necessary.

Can it be done in pure CSS? Sure.  But I don't think it's the best 
method in this case.

__
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] database tabular data

[Brian Cummiskey]

[EMAIL PROTECTED] wrote:
> How do I layout css div's to display multi columm tablular data from a 
> database. Up until now I've used tables within an asp loop, with  or 
> each row and  for each column.
> 
> 
> Ideas for a css layout would really help.

Tabluar data is SUPPOSED to go in a .  Use a table.  Tables are 
NOT CSS no-no's when they are used properly.

__
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] float wrap?

[Brian Cummiskey]

Squibb, Brian wrote:
> Do you mean a nested float?
> 
> Like:
> 
> #main_left {
>   margin-right: 340px;
> }
> 
> #MAIN_LEFT #main_right {
>   float: right;
>   width: 336px;
>   height: 400px;
>   }


That was way too easy...  :)

<- goes and gets another cup of coffee


Thanks.  :)

-Brian



__
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] float wrap?

[Brian Cummiskey]

Morning all (or whatever time of day it is :P )

I'm trying to float a google ad (large rectangle) inside a div and have 
the text from another one wrap around it.

here's a basic diagram:


|---|
|   mast head   |
|---|
|   wrapper |
||--|---|--||
||left  |   center wrapper  |   right  ||
||col   ||-||col   ||
||  || the text in here should   | ad  ||  ||
||  || wrap like this along the  | here||  ||
||  || ad space and then |-||  ||
||  || continue uder the ad like this line ||  ||
||  || does so as to make the text wrap.   ||  ||
|---|
|   clearing div|
|---|
|   footer  |
|---|


The way it currently sits, i have in the center wrapper holding 2 divs, 
main_left and main_right.  Main_right holds the ad.  main_left holds the 
text.

I currently have it set up as:

#main_left {
margin-right: 340px;
}

#main_right {
float: right;
width: 336px;
height: 400px;
}


with main_right coming first in the source.

This doesn't work, as it simply makes it two "table-like" columns, and 
the longer text doesn't wrap.

Open to suggestions and guidance.

Thanks,
Brian

__
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] site check - flash transparency check with windows

[Brian Cummiskey]

rashantha de silva wrote:
> every thing looks good on safari, but i need confirmation from pc users.
> 
> in virtual pc on my powerbook the flash edges seemed to be jagged.
> 
> windows users can you please check this on a desktop as well as laptops.

I'm not sure which i'm supposed to be seeing... but IE and firefox look 
very different on my xp machine.

ie doesn't have a black bottom 50-ish px footer.
firefox does

when hovering over some images, a pink bar appears on the main image up top.

and i hope this is just a dev server, because it took me about 45 
seconds to download the site on my works dual oc-3 connection...

Scrolling is also wierd.  it scrolls very slow in firefox.

When not full-screen, the top menu is not there anymore in either 
browser. (i usually browse on my 1600x1200 screen at about 1/4 window 
height)

In IE, the menu is impossible the read.  the font is wierd.  firefox 
shows the text ok though.


I'd recommend hitting up browsercam.com for this one

__
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] [OT] Re: Quoted Pound Sign

[Brian Cummiskey]

Stephen Kortz wrote:
> Hi,
> 
> In the following html statement: Home. Could anyone
> please explain to me why the pound sign is placed in quotes. I'm a bit
> baffled about this one.

This has nothing to do with CSS.


W3 spec [0] suggests links be wrapped in quotes.  # is a book mark, 
usually something like:  #top where there is an anchor or id of "top" 
somewhere else on the page, and it scrolls to that location.  When there 
is no location, its simply a place holder for testing or for 
(non-accesible) javascript links.

0- http://www.w3.org/TR/html4/intro/intro.html#h-2.1.1

__
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] Box Model Tutorial

[Brian Cummiskey]

Miki Kersgard wrote:
> I'm having a moment of brain lapse here. In the last day or two someone 
> on this list or my Dreamweaver list posted a nice bunch of links for box 
> model tutorials. 

http://www.tantek.com/CSS/Examples/boxmodelhack.html
http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41

__
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] Question from a beginner

[Brian Cummiskey]

Stephen Kortz wrote:
> Hi all,
> 
> Is there a preferred way to get a project started. What I mean to say is, do
> you type of all the HTML first, mark it up and then write the CSS or do you
> do it piece meal? I am just trying to figure out a logical process which to
> go by so that I can make my work easier to understand and accomplish.
> 

Hi Stephen:

I think you will find this answer comes down to one thing: personal 
preferrence.

Much like chosing the "best" editor, how you develop is something you'll 
fall into on your own.

The way I do it is multi-tasked.  It's a RARE occasion when i don't have 
edit plus open with 6 tabs (my php functions, my js functions, my xhtml, 
my style sheet, and my php class wrapper), photoshop, my ftp client, 
firefox, IE6, and opera.

I like to check as i go, I save & refresh as much as 30 times a minuete 
when i'm trying to tweak one thing.  At the same time, Sometimes i'm 
lucky to refresh once in an hour, as I blast through a bunch of 
basic/common xhtml and simple div's or what have you.

__
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] using on non-form elements

[Brian Cummiskey]

This is probably a stupid question... (but you know what they say :p )

I have two "groups" on my sidebar:

-1, a css-grouped form for user login within a fieldset and legend.
-2, a stats table (tabular data)

My idea, is to get both these elements to appear the same, at least as 
far as the legend is concerned.

I used some margins and font sizing to make it pretty close, but i'm 
afraid once font sizes change/zoom thatit will break.

Would it be considered bad to wrap non-form data (in this case, my data 
table) with a fieldset and give it a legend tag, thus making my markup 
of the two groups similar?

I know i'm already going to have issues with text zoom on the 
fixed-width sidebar (I plan to change that later down the road)


and example of what i'm playing with is here:

http://www.hondaswap.com/index_v5.php

__
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] using CSS to present data in a grid/table format

[Brian Cummiskey]

Gale Stafford wrote:

Hello folks! Newbie list member here!

I have some information that I want to present in a grid / table
format (six columns by nine rows) but I'd like to use CSS to do it. Is
this realistic? Or is it more practical to just use tables?


If it's tabular data, use a table.  Can the data be grouped into logical 
rows/columns?  if so, then a table is the best semantic markup to use.


__
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] How do I limit a div's height and force a scrollbar?

[Brian Cummiskey]

Rick Faircloth wrote:

What would be the setting to limit a div's height and
force it to use a scrollbar after it expands beyond 100px?

max-height: 100px;  ?




height: 100px; overflow: scroll;

If this gives you an un-wanted horizontal scroll bar, you can use the 
overflow-x and overflow-y properties that IE supports, but aren't 
exactly valid.

__
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] textarea and printing

[Brian Cummiskey]

Josue Martinez wrote:

Brian, have you used a different style sheet specifically for printed
material (print/css)?


yes.  i have a main.css for media = screen and a print.css for media=print



On 9/23/05, Julie Angarone <[EMAIL PROTECTED]> wrote: 

I have done this - in the css for Print media I simply set the div that
scrolls to not have overflow in it - see my site:
https://webdb.princeton.edu/dbtoolbox/query.asp?qname=scadmembers


This won't work for me.  I'm dealing with the actual 
 form element, not a scrolling div.


diego nunes wrote:
> Using only CSS I don't know how to achieve it, but it's very easy
> with JavaScript, if you can use...

I can use javascript so long as its cross-browser (firefox/ie 6 on pc) 
and doesn't involve any onload() type functions (as i already have a 
huge onload and the page rendering is already suffering because of this 
on my machine with 512mb of ram)



Thanks for the advice so far guys.

__
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] textarea and printing

[Brian Cummiskey]

Hi all.  Happy Friday :)

I'm working on setting up a print version for an online QA evaluation 
form for my company.


The problem i'm having, is that if the entered text is bigger than what 
the textarea can hold in physical shape/size, it obviously clips the 
text and is not printed.  Whatever is in the scrolling part of the box 
is never seen.  I can't have this and need to display all text.


Is there a way to style a textarea to act as a  tag, or something 
similar, so it loses the box?  Simply display it all inline instead of 
being in the scrolling text box?


TIA





__
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] maxlength attribute in css

[Brian Cummiskey]

Christian Heilmann wrote:



What is wrong with ? A maximum length is not
a visual attribute, it is a data restriction, and therefore not the
job of css. 


there's nothing "wrong" with it, but it won't validate xhtml strict...

sorry, i don't have a solution either.

__
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] form field grey out.

[Brian Cummiskey]

Dan McCullough wrote:

Not sure I described that correctly, but I was looking for an idea on
how to have like a text box with some data in, but make it uneditable
and look like its greyed out.




firefox will make this grey by default.

for the others, add a class to the element, and some background coloring.

class="readonlystyle" />


.readonlystyle { background: #ccc; }

__
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] quick site check (aj's)

[Brian Cummiskey]

I'm working on a site w/ a custom shopping cart for a friend's car audio 
store.  I have a basic layout setup at this point, and before i go any 
further, i'd like to see how it degrades across the list.

Everything i've tested seems to work fine, but ya never know.

If you have 10 secs, please click: 
http://www.hondaswap.com/ajscaraudio/products/index.php


Thanks

__
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] How to get rid of gaps

[Brian Cummiskey]

Peter Speltz wrote:

 If anyone cares to reply: Is using id just a
matter of protection for the developer by limiting them or is there
more to it than that?



NEVER limit the developer.

there is a time for a class
and a time for an id.

such as:

.menuitem { color: #fff; }
#menuholder { border: 1px solid #000; }



Link1
Link2



there is much more in the css-discuss wiki.


__
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] Hacks, to use them, or not

[Brian Cummiskey]

Al Lemieux wrote:

Deb,

I'm in total agreement with Haoshiro. Hacks are just that - hacks. Its like
using a screwdriver to hammer in a nail. A lot of them didn't work for me
either.


to the OP, most hacks are documented in the wiki- 
http://css-discuss.incutio.com/?page=CssHack


whether you use them or not is personal preference.

My personal opinion, is that if you come to the point where you need to 
use a hack to get by, perhaps you should re-consider your design.  I 
code hack free.  And that includes the box model hack.  I see no need 
for it.


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