Re: [css-d] List item hover issue

[Gunlaug Sørtun]

Jonathan Carter wrote:
> http://www.epiphanize.com/

Those buggy browsers ;-)

Change width on 'div#Header ul#Navigation li' from percent to 100px, and
it will work in Firefox too.

BTW: you use XML syntax in there. That requires an XML declaration,
according to HTML Tidy.

...should do fine on top.

Otherwise quite nice and well-working "garbage" IMO :-)

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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] vertical alignment of text fields with other elements - I'm stuck!

[Don Hinshaw]

Philippe Wittenbergh wrote:
> 
> * is the universal selector[1]
> 
> As usual, a quick copy paste in SelectOracle would explain the selector 
> as well[2].

Thanks again...I had forgotten about SelectOracle..but now it is in my 
toolbox :-)

Don

__
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] vertical alignment of text fields with other elements - I'm stuck!

[Philippe Wittenbergh]

On 5 Nov 2005, at 2:06 pm, Don Hinshaw wrote:

>> #searchBox form { margin:0; padding:0;}
>> #searchBox form * {vertical-align:middle;}
>> and delete that margin-bottom on the #searchBox input#search
>
>
> Philippe,
> Thanks for an even simpler solution! Tell me...what is the function of 
> the '*' in the second declaration?

* is the universal selector[1]

As usual, a quick copy paste in SelectOracle would explain the selector 
as well[2].

Selects any element  that is a descendant of a form element  that is a 
descendant of any element with an id attribute that equals 
searchBox.

[1] 
[2] 
Philippe
---
Philippe Wittenbergh


__
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] vertical alignment of text fields with other elements - I'm stuck!

[Don Hinshaw]

Philippe Wittenbergh wrote:

> #searchBox form { margin:0; padding:0;}
> #searchBox form * {vertical-align:middle;}
> 
> and delete that margin-bottom on the #searchBox input#search


Philippe,
Thanks for an even simpler solution! Tell me...what is the function of 
the '*' in the second declaration?

Don
__
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] List item hover issue

[Michael Hulse]

On Nov 4, 2005, at 8:14 PM, Jonathan Carter wrote:
> I'm designing a test page right now and have run into an odd issue with
> my top navigation. It's implemented as an unordered list and works fine
> until you mouse over one of the list items in which each item seems to
> convert into block elements and ruin the layout. I'm not very strong in
> CSS design so any help would be appreciated. Also if someone could
> briefly help me to understand how and when to effectively use em units
> in setting element margins, ect. I get it's application in text sizes
> but not so much in page layout design. The page can be viewed at the
> following URL:
>
> http://www.epiphanize.com/
>
> Thanks again.
>
> Note: I realize the above page looks like garbage, but it was thrown
> together in about an hour as practice.

Sorry, I do not have time to look things over... but, I would suggest  
you check these sites:

http://css.maxdesign.com.au/listamatic/
http://www.l-c-n.com/IE5tests/phantom-links/
http://www.cssplay.co.uk/menus/index.html
http://www.pmob.co.uk/
http://www.alvit.de/handbook/

And do not forget to validate:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.epiphanize.com%2F

http://jigsaw.w3.org/css-validator/validator? 
uri=http%3A%2F%2Fwww.epiphanize.com%2FApp_Themes%2FDefault%2FDefault.css 
&usermedium=all

You might have better luck finding some code via listamatic and  
tweaking that code to suit your needs instead.

Other than that, I am sure one of the CSS gurus on this list will give  
you the answers you need.

Good luck,
Cheers,
Micky



-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] List item hover issue

[Jonathan Carter]

I'm designing a test page right now and have run into an odd issue with 
my top navigation. It's implemented as an unordered list and works fine 
until you mouse over one of the list items in which each item seems to 
convert into block elements and ruin the layout. I'm not very strong in 
CSS design so any help would be appreciated. Also if someone could 
briefly help me to understand how and when to effectively use em units 
in setting element margins, ect. I get it's application in text sizes 
but not so much in page layout design. The page can be viewed at the 
following URL:

http://www.epiphanize.com/

Thanks again.

Note: I realize the above page looks like garbage, but it was thrown 
together in about an hour as practice.

__
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] Body Background issue

[Michael Hulse]

On Nov 4, 2005, at 7:29 PM, Kenoli Oleari wrote:
> I'm working on a MacIntosh system.
>
> I notice that when I use the style:
>
> body {
> background-image: url(assets/bottom_image.gif);
> background-repeat: no-repeat;
> background-position: bottom center;
> }
>
> It is rendered differently in different browsers.
>
> Safari puts it at the bottom where it is supposed to be.
> Firefox puts it about 15% down the page from the top.
> Internet Explorer sort of tiles it, but in some kind of messed up up
> way sarting about half-way down the page and creating overlapping 
> tiles.
>
> What's up.  All the resources I've read indicate that all current
> browsers should render background styles correctly.


Example page?

Maybe try using units instead of keywords:

background: url(assets/bottom_image.gif) no-repeat scroll 100% 50%;

Prob wont help, but worth a try... Post a link if you can.

Micky



-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] Eureka!

[Al Sparber]

The page is still broken and it never had anything to do with our 
script :-). The link you posted on our newsgroup earlier was 
mis-spelled. Your problem is not fixed. Feel free to post again and 
we'll help you fix it.

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".



- Original Message - 
From: "Angela Trigg" <[EMAIL PROTECTED]>
To: "'css-discuss'" 
Sent: Friday, November 04, 2005 9:53 PM
Subject: [css-d] Eureka!


> Thanks to everyone for your suggestions, and words of encouragement! 
> Based
> on various suggestions I decided to get rid of p7 and go with a 
> hover to
> show the UL based on this article:
>
> http://www.tjkdesign.com/articles/dropdown/default.asp
>
> and then tweaked it to my design (so it drops up)
>
> and bingo- it works in IE/WIN 6.1, Firefox, and NN7!!
>
> I just need to do some cleanup (dropup going up too far in NN7; 
> space
> showing in IE between menu and redline, etc), but main hurdle 
> jumped!!
> __
> ANGELA TRIGG * TRIGGERID
> www.triggerID.com
>
> __
> 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-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] Eureka!

[Graham Cook]

Hi Angela,

Sorry to tell you this but you still have a few problems in IE. I am finding
that on mouseover the highlighting of the parent item (eg who what etc) is
slow to display, and more importantly, when moving my cursor up to the
submenu item, if I do not move the cursor across the white line border the
submenu closes. The situation worsens if I wait for the parent menu to
highlight, then this problem sometimes also occurs regardless of where in
the submenu the cursor goes.

If you need further explanation I could possibly create a small screen
capture and send it to you off list.

Regards

Graham Cook
www.uaoz.com


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Angela Trigg
Sent: Saturday, 5 November 2005 1:54 PM
To: 'css-discuss'
Subject: [css-d] Eureka!

Thanks to everyone for your suggestions, and words of encouragement! Based
on various suggestions I decided to get rid of p7 and go with a hover to
show the UL based on this article:
 
http://www.tjkdesign.com/articles/dropdown/default.asp
 
and then tweaked it to my design (so it drops up)
 
and bingo- it works in IE/WIN 6.1, Firefox, and NN7!!
 
I just need to do some cleanup (dropup going up too far in NN7; space
showing in IE between menu and redline, etc), but main hurdle jumped!!
__
ANGELA TRIGG * TRIGGERID
www.triggerID.com
 
__
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-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] Body Background issue

[Kenoli Oleari]

I'm working on a MacIntosh system.

I notice that when I use the style:

body {
background-image: url(assets/bottom_image.gif);
background-repeat: no-repeat;
background-position: bottom center;
}

It is rendered differently in different browsers.

Safari puts it at the bottom where it is supposed to be.
Firefox puts it about 15% down the page from the top.
Internet Explorer sort of tiles it, but in some kind of messed up up  
way sarting about half-way down the page and creating overlapping tiles.

What's up.  All the resources I've read indicate that all current  
browsers should render background styles correctly.


Kenoli Oleari
Neighborhood Assemblies Network
[EMAIL PROTECTED]
510-601-8217
http://www.horizonsofchange.com
http://www.sfnan.org


__
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] vertical alignment of text fields with other elements - I'm stuck!

[Philippe Wittenbergh]

On 5 Nov 2005, at 8:52 am, Don Hinshaw wrote:

> See: http://test.hinshawdesign.com/css/slpl/cluster_masthead_v3.html
> Now it no longer renders correctly in FF.
> I may have possibly misunderstood your direction...

#searchBox form { margin:0; padding:0;}
#searchBox form * {vertical-align:middle;}

and delete that margin-bottom on the #searchBox input#search


Philippe
---
Philippe Wittenbergh


__
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] Eureka!

[Angela Trigg]

Thanks to everyone for your suggestions, and words of encouragement! Based
on various suggestions I decided to get rid of p7 and go with a hover to
show the UL based on this article:
 
http://www.tjkdesign.com/articles/dropdown/default.asp
 
and then tweaked it to my design (so it drops up)
 
and bingo- it works in IE/WIN 6.1, Firefox, and NN7!!
 
I just need to do some cleanup (dropup going up too far in NN7; space
showing in IE between menu and redline, etc), but main hurdle jumped!!
__
ANGELA TRIGG * TRIGGERID
www.triggerID.com
 
__
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] Floats problem (Firefox/Win)

[Roy Schestowitz]

_/ On Fri 04 Nov 2005 15:39:57 GMT, [ross] wrote : \_

> - Original Message -
> From: "Mikhail Bozgounov"
> To: 
> Sent: Friday, November 04, 2005 2:05 PM
> Subject: [css-d] Floats problem (Firefox/Win)
>
>
>> Here's the problem.
>>
>> Load the following page:
>> http://bluelink.net
>>
>> Scroll to the bottom (using FireFox) to see the following "bug":
>> http://bluelink.net/michel/screenshots/20051104_bluelink_ff_scroller_problem.jpg
>>
>> You can see the scroller ("pages 1, 2, 3, ... NEXT") to overlap the last
>> news
>> items in the page.
>>
>> *IF* you reload the page (just hit F5 to see), the problem DISAPPERS.
>>
>> Load it again (close browser, re-open), and here's the problem again...
>>
>> I suppose, it's *NOT* a bug, but a mistake in my CSS code (to be more
>> correct, a
>> mistake in the code of the developer /before me/, who created the current
>> html+css re-design...
>>
>> Anyway...
>>
>> I am stuck... I do not understand, why this DIV with the page numbers in
>> it
>> OVERLAPS the last news item...
>>
>> The css is at http://bluelink.net/master.css.
>>
>> All of the NEWS divs (which the scroller overlaps) are FLOATED, so to
>> contain
>> the image in them without a following clear (when a small image is present
>> in
>> the news div.)
>>
>> Any ideas welcome...
>>
>>
>> Michel
>>
>> PS This website works with rather "antique" CMS system, parts of which are
>> controlled with much difficulty... So *MOST* of the mistakes you'll see
>> when
>> validating, are caused by the "&" not encoded properly (&) by the
>> CMS -
>> something which I cannot resolve...
>
> What version are you ruuning. This is similar to a problem I had with the
> older versions of FF when you resize the pages.
>
> Looks good on 1.5 beta 2.
>
> R.

I checked it yesterday as well (Firefox 1.0.x on Linux) and repeatedly 
failed to
reproduce the error. Maybe it is good news nonetheless. The error 
appears not to
affect all. Have you tried similar tests with Firefox on other 
machines? If not,
that would be my suggestions.

Best regards,

Roy

-- 
Roy S. Schestowitz
http://Schestowitz.com

__
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] vertical alignment of text fields with other elements - I'm stuck!

[Michael Hulse]

> Michael Hulse wrote:
>> Also, I would make your logo a background image rather than a
>> transparent gif. Makes things a bit more simple.
>>
>> Hopefully the above css does not confuse you... You may even be able 
>> to
>> get away with something as simple as:
>>
>>  #yourDiv label {
>>  font-size: 10px;
>>  color: #333;
>>  }
>>  #yourDiv input {
>>  width: 125px; /* Width of input items in #yourDiv */
>>  border: 1px solid #999;
>>  border-bottom: 1px solid #333;
>>  border-right: 1px solid #333;
>>  }
>
> Thanks for the suggestions, but I'm not really sure that it addresses
> the problem of trying to get all the elements to align along a single
> horizontal axis.

Well, I was just trying to point out a few issues in hopes that others 
might chime-in on the rest of your problems

> See: http://test.hinshawdesign.com/css/slpl/cluster_masthead_v3.html
> Now it no longer renders correctly in FF.
> I may have possibly misunderstood your direction...

Here is a real quick mockup I did for you:

http://www.ambiguism.com/CSSD/steedman/

Obviously the logo should be replaced... It is not a perfect layout, 
but it should get you going in right direction. I ended up using 
padding to align the elements... There may, and probably is, a better 
way... I am sure there is a good hack for vertical-alignment... 
although:

http://www.sitepoint.com/forums/showpost.php?p=1239968&postcount=5

> As to the idea of using a background image for the logo, I know this is
> a bit OT, but would you suggest that a logo is not content? Especially
> in the case of a type-based one, I would think it would be.

OT?

Yeah, sure, you make a good point. I could go either way, it really 
depends on the design for me. I was just trying to make suggestions 
that would make it easier on you.

>
> Thanks,
> Don

Again, I slapped that layout together very fast, so not bug tested, and 
probably could be done way better, but for now it should get you going 
in right direction.

Cheers,
Micky



-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] I want to scream

[Al Sparber]

From: "Michael Hulse" <[EMAIL PROTECTED]>

> (Demo at bottom of page:)
> http://www.udm4.com/demos/horizontal-relative-dropup.php

UDM4 is not free - unless one tries to bypass the licensing. That 
said, the scripts that Angela is using are from our free extensions. 
We have no way to control how a user deploys those scripts - they are 
not a menu system, simply a behavior deployed from within a UI in 
Dreamweaver.

That said, if one were to purchase a license for a commercial menu 
extension from us, it would have more automation features and failsafe 
mechanisms to enable even beginners to have a shot at integrating it 
into a standards-compliant and even an accessible web page. That said, 
a "dropup" would be possible, though we do not recommend it:

http://www.projectseven.com/support/answers.asp?id=168

example can be accessed directly here:
http://www.projectseven.com/tweaks/pmm/openupward/index.htm


> Ussually when I have a lot of troubles I like to re-think the way I 
> am
> coding... Maybe you should not use any PVII scripts/code? I am 
> assuming
> that you are using something from www.projectseven.com.

I don't begrudge the suggestion :-) Many scripts are made by amateurs 
with explicit instructions for deploying them in very bad ways. 
Fortunately, that's not our style.

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".


__
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] I want to scream

[Angela Trigg]

<>

Well, my popups are gone again in IE so you can't see, but that's the value
I arrived at for IE/WIN so that it was the right width and its right edge
lined up with the rollover highlight

Don't think the clients will be happy (they're architects and very finicky
about things lining up) if I make the width fluid for the popups, unless
there's a way for it to be the width it needs to be but expand if they've
enlarged the text... 

Specs for this are IE 5+ and NN6+ so luckily I don't have to worry about NN4

<> Yep,
so am wondering if I should just wait until everyone (browsers) learns to
play better :-)

One thing that doesn't make sense to me with the NN7 problem is that
absolute divs are supposed to be absolute in relation to its parent, if the
parent has a position other than static, right? So is it a bug in NN7 that
it's ignoring that?

Here's the relevant code:

#menulist {
height: 63px; 
margin: 0px; 
padding: 0px; 
border-top: 1px solid #A30404; 
border-bottom: 1px solid #A30404;
float: left;
position:relative; 
top: 457px;  
width: 908px;
}
#menulist .mainnav {
height: 63px; 
visibility: visible;
position: absolute; 
float: left;
display: inline;
width: 125px; 
z-index:1; 
padding: 0px; 
margin:0px;
filter:alpha(opacity=80); 
-moz-opacity:.80; 
opacity:.80;  
background-repeat:no-repeat;

}

For which .mainnav is dynamically assigned a left attribute ranging from 0
to whatever depending on which menu item it is So the parent is
"positioned" but .mainnav is ignoring that and making left:0 start from the
browser edge instead of menulist container's edge in NN7 only (okay in IE
and Firefox).
__
ANGELA TRIGG * TRIGGERID
www.triggerID.com

-Original Message-
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Friday, November 04, 2005 7:18 PM
To: Angela Trigg
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] I want to scream

Angela Trigg wrote:
> I feel like throwing the towel in and going back to tables---
> seriously-- I can code sites so fast that way because I've been doing  
> it for so many years...

> ...I've invested hours and hours and hours into trying to get this to  
> work using just CSS.

> http://cmmi.trgsoftware.com

I think you just gave yourself all reasons needed to perfect your CSS-skills
- regardless of bad browsers.

All those "hours invested in CSS-design" isn't much compared to years in
table-based design, so you just have to keep at it - or stop right there.
Some of us have invested years in CSS-design, and are slowly arriving at the
point where we can leave the bugs for the browser-developers to fix.

Tables are self-adjusting by default and will cover up for many mistakes.
That's one reason many table-old-timers prefer tables.
CSS-layouts will also self-adjust by default, but you haven't given yours
much of a chance to adjust anything to anything with fixed dimensions and
font-sizes.

The menu pop-ups are even breaking (overlapping text) in Firefox at
'min-font-size: 14px', and that's because nothing is allowed to expand in a
standard-compliant browser. IE6 saves that part of the layout by its
non-standard "expand everything no matter what" behavior.

So the choice shouldn't be between tables or CSS, but whether you want a
"fixed" layout (that you can't expect to hold), or an "adjustable"
layout that can survive on the web.

How many, and which, old browser-versions you would like to - or have to
- support, is also an important question. Old versions of any browser will
have weaknesses - that's why they keep on developing new versions all the
time. Browsers have had more than 10 years to include support for tables
(although most of them are still quite buggy). Good CSS support is just
beginning to spread across browser-land.


BTW: I couldn't quite make out this value in your styles:
width: 101.5px;
Care to explain?

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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I want to scream

[ross]

I wouln't worry too much about Netscape...cover the big ones (IE, firefox, 
opera, safari).

Last I checked it wasn't 1998. Netscape = no market share + no 
comapatability.

Anyone  agree?? I don't give a s**t. I'm off to watch 'Romance in the Stone' 
& 'Electric Dreams' on Lazerdisc.

R.



- Original Message - 
From: "Angela Trigg" <[EMAIL PROTECTED]>
To: "'css-discuss'" 
Sent: Saturday, November 05, 2005 12:08 AM
Subject: Re: [css-d] I want to scream


>I don't think the issue is P7, I think it has to do with my nested divs and
> my lack of skill on using positions I was keeping those main navs to 
> not
> be absolute since they're generated dynamically, so just now I added some
> code to dynamically change the left: value by adding a width on each loop
> (luckily each image is the same size)--- Now it works in NN7 in that the
> menus are popping up right above, but now that whole "row" is on the 
> extreme
> left side in NN only. In Firefox, everything's still groovy (of course), 
> but
> now in IE6/WIN my popups aren't showing (argh, and THAT (making them 
> appear)
> was a fix I just got through!)
>
> The rubix cube squares shift
>
>
> __
> ANGELA TRIGG * TRIGGERID
> www.triggerID.com
>
> -Original Message-
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of Michael Hulse
> Sent: Friday, November 04, 2005 6:57 PM
> To: css-discuss
> Subject: Re: [css-d] I want to scream
>
> On Nov 4, 2005, at 3:34 PM, Michael Hulse wrote:
>> On Nov 4, 2005, at 3:05 PM, Angela Trigg wrote:
>>> Been developing in Firefox like a good little CSS newbie, and am
>>> making the tweaks necessary to make it work in IE6/WIN (which feels
>>> like trying to put a rubix cube together). I felt like I was so
>>> close, until I just took a look at it in Netscape 7! I feel like
>>> throwing the towel in and going back to
>>> tables--- seriously-- I can code sites so fast that way because I've
>>> been doing it for so many years, can someone give me a reason to
>>> stick it out given all the hacks you have to do, etc? I hate to have
>>> to go back because I've invested hours and hours and hours into
>>> trying to get this to work using just CSS.
>>>
>>> Here's my site:
>>>
>>> http://cmmi.trgsoftware.com
>>
>> Some links that may help:
>>
>> (Check the "Popups" section:)
>> http://www.brunildo.org/test/index.html
>>
>> (Demo at bottom of page:)
>> http://www.udm4.com/demos/horizontal-relative-dropup.php
>>
>> Just doing a search on google for "CSS dropup menu".
>>
>> Ussually when I have a lot of troubles I like to re-think the way I am
>> coding... Maybe you should not use any PVII scripts/code? I am
>> assuming that you are using something from www.projectseven.com.
>>
>> I know that is not much help, but not sure what else I can offer you.
>>
>> Good luck,
>> Micky
>
> I say "[I am] not sure what else I can offer you" in my previous response
> because working with CSS and popup menus (speaking from
> experience) is a bitch (esp. when javascript is involved).
>
> An alternative would be to feed netscape something watered-down... you 
> know,
> like a menu that has all of the popups expanded, or an alternative layout
> that is not as complex and coded in a way that is not problematic. 
> Attacking
> your problem in this way may save you a ton of headaches.
>
> If you are using PVII scripts/code, have you checked the
> www.projectseven.com support forums?
>
> http://www.projectseven.com/support/
>
> A couple more links that may help:
>
> http://www.cssplay.co.uk/menus/index.html
>
> http://www.pmob.co.uk/
>
> __
> 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-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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE-Transparency with CSS

[Christian Montoya]

> I'm not talking about whether it's "valid" for IE to parse these
> comments.  That's a theoretical issue that is irrelevant, because IE's
> doing it whether it's "right" or not.  I'm talking about whether they
> are valid HTML.  They are.  You can write comments that have bracketed
> text in them -- that's all conditional comments are.
>
> Zoe
>

exactly, I *was* talking about theory.

--
--
C Montoya
rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
__
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] I want to scream

[Phil Glatz]

At 03:55 PM 11/4/2005, Tony wrote:
>Angela Trigg wrote:
> > can someone give me a reason to stick it out
> > given all the hacks you have to do, etc?
>
>eventually you'll discover the power of CSS - to take semantic (x)html
>and lay it out one way or another in minutes, to make a minor change
>across the whole site in seconds, to get faster downloading pages and
>better search engine results and greater and wider accessibility.
>
>but first you have to start *designing* with CSS in mind, rather than
>from a tables viewpoint.

Very well put, Tony.  Thinking semanticly is a tough hurdle for many, 
although in retrospect it seems so obvious.  Furthermore, those who 
were trained in the print world have an additional obstacle, it is 
very much the difference between watercolors and oil; as similar as 
they look, they are strikingly different media.

A book that  really helped me was "Bulletproof Web Design", by Dan 
Cederholm.  I've also started developing in Firefox, and then testing 
in IE, since IE is too forgiving of errors.  Firefox has some great 
extensions.  I love its integration with the CSE Source Validator, 
and have found the "view formatted source" module invaluable, since 
it points out the various levels of inheritance.  The "web developer" 
extensions allow you to outline block and table elements.

I develop under Windows, and recommend the Top Style CSS editor for 
improved productivity.

Another good book is the one about Zen Garden, where they deconstruct 
some of their style designs.  It has lots of useful tips, and helps 
demystify much of CSS.

Good luck, you're going to love CSS.  And remember, in cyberspace 
nobody can hear you scream. 

__
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] white space in IE 6 but not in FF...why?

[Francesco Sanfilippo]

Why does this layout have a small white space between the left and
right columns in IE 6
but not in FF 1.5?

http://sharemycode.com/test1.aspx
__
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] I want to scream

[Christian Montoya]

> I know, that's why I'm attempting to learn, but man, it's so tempting to go
> back. Luckily it's slow here with work so I'm able to devote this time, but
> normally I can't spend this much time on development for a client.
>

CSS design does take time, because you aren't learning a new form of
table design, but rather a completely new methodology altogether. I'm
sorry that browsers have to be so lousy when it comes to support, but
usually the way to deal with this is to stick to simple things that
work in all browsers, or code in fallbacks for the ones that don't
play along. I recommend that after this job for this client you
practice designing some websites in your spare time to learn the
techniques without the pressure. Just imagine, when you get CSS and
XHTML design down right, you'll be building sites so much faster, and
for the same price!

--
--
C Montoya
rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
__
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] I want to scream

[Gunlaug Sørtun]

Angela Trigg wrote:
> I feel like throwing the towel in and going back to tables--- 
> seriously-- I can code sites so fast that way because I've been doing
>  it for so many years...

> ...I've invested hours and hours and hours into trying to get this to
>  work using just CSS.

> http://cmmi.trgsoftware.com

I think you just gave yourself all reasons needed to perfect your
CSS-skills - regardless of bad browsers.

All those "hours invested in CSS-design" isn't much compared to years in
table-based design, so you just have to keep at it - or stop right
there. Some of us have invested years in CSS-design, and are slowly
arriving at the point where we can leave the bugs for the
browser-developers to fix.

Tables are self-adjusting by default and will cover up for many
mistakes. That's one reason many table-old-timers prefer tables.
CSS-layouts will also self-adjust by default, but you haven't given
yours much of a chance to adjust anything to anything with fixed
dimensions and font-sizes.

The menu pop-ups are even breaking (overlapping text) in Firefox at
'min-font-size: 14px', and that's because nothing is allowed to expand
in a standard-compliant browser. IE6 saves that part of the layout by
its non-standard "expand everything no matter what" behavior.

So the choice shouldn't be between tables or CSS, but whether you want a
"fixed" layout (that you can't expect to hold), or an "adjustable"
layout that can survive on the web.

How many, and which, old browser-versions you would like to - or have to
- support, is also an important question. Old versions of any browser
will have weaknesses - that's why they keep on developing new versions
all the time. Browsers have had more than 10 years to include support
for tables (although most of them are still quite buggy). Good CSS
support is just beginning to spread across browser-land.


BTW: I couldn't quite make out this value in your styles:
width: 101.5px;
Care to explain?

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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] I want to scream

[Angela Trigg]

I don't think the issue is P7, I think it has to do with my nested divs and
my lack of skill on using positions I was keeping those main navs to not
be absolute since they're generated dynamically, so just now I added some
code to dynamically change the left: value by adding a width on each loop
(luckily each image is the same size)--- Now it works in NN7 in that the
menus are popping up right above, but now that whole "row" is on the extreme
left side in NN only. In Firefox, everything's still groovy (of course), but
now in IE6/WIN my popups aren't showing (argh, and THAT (making them appear)
was a fix I just got through!)

The rubix cube squares shift


__
ANGELA TRIGG * TRIGGERID
www.triggerID.com

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Michael Hulse
Sent: Friday, November 04, 2005 6:57 PM
To: css-discuss
Subject: Re: [css-d] I want to scream

On Nov 4, 2005, at 3:34 PM, Michael Hulse wrote:
> On Nov 4, 2005, at 3:05 PM, Angela Trigg wrote:
>> Been developing in Firefox like a good little CSS newbie, and am 
>> making the tweaks necessary to make it work in IE6/WIN (which feels 
>> like trying to put a rubix cube together). I felt like I was so 
>> close, until I just took a look at it in Netscape 7! I feel like 
>> throwing the towel in and going back to
>> tables--- seriously-- I can code sites so fast that way because I've 
>> been doing it for so many years, can someone give me a reason to 
>> stick it out given all the hacks you have to do, etc? I hate to have 
>> to go back because I've invested hours and hours and hours into 
>> trying to get this to work using just CSS.
>>
>> Here's my site:
>>
>> http://cmmi.trgsoftware.com
>
> Some links that may help:
>
> (Check the "Popups" section:)
> http://www.brunildo.org/test/index.html
>
> (Demo at bottom of page:)
> http://www.udm4.com/demos/horizontal-relative-dropup.php
>
> Just doing a search on google for "CSS dropup menu".
>
> Ussually when I have a lot of troubles I like to re-think the way I am 
> coding... Maybe you should not use any PVII scripts/code? I am 
> assuming that you are using something from www.projectseven.com.
>
> I know that is not much help, but not sure what else I can offer you.
>
> Good luck,
> Micky

I say "[I am] not sure what else I can offer you" in my previous response
because working with CSS and popup menus (speaking from
experience) is a bitch (esp. when javascript is involved).

An alternative would be to feed netscape something watered-down... you know,
like a menu that has all of the popups expanded, or an alternative layout
that is not as complex and coded in a way that is not problematic. Attacking
your problem in this way may save you a ton of headaches.

If you are using PVII scripts/code, have you checked the
www.projectseven.com support forums?

http://www.projectseven.com/support/

A couple more links that may help:

http://www.cssplay.co.uk/menus/index.html

http://www.pmob.co.uk/

__
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-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] I want to scream

[Angela Trigg]

I know, that's why I'm attempting to learn, but man, it's so tempting to go
back. Luckily it's slow here with work so I'm able to devote this time, but
normally I can't spend this much time on development for a client. 

Nice sites BTW!
__
ANGELA TRIGG * TRIGGERID
www.triggerID.com

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Tony Crockford
Sent: Friday, November 04, 2005 6:55 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] I want to scream

Angela Trigg wrote:
> can someone give me a reason to stick it out given all the hacks you 
> have to do, etc?

eventually you'll discover the power of CSS - to take semantic (x)html and
lay it out one way or another in minutes, to make a minor change across the
whole site in seconds, to get faster downloading pages and better search
engine results and greater and wider accessibility.

but first you have to start *designing* with CSS in mind, rather than from a
tables viewpoint.

I liken the transition to CSS as how a watercolorist would find painting
with oils for the first time - nothing is the same, although the end result
looks similar, the techniques, the brush strokes, the way the colors are
mixed up - everything is different, but once you understand the differences
between the media then the most fantastic vivid results are attained.

it's the same with CSS - the first few site builds are the hardest, that's
when you learn the basic techniques - when to float ,when to use absolute
positioning, how and when to mix background and inline images, how to get
minimum height, when to use padding and when to avoid it and so on.

eventually you'll have your "stock" solutions to any visual design and you
start thinking CSS from the first time you see the visual...

it's a learning curve, it can be steep, but the speed of build and ease of
change make it all worth while once you've mastered it.

my last two builds (designs by client, CSS/XHTML by me):

http://www.hyperion-interactive.com/
http://hyper-dev.addicted2tv.com/

;o)






--
http://wiki.workalone.co.uk
http://www.workalone.co.uk/ads.htm
http://www.xebit.net

__
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-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] I want to scream

[Michael Hulse]

On Nov 4, 2005, at 3:34 PM, Michael Hulse wrote:
> On Nov 4, 2005, at 3:05 PM, Angela Trigg wrote:
>> Been developing in Firefox like a good little CSS newbie, and am
>> making the
>> tweaks necessary to make it work in IE6/WIN (which feels like trying
>> to put
>> a rubix cube together). I felt like I was so close, until I just took
>> a look
>> at it in Netscape 7! I feel like throwing the towel in and going back
>> to
>> tables--- seriously-- I can code sites so fast that way because I've
>> been
>> doing it for so many years, can someone give me a reason to stick it
>> out
>> given all the hacks you have to do, etc? I hate to have to go back
>> because
>> I've invested hours and hours and hours into trying to get this to 
>> work
>> using just CSS.
>>
>> Here's my site:
>>
>> http://cmmi.trgsoftware.com
>
> Some links that may help:
>
> (Check the "Popups" section:)
> http://www.brunildo.org/test/index.html
>
> (Demo at bottom of page:)
> http://www.udm4.com/demos/horizontal-relative-dropup.php
>
> Just doing a search on google for "CSS dropup menu".
>
> Ussually when I have a lot of troubles I like to re-think the way I am
> coding... Maybe you should not use any PVII scripts/code? I am assuming
> that you are using something from www.projectseven.com.
>
> I know that is not much help, but not sure what else I can offer you.
>
> Good luck,
> Micky

I say "[I am] not sure what else I can offer you" in my previous 
response because working with CSS and popup menus (speaking from 
experience) is a bitch (esp. when javascript is involved).

An alternative would be to feed netscape something watered-down... you 
know, like a menu that has all of the popups expanded, or an 
alternative layout that is not as complex and coded in a way that is 
not problematic. Attacking your problem in this way may save you a ton 
of headaches.

If you are using PVII scripts/code, have you checked the 
www.projectseven.com support forums?

http://www.projectseven.com/support/

A couple more links that may help:

http://www.cssplay.co.uk/menus/index.html

http://www.pmob.co.uk/

__
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] I want to scream

[Tony Crockford]

Angela Trigg wrote:
> can someone give me a reason to stick it out
> given all the hacks you have to do, etc? 

eventually you'll discover the power of CSS - to take semantic (x)html 
and lay it out one way or another in minutes, to make a minor change 
across the whole site in seconds, to get faster downloading pages and 
better search engine results and greater and wider accessibility.

but first you have to start *designing* with CSS in mind, rather than 
from a tables viewpoint.

I liken the transition to CSS as how a watercolorist would find 
painting with oils for the first time - nothing is the same, although 
the end result looks similar, the techniques, the brush strokes, the 
way the colors are mixed up - everything is different, but once you 
understand the differences between the media then the most fantastic 
vivid results are attained.

it's the same with CSS - the first few site builds are the hardest, 
that's when you learn the basic techniques - when to float ,when to 
use absolute positioning, how and when to mix background and inline 
images, how to get minimum height, when to use padding and when to 
avoid it and so on.

eventually you'll have your "stock" solutions to any visual design and 
you start thinking CSS from the first time you see the visual...

it's a learning curve, it can be steep, but the speed of build and 
ease of change make it all worth while once you've mastered it.

my last two builds (designs by client, CSS/XHTML by me):

http://www.hyperion-interactive.com/
http://hyper-dev.addicted2tv.com/

;o)






-- 
http://wiki.workalone.co.uk
http://www.workalone.co.uk/ads.htm
http://www.xebit.net

__
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 on layout and Mac check please

[Francesco Sanfilippo]

Thanks for the Mac shots Micky!

I was a bit vague as to where the border is.  There is a 2-3px wide
white border between the left and right columns in IE 6 on Windows.

The  tag is there because this is an asp.net application which
require forms for server-side interaction.

Francesco




On 11/4/05, Michael Hulse <[EMAIL PROTECTED]> wrote:
> I am on Mac, so I do not see this border you talk about... here are
> some screens from the Mac world:
>
> Safari:
> http://www.ambiguism.com/CSSD/sharemycodeSafari.jpg
>
> IE5.2:
> http://www.ambiguism.com/CSSD/sharemycodeIEMac.jpg
>
> Firefox:
> http://www.ambiguism.com/CSSD/sharemycodeFFMac.jpg
>
> I do notice that you wrapped a form around your content... not sure
> why... but, you might want to zero out your margins:
>
> form {
> margin: 0;
> padding: 0;
> }
>
> I ussually do this for my sites:
>
> * html {
> margin: 0;
> padding: 0;
> }
>
> And then I add padding or margin as needed.
>
> HTH,
> Micky
__
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] vertical alignment of text fields with other elements - I'm stuck!

[Don Hinshaw]

Michael Hulse wrote:


> Also, I would make your logo a background image rather than a 
> transparent gif. Makes things a bit more simple.
> 
> Hopefully the above css does not confuse you... You may even be able to 
> get away with something as simple as:
> 
>   #yourDiv label {
>   font-size: 10px;
>   color: #333;
>   }
>   #yourDiv input {
>   width: 125px; /* Width of input items in #yourDiv */
>   border: 1px solid #999;
>   border-bottom: 1px solid #333;
>   border-right: 1px solid #333;
>   }

Thanks for the suggestions, but I'm not really sure that it addresses 
the problem of trying to get all the elements to align along a single 
horizontal axis.
See: http://test.hinshawdesign.com/css/slpl/cluster_masthead_v3.html
Now it no longer renders correctly in FF.
I may have possibly misunderstood your direction...

As to the idea of using a background image for the logo, I know this is 
a bit OT, but would you suggest that a logo is not content? Especially 
in the case of a type-based one, I would think it would be.

Thanks,
Don

__
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] I want to scream

[Michael Hulse]

On Nov 4, 2005, at 3:05 PM, Angela Trigg wrote:
> Been developing in Firefox like a good little CSS newbie, and am 
> making the
> tweaks necessary to make it work in IE6/WIN (which feels like trying 
> to put
> a rubix cube together). I felt like I was so close, until I just took 
> a look
> at it in Netscape 7! I feel like throwing the towel in and going back 
> to
> tables--- seriously-- I can code sites so fast that way because I've 
> been
> doing it for so many years, can someone give me a reason to stick it 
> out
> given all the hacks you have to do, etc? I hate to have to go back 
> because
> I've invested hours and hours and hours into trying to get this to work
> using just CSS.
>
> Here's my site:
>
> http://cmmi.trgsoftware.com

Some links that may help:

(Check the "Popups" section:)
http://www.brunildo.org/test/index.html

(Demo at bottom of page:)
http://www.udm4.com/demos/horizontal-relative-dropup.php

Just doing a search on google for "CSS dropup menu".

Ussually when I have a lot of troubles I like to re-think the way I am 
coding... Maybe you should not use any PVII scripts/code? I am assuming 
that you are using something from www.projectseven.com.

I know that is not much help, but not sure what else I can offer you.

Good luck,
Micky

__
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 on layout and Mac check please

[Michael Hulse]

I am on Mac, so I do not see this border you talk about... here are 
some screens from the Mac world:

Safari:
http://www.ambiguism.com/CSSD/sharemycodeSafari.jpg

IE5.2:
http://www.ambiguism.com/CSSD/sharemycodeIEMac.jpg

Firefox:
http://www.ambiguism.com/CSSD/sharemycodeFFMac.jpg

I do notice that you wrapped a form around your content... not sure 
why... but, you might want to zero out your margins:

form {
margin: 0;
padding: 0;
}

I ussually do this for my sites:

* html {
margin: 0;
padding: 0;
}

And then I add padding or margin as needed.

HTH,
Micky


On Nov 4, 2005, at 3:05 PM, Francesco Sanfilippo wrote:

> Two questions actually...
>
> 1.  Why does the following layout have a small white border in IE 6,
> but not in FF 1.5?
>
> 2. Could someone check this on Mac IE as well as Safari?  Thanks!
>
> http://sharemycode.com/test1.aspx
>
> Francesco
> __
> 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-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] I want to scream

[Angela Trigg]

Been developing in Firefox like a good little CSS newbie, and am making the
tweaks necessary to make it work in IE6/WIN (which feels like trying to put
a rubix cube together). I felt like I was so close, until I just took a look
at it in Netscape 7! I feel like throwing the towel in and going back to
tables--- seriously-- I can code sites so fast that way because I've been
doing it for so many years, can someone give me a reason to stick it out
given all the hacks you have to do, etc? I hate to have to go back because
I've invested hours and hours and hours into trying to get this to work
using just CSS.
 
Here's my site:
 
http://cmmi.trgsoftware.com
 
 
 
__
ANGELA TRIGG * TRIGGERID

 
__
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] question on layout and Mac check please

[Francesco Sanfilippo]

Two questions actually...

1.  Why does the following layout have a small white border in IE 6,
but not in FF 1.5?

2. Could someone check this on Mac IE as well as Safari?  Thanks!

http://sharemycode.com/test1.aspx

Francesco
__
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] Vertical Expansion

[Chris McLay]

 From an interface point of view, there are no images involved in the  
display of this part of the site, and the content is still perfectly  
visible and usable with JavaScript disabled.

-- 
Chris McLay …// designer

Mobile 041 123 9190
Email [EMAIL PROTECTED]
iChat & AIM [EMAIL PROTECTED]
Web http://www.eeoh.com.au/chris/


On 04/11/2005, at 9:12 PM, David Laakso wrote:

> Nice javascript...hope you don't run into a would be client who checks
> your site with images and js disabled.
> ~dL
>
> -- 
> David Laakso
> http://www.dlaakso.com
__
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] vertical alignment of text fields with other elements - I'm stuck!

[Michael Hulse]

On Nov 4, 2005, at 1:14 PM, Don Hinshaw wrote:

> Hi list,
> I am trying to vertically align a text field with two adjacent 
> elements:
> a graphic label and a graphic button.
> The working page is here:
> http://test.hinshawdesign.com/css/slpl/cluster_masthead_v2.html
> Here is what it should look like:
> http://test.hinshawdesign.com/css/slpl/masthead_sample.jpg
>
> Here are the problems that I have seen so far:
> 1. Safari: the text field is dropping down so it is partially outside
> the green area
> 2. IE6/ Win 2K: The green box is expanding vertically to become too 
> tall
> 3. Opera 8.5/Win2K: the three elements are all dropping down in the box
> so they are no longer aligned with the words "Steedman Exhibit"
>

I would highly suggest that you use a label for your text field... any 
reason why you are using an image? The "search.gif" looks like regular 
web text... I would use CSS to style the label... Here is some code I 
use for one of my sites:

#yourDiv label {
font: normal .8em Arial, Helvetica, sans-serif;
color: #666;
text-align: right;
padding: 0 1em;
width: 175px; /* Use to move most form content left/right on 
page. */
float: left;
clear: left;
}
/* Set the width for 'input' elements: */
#yourDiv input {
color: #333;
border: 1px solid #555;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
width: 150px;
}


Search: 

Also, I would make your logo a background image rather than a 
transparent gif. Makes things a bit more simple.

Hopefully the above css does not confuse you... You may even be able to 
get away with something as simple as:

#yourDiv label {
font-size: 10px;
color: #333;
}
#yourDiv input {
width: 125px; /* Width of input items in #yourDiv */
border: 1px solid #999;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}

Hth,
Micky
-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] Drop down Menus

[Kevin O'Boyle]

I rolled my own CSS drop down menus; I really wanted to steal someone 
else's work but I couldn't follow the CSS logic of the tutorials I 
found and none of the freely available CSS drop drop down menus I found 
did what I wanted; My needs are simple:

* I have a Menubar background graphic that spans the top of the page 
(with end caps)

* I want the menu items evenly distributed across the Menubar (there's 
plenty of room)

* Menubar items (the top level) are graphics with mouseover, and 
mousedown states (I'm managing the states through a JavaScript but 
would love to be able to do it through pure CSS -- there are reasons I 
couldn't which I'll outline below)

• Some menu items have a small icon (that changes on mouseover) to 
their right corresponding to where the link would take a user (I'm just 
using an  tag inside the  tag with no special CSS and 
javaScript for the mouse events; this seems to work but, again, I'd 
rather get rid of the JavaScript)

• Some menus have sub menus and thus have disclosure arrows on the 
right side of the menu (I tried accomplishing this the same way as 
above with two ugly results: 1) the arrows are not right justified and, 
while they otherwise look fine in Camino, 2) in Firefox and Safari the 
arrow art extends outside the "block" of the menu item.

I have to confess that I still feel very lost in the woods with CSS; 
I'm a solid programer but this just seems amazingly arcane to me and 
I'm flying blind.  My menus have numerous problems: if I set the  
display property to block my background image disappears to the right 
and left of my top level menubar graphic, without block the sub menu 
"looks" fine but only hilites when the link is moused over (which is 
counter intuitive).  Right now I've banged my head on this that I don't 
care so much how clunky my code is so long as I have something 
Deliverable. I'm reluctant to share my cluttered foggy minded CSS but I 
will on the hope that someone might help me out.

Alternately, If there is some CSS source out there that I can tweak 
into line for my purposes, I'd be very grateful.

My source

#menu {white-space: nowrap; width: 100%; float: left; }
#menu ul { line-height: 17px; list-style: none; margin: 0; padding: 0; 
width: 100%; float: inherit; }
#menu a { color: #daffe8; background-color: #008747 ; }
#menu li:a { display: block; }
#menu h2 { background-color: transparent; background-image: 
url(../../Computrain/graphics/menubar.gif); background-repeat: 
repeat-x; background-position: 0 0; width: 100%; margin: 0; padding: 0; 
border-width: 0; outline-style: 
none;rl(../../Computrain/graphics/menubar.gif)
}
#menu a:hover { color: white; font-style: inherit; background: #008750; 
text-decoration: underline overline; }
#menu li {position: relative;}
#menu ul ul { background-color: #008747; text-align: left; position: 
absolute; top: 16px; width: auto; z-index: 500; float: left; padding: 0 
3px; border: solid 1px yellow; display: block; }
#menu ul ul ul { background-color: #008747; top: 1px; left: 100%; 
width: auto; padding: 0 1px; border-color: #ebebeb silver #7c7c7c; 
border-style: solid; border-width: 1px 1px 2px; }
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{ padding: 1px; border-color: #ccc; border-width: 1px; display: block; }

Kevin

__
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] vertical alignment of text fields with other elements - I'm stuck!

[Don Hinshaw]

Hi list,
I am trying to vertically align a text field with two adjacent elements: 
a graphic label and a graphic button.
The working page is here: 
http://test.hinshawdesign.com/css/slpl/cluster_masthead_v2.html
Here is what it should look like: 
http://test.hinshawdesign.com/css/slpl/masthead_sample.jpg

Here are the problems that I have seen so far:
1. Safari: the text field is dropping down so it is partially outside 
the green area
2. IE6/ Win 2K: The green box is expanding vertically to become too tall
3. Opera 8.5/Win2K: the three elements are all dropping down in the box 
so they are no longer aligned with the words "Steedman Exhibit"


It looks fine to me on FF, and surprisingly also on IE/Mac

Any suggestions gratefully accepted!

Thanks,
Don Hinshaw
__
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

[David Laakso]

Chester Bullock wrote:

>Just completed a CSS implementation of a site for a client.  Have a 
>couple of forms that were table based that I need to clean up, but I 
>wanted to see what people's experiences were on various platforms and browsers.
>http://www.mountain-living.com
>Chester, [EMAIL PROTECTED]
>
>  
>
XP_SP2--Opera/FF/IE
Readable at font-size 24px minimum in FF.
h1 could use some air around it , and the h-nav seems 
squeezed.vertically. The pale orange and pale blue for the menu is 
difficult to read,  and the flyouts are hard to hold. Feeding IE min 
width via 'expressions' would be a nice touch. Rail to rail at 1280(and 
up) with mouse type is impossible...
Best,
~dL


-- 
David Laakso
http://www.dlaakso.com

__
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 background-image PNGs in IE

[Michael Hulse]

On Nov 4, 2005, at 12:55 PM, Christopher Brown wrote:
> I'd like to somehow shoehorn it into an ID or class:
>
> div#image {background-image: url("../images/image.png");}
>
> Does anyone know if this is this even possible without using script?
> I'm tired of waiting for IE7 to come out.
>

Dunno, this might help:

http://www.pmob.co.uk/temp/transparent-test3.htm


M

-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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 background-image PNGs in IE

[Christopher Brown]

Hi --

Has anyone heard of a method for using a PNG as a background-image
that'll work in IE?  I know the MS filter to use:

style="filter:progid:DxImageTransform.Microsoft.AlphaImageLoader(src='im
age.png',sizingMethod='scale');"

I'd like to somehow shoehorn it into an ID or class:

div#image {background-image: url("../images/image.png");}

Does anyone know if this is this even possible without using script?
I'm tired of waiting for IE7 to come out.

Thanks!

-- Chris
 
[EMAIL PROTECTED]
(978) 461-4521
__
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] CSS Buttons

[David Laakso]

Spencer Ivery wrote:

>CSS List:
>
>I need some help creating a "toolbar" with buttons. I've done this
>with a table to control spacing and location.
>
>Question: Has anyone done such a thing only using CSS?
>
>Thanks,
>
>
>Spencer Ivery
>
>  
>
Google: CSS-buttons. There's a mess of stuff on making buttons out there...
Best,
~dL


-- 
David Laakso
http://www.dlaakso.com

__
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] hackless 2-col layout with one fixed width column?

[David Laakso]

Francesco Sanfilippo wrote:

>Does a hackless 2-column layout with one fixed width column exist?  I
>need a left column of 200px and the right column needs to fill the
>remaining space.  Preferably one that does not rely on absolute
>positioning.
>
>Thanks,
>
>Francesco
>  
>
I've had good luck with these  layouts 
, Francesco.
Works like a charm in quirksmode, too--  if you want to go that route.
Best,
~dL

-- 
David Laakso
http://www.dlaakso.com

__
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] Layer not showing in IE

[Michael Hulse]

On Nov 4, 2005, at 12:16 PM, Angela Trigg wrote:
> Ok, one step forward-- had a position:relative in there that I took 
> out and
> now it shows, but in IE only it's showing up to the right of the image
> instead of on top of it. Here's the css:
>
> #menulist {
>   height: 63px;
>   margin: 0px;
>   padding: 0px;
>   border-top: 1px solid #A30404;
>   border-bottom: 1px solid #A30404;
>   float: left;
>   position:relative;
>   top: 457px;
>   width: #linewidth#px;
>   }
>
>   #menulist .mainnav {
>   height: 63px;
>   visibility: visible;
>   float: left;
>   display: inline;
>   left: 0px;
>   float:left;
>   width: 125px;
>   z-index:1;
>   padding: 0px;
>   filter:alpha(opacity=80);
>
>   -moz-opacity:.80;
>   opacity:.80;  
>   background-repeat:no-repeat;
>
>   }
>   .menupopup {
>   position: absolute;
>   width: 125px;
>   height: 63px;
>   bottom: 0px;
>   margin: 0px;
>   padding: 0px;
>   visibility:hidden;
>   }
>   .menupopup ul {
>   position: absolute;
>   width: 105px;
>   bottom: 54px;
>   margin: 0px;
>   padding: 10px;
>   list-style-type:none;
>
>   }
>   .menupopup ul li {
>   font-family: Optima, Arial, sans-serif;
>   font-size: 12px;
>   font-style: normal;
>   line-height: normal;
>   color: #FF;
>   text-indent:0px;
>   height: 16px;
>   width: 105px;
>   padding: 2px;
>   border-bottom: 1px solid #fff;
>   text-align: center;
>   display: block;
>   }
>   .menupopup a { display: block; height: 16px;}
> __
>


I am on a mac, and the menu seems to work ok With that said, it 
would be hard for me to test code... Anyway, here is a bit of code I 
use for a horizontal drop-down menu (based on Suckerfish):

#mainMenu li ul {
text-transform: none;
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 100;
}
#mainMenu li>ul { /* to override top and left in browsers other than 
IE, which will position to the top right of the containing li, rather 
than bottom left */
/*top: auto;*/
left: auto;
}

The above css is for the drop-down part of the menu... I am guessing 
reversing the values to make it pop-up and incorporating it into your 
css may help you squash you IE probs.


Here are some screen grabs from the Mac world:

(IE 5.2:)
http://www.ambiguism.com/CSSD/IEmac52cmmi.jpg
http://www.ambiguism.com/CSSD/IEmac52cmmi2.jpg
(Safari:)
http://www.ambiguism.com/CSSD/Safaricmmi.jpg
(Firefox:)
http://www.ambiguism.com/CSSD/Firefoxcmmi.jpg

Hth, good luck!

M
-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] Layer not showing in IE

[Angela Trigg]

Ok, one step forward-- had a position:relative in there that I took out and
now it shows, but in IE only it's showing up to the right of the image
instead of on top of it. Here's the css:

#menulist {
height: 63px;  
margin: 0px; 
padding: 0px; 
border-top: 1px solid #A30404; 
border-bottom: 1px solid #A30404;
float: left;
position:relative; 
top: 457px;  
width: #linewidth#px;
}

#menulist .mainnav {
height: 63px; 
visibility: visible;
float: left;
display: inline;
left: 0px;
float:left; 
width: 125px; 
z-index:1; 
padding: 0px; 
filter:alpha(opacity=80);

-moz-opacity:.80; 
opacity:.80;  
background-repeat:no-repeat;

}
.menupopup { 
position: absolute; 
width: 125px; 
height: 63px;
bottom: 0px;
margin: 0px; 
padding: 0px;
visibility:hidden;
} 
.menupopup ul { 
position: absolute; 
width: 105px; 
bottom: 54px; 
margin: 0px; 
padding: 10px;
list-style-type:none;

}
.menupopup ul li {
font-family: Optima, Arial, sans-serif; 
font-size: 12px; 
font-style: normal; 
line-height: normal; 
color: #FF;
text-indent:0px;
height: 16px;
width: 105px;
padding: 2px;
border-bottom: 1px solid #fff;
text-align: center;
display: block;
}
.menupopup a { display: block; height: 16px;} 
__
ANGELA TRIGG * TRIGGERID

<<

This has got me stumped. Maybe I've been staring at it too long!

http://cmmi.trgsoftware.com/

Looks fine in Firefox, but in IE 6 if I hover over the main nav (Who,What,
etc) the corresponding layers do not appear. What am I doing wrong?

 
__
ANGELA TRIGG * TRIGGERID
>>


__
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] Horizontal layout

[Michael Hulse]

On Nov 4, 2005, at 11:40 AM, András Bártházi wrote:
> Hi,
>
>> Any ideas?
>
> Thanks for all your help, this was the most usable link:
>   http://cssplay.co.uk/menus/centered2.html
>
> Bye,
>   Andras

All three menu examples align left on IE/Mac5.2.

Beware of phantom links if you decide you want to fix it for the IE/Mac 
browser:

http://www.l-c-n.com/IE5tests/phantom-links/

M
__
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] Horizontal layout

[András Bártházi]

Hi,

> Any ideas?

Thanks for all your help, this was the most usable link:
  http://cssplay.co.uk/menus/centered2.html

Bye,
  Andras
__
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] Header's inline display and alignment

[Michael Hulse]

On Nov 4, 2005, at 10:27 AM, Adriano Castro wrote:
>  Hi,
>
>  I want to have, aligned to the left, a title followed by a
> sub-title. Then, on the same line as the sub-title, I want to have,
> aligned to the right, a date. Lastly on the next line, also aligned to
> the right a link.
>
>  Something under these lines:
>
>   Title
>   Subtitle   date
>  link

You might want to look into styling a definition list.

Some links that may (or may not) help:

http://www.scottmcdaniel.com/?p=33

http://aerie.chirp.com.au/css/format-dl/

http://archivist.incutio.com/viewlist/css-discuss/21106

Using styling from example #2 via second link found above, what I might 
try is:


   TitleSubtitle
   DateLink
   TitleSubtitle
   DateLink
   TitleSubtitle
   DateLink
   TitleSubtitle
   DateLink


Above not tested, but I think if styled right, you would achieve the 
results you are looking for.

M

-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] Problems with DIV and ubication in page

[Reynier Perez Mira]

Thanks to all. I try and then tell you.
Cheers 

-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Dejan Kozina
Enviado el: viernes, 04 de noviembre de 2005 8:31 am
Para: css-d@lists.css-discuss.org
Asunto: Re: [css-d] Problems with DIV and ubication in page

These links should help you:

http://www.complexspiral.com/publications/containing-floats/
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
http://www.positioniseverything.net/easyclearing.html

djn

Reynier Perez Mira wrote:
>  See in this page http://www.jovenclub.cu/grm/index.php the result. 

Dejan Kozina
Dolina 346 (TS) - I-34018 Italy
tel./fax: +39 040 228 436 - cell.: +39 348 7355 225
http://www.kozina.com/  - e-mail: [EMAIL PROTECTED]
__
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-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] Site check

[Chester Bullock]

Just completed a CSS implementation of a site for a client.  Have a 
couple of forms that were table based that I need to clean up, but I 
wanted to see what people's experiences were on various platforms and 
browsers.

http://www.mountain-living.com

Thank you in advance.

--
Chester, [EMAIL PROTECTED]
The more you know, the more jokes you get.
__
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] Wierd color display IE/Firefox

[Michael Hulse]

On Nov 4, 2005, at 10:00 AM, Andreas Håkansson wrote:
> I did a bit more investigation and it appears the anomaly disappears 
> if I
> change the background image file format
>
> from png to gif. Is this another one of the “Internet Explorer sucks 
> at png
> rendering” issues? I just recently switched
>
> from using gif file to png and have not yet grasped all of the 
> consequences.
>

PNG does have troubles matching-up colors... not just PC, but on Mac 
too.

I try to use GIF or .JPG whenever possible.

A couple links that may help:

http://www.sitepoint.com/forums/showthread.php?t=184597

(See post #3)
http://www.sitepoint.com/forums/showthread.php?t=187929


M



-- 
BCC for Privacy!
http://www.cs.rutgers.edu/~watrous/bcc-for-privacy.html
--
My del.icio.us: http://del.icio.us/mhulse
__
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] CSS Buttons

[Pringle, Ron]

> CSS List:
> 
> I need some help creating a "toolbar" with buttons. I've done this
> with a table to control spacing and location.
> 
> Question: Has anyone done such a thing only using CSS?
> 
> Thanks,
> 
> 
> Spencer Ivery

Spencer-

I should think this would be no different than creating any other sort of
nav bar. You should take a peek at Listamatic [1] for various ways to style
lists as menu/nav systems using CSS.

If you have more specific questions or concerns, feel free to post them to
the list, preferably with an example URL if you have one.

Hope that helps.

Regards,
Ron

[1] http://css.maxdesign.com.au/listamatic/
__
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] CSS Buttons

[Spencer Ivery]

CSS List:

I need some help creating a "toolbar" with buttons. I've done this
with a table to control spacing and location.

Question: Has anyone done such a thing only using CSS?

Thanks,


Spencer Ivery
__
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] Header's inline display and alignment

[Adriano Castro]

 Hi,

 I want to have, aligned to the left, a title followed by a
sub-title. Then, on the same line as the sub-title, I want to have,
aligned to the right, a date. Lastly on the next line, also aligned to
the right a link.

 Something under these lines:

Title
Subtitle   date
   link

 In order to do so here's what I have so far.

## MARKUP

 
 Title
 Subtitle
 2005.07
 link
 


## CSS

 div.main-right {
 position: absolute;
 top: 0px;
 left: 185px;
 width: 393px;
 height: 269px;
 margin: 15px 0px 0px 24px;
 padding: 0px;
 }

 div.main-right h1, h2, h3, h4, h5, h6 {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 }


 div.main-right h1 {
 text-align: left;
 }

 div.main-right h2 {
 display: inline;
 text-align: left;
 }

 div.main-right h5 {
 display: inline;
 text-align: right;
 }

 div.main-right h6 {
 text-align: right;
 }

 All works fine except for H5 that isn't aligning to the right.
Instead it render's immediately after H2.

 Thank you.


 AD

-- 
[EMAIL PROTECTED]
www.adrianocastro.net

__
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] Wierd color display IE/Firefox

[Andreas Håkansson]

I did a bit more investigation and it appears the anomaly disappears if I
change the background image file format

from png to gif. Is this another one of the “Internet Explorer sucks at png
rendering” issues? I just recently switched

from using gif file to png and have not yet grasped all of the consequences.

 

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] Revealing a:hover span

[Jan Brasna]

> For the technique to work properly in IE, try to include some background or
> border effect in the :hover rule.

Or font color, text decoration etc. ...

-- 
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
__
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] Wierd color display IE/Firefox

[Andreas Håkansson]

Hi

 

I’m trying to extend a gradient background infinite by docking the
background at the top of a div and

also supply a background color (the same color found at the bottom of my
gradient). However when

I do this, Internet Explorer shows a different saturation of the color, but
it looks just fine in Firefox.

 

http://www.selfinflicted.org/css/columns_gradient.html

 

this is so weird. At first I thought “maybe this has to do with web safe
colors”, but I thought there isn’t

a need for those anymore? I this yet another Internet Explorer anomaly? If
so is there a work around? I

know I can extend my background image, let’s say to 2000px high, but to
reduce file size I’d rather use

a background color & image combination. 

 

Any ideas?

__
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 an accessible but IE-functional image nav

[Zoe M. Gillenwater]

John Jameson wrote:

>>I'm not going to bother trying to create those tabs as real text on top
>>of images, because I think tabs that wrap look really goofy.  So that
>>option is out.  I'll just have these as images, text and all, and set a
>>min-width to keep them from wrapping.
>>
>>
>
>You could use real text with white-space:nowrap.  This would then solve your
>problems with option 3.
>  
>

Unfortunately, it doesn't work, because even with the nowrap the text 
still gets tall enough to show through the transparent part of the image 
at the bottom.

Thanks,

Zoe

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

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

[css-d] hackless 2-col layout with one fixed width column?

[Francesco Sanfilippo]

Does a hackless 2-column layout with one fixed width column exist?  I
need a left column of 200px and the right column needs to fill the
remaining space.  Preferably one that does not rely on absolute
positioning.

Thanks,

Francesco
__
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] Multiple select width adapted if within a table (only FF)

[Marco]

Consider the following simple form:

test






OOO



2






if you change the  content, the width of the select box is also changed!

This doesn't happen if you put the  outside the table, and
only happens in Firefox, while IE and Opera work fine.

Any quick-hack idea?

Thanks,
Marco
__
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] Weird rendering bug

[Bill Stemp]

  - Original Message - 
  From: jordan WOLLMAN 
  To: css-d@lists.css-discuss.org 
  Sent: Friday, November 04, 2005 4:51 PM
  Subject: [css-d] Weird rendering bug


  http://www.fringeimage.com

  In IE/PC, If you look on the right just below the last sentence of text ³is
  also up and running.² you¹ll notice an additional ³g.² below it.

  I¹ve tried figuring this one out, seems to be something to do with the way
  I¹ve got everything floated, but I can¹t seem to fix it.

  Thanks in advance.

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


It's caused by the comments in between your floated divs!

Here's a full explanation: 
http://www.positioniseverything.net/explorer/dup-characters.html

Regards,

Bill Stemp
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE-Transparency with CSS

[Gunlaug Sørtun]

Zoe M. Gillenwater wrote:
> So, I could also write something like this:
> 
> 


--

Just to extend that, in case someone use the information given by
Microsoft[1] to go a bit further...

The validator do not like what Microsoft call "Downlevel-revealed
Conditional Comments".

Example[2] - my own page on the subject of 'conditional comments':

...is clearly non-valid because of such comments.

While the next page[3] where I use a "trick" comment in an ordinary
'conditional comment':

...seems valid enough.

The 'ordinary vs. "trick" comment'[4] looks like this:

 IE can't see this 

This might be of use to someone for hiding CSS (or other stuff) from
IE/win, so I think I'm "on topic" ;-)

regards
Georg

[1]http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp
[2]http://www.gunlaug.no/contents/wd_1_02_01.html
[3]http://www.gunlaug.no/contents/wd_1_02_02.html
[4]http://www.scss.com.au/family/andrew/webdesign/msie/
-- 
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/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Float problem (update) - bluelink.net

[Mikhail Bozgounov]

Sorry, forgot to mention:

Version: FireFox 1.07 on WinXP Pro :-)


__
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] Floats problem (Firefox/Win)

[ross]

What version are you ruuning. This is similar to a problem I had with the 
older versions of FF when you resize the pages.

Looks good on 1.5 beta 2.

R.
- Original Message - 
From: "Mikhail Bozgounov" <[EMAIL PROTECTED]>
To: 
Sent: Friday, November 04, 2005 2:05 PM
Subject: [css-d] Floats problem (Firefox/Win)


> Here's the problem.
>
> Load the following page:
> http://bluelink.net
>
> Scroll to the bottom (using FireFox) to see the following "bug":
> http://bluelink.net/michel/screenshots/20051104_bluelink_ff_scroller_problem.jpg
>
> You can see the scroller ("pages 1, 2, 3, ... NEXT") to overlap the last 
> news
> items in the page.
>
> *IF* you reload the page (just hit F5 to see), the problem DISAPPERS.
>
> Load it again (close browser, re-open), and here's the problem again...
>
> I suppose, it's *NOT* a bug, but a mistake in my CSS code (to be more 
> correct, a
> mistake in the code of the developer /before me/, who created the current
> html+css re-design...
>
> Anyway...
>
> I am stuck... I do not understand, why this DIV with the page numbers in 
> it
> OVERLAPS the last news item...
>
> The css is at http://bluelink.net/master.css.
>
> All of the NEWS divs (which the scroller overlaps) are FLOATED, so to 
> contain
> the image in them without a following clear (when a small image is present 
> in
> the news div.)
>
> Any ideas welcome...
>
>
> Michel
>
> PS This website works with rather "antique" CMS system, parts of which are
> controlled with much difficulty... So *MOST* of the mistakes you'll see 
> when
> validating, are caused by the "&" not encoded properly (&) by the 
> CMS -
> something which I cannot resolve...
>
>
> __
> 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-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 an accessible but IE-functional image nav bar

[David Laakso]

Zoe M. Gillenwater wrote:

>I need to create this nav bar in CSS, and after trying a number of 
>different methods and not being really happy with any of them, I'm 
>looking for your advice:
>http://www.hsrc.unc.edu/temp/header.png
>Zoe
>
Zoe,
Do you /really/ need  " to create 
this nav bar in CSS." Or do you 
need to get people from 'here' to 'there' and 'back.'
If the latter, some of us have seen enough tabs, rounded corners, and IR 
to last a lifetime. If not longer.
"Compassion" is my middle name, btw.
Best,
~dL

-- 
David Laakso
http://www.dlaakso.com

__
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] Weird rendering bug

[jordan WOLLMAN]

http://www.fringeimage.com

In IE/PC, If you look on the right just below the last sentence of text ³is
also up and running.² you¹ll notice an additional ³g.² below it.

I¹ve tried figuring this one out, seems to be something to do with the way
I¹ve got everything floated, but I can¹t seem to fix it.

Thanks in advance.

Jordan WOLLMAN //
__
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] Floats problem (Firefox/Win)

[Mikhail Bozgounov]

Here's the problem.

Load the following page:
http://bluelink.net

Scroll to the bottom (using FireFox) to see the following "bug":
http://bluelink.net/michel/screenshots/20051104_bluelink_ff_scroller_problem.jpg

You can see the scroller ("pages 1, 2, 3, ... NEXT") to overlap the last news 
items in the page.

*IF* you reload the page (just hit F5 to see), the problem DISAPPERS.

Load it again (close browser, re-open), and here's the problem again...

I suppose, it's *NOT* a bug, but a mistake in my CSS code (to be more correct, 
a 
mistake in the code of the developer /before me/, who created the current 
html+css re-design...

Anyway...

I am stuck... I do not understand, why this DIV with the page numbers in it 
OVERLAPS the last news item...

The css is at http://bluelink.net/master.css.

All of the NEWS divs (which the scroller overlaps) are FLOATED, so to contain 
the image in them without a following clear (when a small image is present in 
the news div.)

Any ideas welcome...


Michel

PS This website works with rather "antique" CMS system, parts of which are 
controlled with much difficulty... So *MOST* of the mistakes you'll see when 
validating, are caused by the "&" not encoded properly (&) by the CMS - 
something which I cannot resolve...


__
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] Vertical Expansion

[David Laakso]

Chris McLay wrote:

>Thanks to everyone for their advice...
>
>The faux columns and switching backgrounds type tricks would work in  
>the simple example, but not in the full application, so I ended up  
>having to write some JavaScript to do the job for me. You can see it  
>working here if you're interested http://eeoh.com.au/ 
>verticalExpansion.html
>  
>
Nice javascript...hope you don't run into a would be client who checks 
your site with images and js disabled.
~dL

-- 
David Laakso
http://www.dlaakso.com

__
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 an accessible but IE-functional image nav

[Zoe M. Gillenwater]

John Jameson wrote:

>>I'm not going to bother trying to create those tabs as real text on top
>>of images, because I think tabs that wrap look really goofy.  So that
>>option is out.  I'll just have these as images, text and all, and set a
>>min-width to keep them from wrapping.
>>
>>
>
>You could use real text with white-space:nowrap.  This would then solve your
>problems with option 3.
>  
>

Hmm, I'll think about this.  Of course, this would kind of defeat the 
purpose of letting the text show with images off, since the text would 
be cut off, which is only marginally better than no text at all (as you 
get with some IR techniques I am avoiding).  But then again all the IR 
techniques that leave the text when you have images off suffer from this 
same problem because you cut the text off with overflow: hidden.  So 
this might be the lesser of many evils.

Thanks for the suggestion John.

Zoe

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

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

Re: [css-d] creating an accessible but IE-functional image nav bar

[Zoe M. Gillenwater]

Thierry Koblentz wrote:

>Zoe M. Gillenwater wrote:
>  
>
>>I need to create this nav bar in CSS, and after trying a number of
>>different methods and not being really happy with any of them, I'm
>>looking for your advice:
>>http://www.hsrc.unc.edu/temp/header.png
>>
>>
>
>I've read your post 4 times and I'm still not sure if this solution [1]
>would work for you ;)
>
>[1] http://www.tjkdesign.com/articles/scalable.asp
>warning: it relies on empty SPANs
>  
>

No, I don't want to create scalable tabs -- heresy I know, but tabs that 
wrap just look horrible, IMO.  I will happily let any other type of nav 
bar wrap, but not tabs.  I just want to use regular old images.  Unless 
someone can make a really good case for how to let this particular nav 
bar wrap gracefully (it's not a very CSS-friendly design, I know).

By the way, Thierry, I like your image replacement technique, and I made 
a page with it before I realized that I couldn't use it due to the 
transparent parts of my images letting text peek through.  It's here if 
you want to see it:
http://www.hsrc.unc.edu/temp/header_new4.html

Zoe

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

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

Re: [css-d] Problems with DIV and ubication in page

[Dejan Kozina]

These links should help you:

http://www.complexspiral.com/publications/containing-floats/
http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
http://www.positioniseverything.net/easyclearing.html

djn

Reynier Perez Mira wrote:
>  See in this page http://www.jovenclub.cu/grm/index.php the result. 

Dejan Kozina
Dolina 346 (TS) - I-34018 Italy
tel./fax: +39 040 228 436 - cell.: +39 348 7355 225
http://www.kozina.com/  - e-mail: [EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE-Transparency with CSS

[Zoe M. Gillenwater]

Christian Montoya wrote:

>>>Considering conditional comments are not valid,
>>>  
>>>
>>Just a nitpick for the benefit of newbies... Conditional comments *are*
>>valid.  Every user agent other than IE recognizes them as regular valid
>>HTML comments.  This is why you can stick invalid stuff inside them and
>>the validator doesn't complain -- it doesn't read the contents of these
>>comments.
>>
>>
>
>Hm, that's sort of what I meant.. what I meant is they are not valid
>HTML, but they do not turn up errors in the validator. 
>

No, they are valid HTML.  That's why you don't get an error when you run 
a page with them through the validator.  The validator and every other 
user agent, with the exception of IE, sees them as regular, valid comments.

So, I could also write something like this:



And that's a valid form for an HTML comment to take.  It's just 
nonsensical.  Run it through the validator and see for yourself:

http://www.w3.org/TR/html4/loose.dtd";>



Untitled Document






>Let me know if there is some reason why we should consider it "valid"
>on IE's part to parse comments and display the contents.
>  
>

I'm not talking about whether it's "valid" for IE to parse these 
comments.  That's a theoretical issue that is irrelevant, because IE's 
doing it whether it's "right" or not.  I'm talking about whether they 
are valid HTML.  They are.  You can write comments that have bracketed 
text in them -- that's all conditional comments are.

Zoe

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

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

Re: [css-d] creating an accessible but IE-functional image nav

[John Jameson]

Hi Zoe,


> I'm not going to bother trying to create those tabs as real text on top
> of images, because I think tabs that wrap look really goofy.  So that
> option is out.  I'll just have these as images, text and all, and set a
> min-width to keep them from wrapping.

You could use real text with white-space:nowrap.  This would then solve your
problems with option 3.

If you are creating the pages dynamically you could even consider providing
more than one option, ie browser sniffing.

HTH.

Regards,

John Jameson

__
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] Width:100% and padding?

[David Dorward]

On 04/11/05, Josh McDonald <[EMAIL PROTECTED]> wrote:
> How on earth do I push a div out to 100% when it's padded, if the contents
> aren't wide enough?

width: auto

... which is the default.

(Assuming you aren't altering the way the div displays)

--
David Dorward 
__
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] Horizontal layout

[Jacqueline F]

Hi Andras,

Not sure if it will help. This site has lotsa bells and whistles. But I
think his solution might help you:

http://www.ciaosexy.com/

Then not sure I completely understand what you mean about 'root'; but think
about the root div as the container for your other content elements. So if
you have 4 projects that you are featuring; you'd use those boxes, set a
with fixed width, to push your parent box wider.

Hope that helps
Cheers
Jacqueline



On 11/3/05, András Bártházi <[EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I would like to build a horizontal layout, like this:
>
> +---+
> | dakdjs | jdkjljdajk | kjdlkajds |
> +---+
>
> Imagine boxes where I wrote text with the same height. It would be a
> portfolio site for a designer.
>
> My problem is, that I cannot create a CSS for the "root" , that
> is liquid enough to not cut the content at the 100% page width. I just
> have a solution with a table or with a fixed width div, what I don't
> want.
>
> The solution should be cross-browser (IE6, FF1, Safari, Opera), so
> display: table doesn't play (at least alone) now.
>
> Any ideas?
>
> Bye,
> Andras
> __
> 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-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] Check, please

[Lorraine Nepomuceno]

Page check please :)

http://www.alamug.com/newindex.php

I expect it looks a little crazy in IE6... would like any feedback.  
Thanks so much!


Lorraine

---
Lorraine Barte Nepomuceno

Alabang Life Apple Macintosh Users Group
Mac users of Alabang, unite!
http://www.alamug.com

Alabang Life
The definitive site for Alabang residents.
http://www.alabanglife.com


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