Re: [css-d] textarea forces description onto new line

[Michael Landis]

On 8/16/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> I have 3 bits of data to be on the same line. A text Area, dish name and 
> price.
> 
> The text area forces a new line.
>
> What i am looking to get is the text area 20px away from the left hand side, 
> the
> description another 20px away from the text area and the price 200px away from
> leaft hand side (not 200px from the last span)

It sounds like browsers are treating the text area like a block
element. In that case, you should be able to format and position it
like any other block element -- floating, positioning absolutely, etc.
If the text area is the tallest item among these three objects, you
might want to wrap all three in a relatively positioned div and
position the image and price absolutely, or float the items, or your
favorite positioning methods.

HTH,

Michael
__
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] positioning inconsistencies all around

[Christy Collins]

The header of a site I am working on has buttons that are supposed to 
rest on top of a brown line.  The positioning of these buttons is a 
little different on almost every browser I check on.


http://www.berkshireradio.org/WBCRwww/header_test/

http://www.berkshireradio.org/WBCRwww/header_test/base.css

here it is with browsercam:
http://www.browsercam.com/public.aspx?proj_id=184811

Firefox shows how it is supposed to look.

The search button is a terrible mess in some browsers, but I am less 
concerned with that as I might re-design it anyway.  The positioning of 
the buttons is my biggest problem, but if anyone has advice about the 
search button I'd love to hear it.


Thanks,
Christy

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

Re: [css-d] textarea forces description onto new line

[Roger Roelofs]

Ross,

On Aug 16, 2005, at 4:34 PM, <[EMAIL PROTECTED]> wrote:

I have 3 bits of data to be on the same line. A text Area, dish name 
and price.


The text area forces a new line.


What i am looking to get is the text area 20px away from the left hand 
side, the description another 20px away from the text area and the 
price 200px away from leaft hand side (not 200px from the last span)


I may have missed the beginning of this thread somewhere.  Is there a 
url of a page we can look at?


Roger,

Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
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 problems on resizing

[Roy Schestowitz]

Quoting Peter Williams <[EMAIL PROTECTED]>:


Dear list,

I am working on a site where I have a header that contains:
- Company logo (image wrapped in h1 on left)
- Site wide navigation bar (styled ul, middle right)
- Catchy slogan (h4, bottom right)

I have an example page that can be viewed at:
http://www.nci.net.au/temp-test/

The sample page has a screen cap under the actual header showing
the relationship of the elements as intended. If you resize the
page the "catchy slogan" jumps around and gets quite out of
control at some sizes. I think I have overcomplicated the markup
and styles for the header (all styles in head of page for the sample
page).

How can I better contain the contents of the header div?
Should I be using a different unit of size for the text parts?

I'm not sure why I'm having so much trouble with this, but I seem
to have some sort of stylers block ;-)

Thanks in advance for all help rendered.


I can see the problem that you mention. That header4 appears to be rendered
directly to the right of the navigation menu.

To give a not-most-elegant solution, add a line break to your HTML:

===

Quality suppliers of stuff and nonsense to industry since 1965
===

I can confirm that it looks like the your caption under Firefox and Konqueror.

Hope it helps,

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] Table-cell and IE

[Roger Roelofs]

Janelle,

On Aug 15, 2005, at 2:32 PM, Janelle Clemens wrote:

Please help as I am starting to go bald from pulling by hair out over 
this

issue.
Um,  hopefully not  I haven't seen your picture, but I would be likely 
to imagine you with hair. :)



Is there anyway (hack) to get Internet Exlporer to abide by the
table-cell property?
No.  Sorry.  You could fake it with javascript but it wouldn't be 
pretty.



Or is there a max-height hack for IE?
No again.  IE is particularly good at growing containers to hold all 
there content whether we like it or not.


Sorry I'm striking out.  If you post a url we might be able to come up 
with a work around.


Roger,

Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
  ~Allison Gappa Bottke
__
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 problems on resizing

[Peter Williams]

Dear list,

I am working on a site where I have a header that contains:
- Company logo (image wrapped in h1 on left)
- Site wide navigation bar (styled ul, middle right)
- Catchy slogan (h4, bottom right)

I have an example page that can be viewed at:
http://www.nci.net.au/temp-test/

The sample page has a screen cap under the actual header showing
the relationship of the elements as intended. If you resize the
page the "catchy slogan" jumps around and gets quite out of
control at some sizes. I think I have overcomplicated the markup
and styles for the header (all styles in head of page for the sample
page).

How can I better contain the contents of the header div?
Should I be using a different unit of size for the text parts?

I'm not sure why I'm having so much trouble with this, but I seem
to have some sort of stylers block ;-)

Thanks in advance for all help rendered.

-- 
Peter Williams
__
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

[Lisa Ellington]

works in FF and Safari on my mac no problem.

Lisa


On Aug 16, 2005, at 2:01 PM, Tekin Suleyman wrote:



Hi all, site check please.

Have yet to see it on any Mac browsers, seems fine (almost) on IE5-6,
Opera 7-8, Netscape 6-7, Firefox 1.06 for Win.

http://www.boxivity.co.uk/test/main-template.html

Current unresolved issues:

white space between kidsboxmiddle and kidsboxbottom when viewed using
Opera 7.x and Netscape 6 Extra space between list items in primary
navigation when viewed using Opera 7.11

Can live with the last one, but there must be a way around the first
one...

Thanks in advance,


Tekin
http://www.raid.nu

__
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] Float Problem

[Roy Schestowitz]

Quoting Tim Zappe:


How do I make this so that the #footer stays at the bottom?

http://www.western.edu/admissions/new/viewbook.html

Thanks
-t


Relevant CSS bits:

#footer{clear:both;width:764px;margin:0 auto;background:#5c5c5c;}
#footer_content{padding:10px 0 0;text-align:left;color:#a0a0a0;}
#footer_nav{clear:both;text-align:center;padding:15px 0 30px;}

#footer_nav a, #extra_nav a{color:#a0a0a0;font-weight:normal;}
#footer_nav a:hover, #extra_nav a:hover{color:#000;}

I fail to see where you instruct for footer to stay at the bottom.

Try adding something like the following to your stylesheet:

position:absolute; bottom:0; left:0;

Given the brevity of your message, I am not entirely sure what you are 
trying to

achieve, but I hope my suggestion makes a good starting point.

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] List problems

[Lisa Ellington]

hello Schalk--

I didn't get any mail all day yesterday myself.
Seems it's catching up now...


On Aug 18, 2005, at 3:13 PM, Schalk wrote:


Greetings All!

Does anyone know why the list was down for the past three days or so?

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] Site check please-tinyurl

[David Laakso]

David Laakso wrote:


Schalk wrote:


Greetings All!

Please review the following site: http://tinyurl.com/8w2lj

Let me know any and all problems you experience. Thanks!


Hello Schalk,

Guess I feel about the same as before -- an irresistible urge to level 
a 12guage shotgun at the moving text, an overwhelming desire to change 
the colors from patriotic to corporate, a need to bump up all the font 
sizes --  basically, make it readable.

Some screen captures:
Mac/ie5.2/Safari/Win2000-ie5/5.5/6.0.

Typography exists to honor content.
~Robert Bringhurst

Regards,
David Laakso




--
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] UL Navigation: background image problems in FireFox :(

[Tom Dell'Aringa]

Thanks Holly, that was indeed the problem which I figured out (as usual) 
slightly after I posted.
I switched bg images and made one too tall!

Thanks again.

T

--- Holly Bergevin <[EMAIL PROTECTED]> wrote:

> The problem seems to be that that the image is 27px tall and you have the UL 
> height set at 26px.
> So, FF is not showing the last px of the image where the line is. Make the UL 
> 27px tall, and you
> ought to get your line back.



http://www.pixelmech.com/

A man spoke frantically into the phone: "My wife is pregnant and her 
contractions are only two minutes apart"! "Is this her first child?" the doctor 
asked. "No, you idiot!" the man shouted. "This is her husband!"

Workmen in Rome, digging gravel for ballast, were instructed to dig from one 
central pit so as not to spoil the site with too many holes. They unearthed an 
ancient plaque inscribed in Latin, which turned out to be a sign intended for 
workman digging ballast for Roman ships. It instructed them to dig from a 
central pit so as not to spoil the site with too many holes.

I was at the airport, checking in at the gate, when the airport employee asked, 
"Has anyone put anything in your baggage without your knowledge?" I said, "If 
it was without my knowledge, how would I know?" He smiled and nodded knowingly, 
"That's why we ask."

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

Tekin Suleyman wrote:


Have yet to see it on any Mac browsers, seems fine (almost) on IE5-6,
Opera 7-8, Netscape 6-7, Firefox 1.06 for Win.
http://www.boxivity.co.uk/test/main-template.html
...
Tekin
http://www.raid.nu
 


XP_SP2
Personally, I would not be too concerned with the Opera issues-- most 
Opera users are fanatics who run the latest version  of the browser 
software.
Problematic, and I would think of  far more concern, is the 11px 
font-size on a 1280 or larger monitor that can't be zoomed in IE, and 
breaks the layout on the first zoom click in Gecko browsers. You are 
drawing an horizontal scroll bar at 800 in all browsers.


Safari, Mac/ie5.2/ and win2000/IE5/5.5/6.0 captures:


Regards,
David Laakso


--
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] crazy IE6 flicker

[Rainer Wagener]

Hi Marcel,

> a semi-transparent background. In
> IE6 Windows I am
> having a lot of flicker in the navigation menu.

I had the same problem some time ago and got helped by Bruno
Fassino:



Regards Rainer

__
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] UL Navigation: background image problems in FireFox :(

[Holly Bergevin]

From: Tom Dell'Aringa <[EMAIL PROTECTED]>

>I am
>using a background image on the top UL to draw a line on the bottom of the top 
>UL. This line shows
>up fine in IE but NOT in FireFox (1.06). I've done everything I can think of 
>to solve it to no
>avail.

>http://www.pixelmech.com/rev/menu.html

The problem seems to be that that the image is 27px tall and you have the UL 
height set at 26px. So, FF is not showing the last px of the image where the 
line is. Make the UL 27px tall, and you ought to get your line back.

I hope that helps,

~holly 
 
   
__
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] crazy IE6 flicker

[Al Sparber]

From: "Marcel" <[EMAIL PROTECTED]>

In IE6 Windows I am having a lot of flicker in the navigation menu. 
In other places in the right column (some areas with no links) whole 
sections of the the background are dropping out. Everything looks 
fine on Mac Firefox and Safari. I'm having a hard time getting my 
head around to solve this one! I'd be grateful for any help or 
pointers.


draft site at: http://www.vividview.com/cis_site/company.html


You probably have changed the default cache settings in your browser. 
Choose Tools, Internet Options. In the Temporary Internet Files 
section of the General Tab, click "Settings". The default is 
"Automatically". Any other selection (except "Never") will cause 
issues like what you are reporting. There are complex measures you can 
take on your server to prevent this from happening, but my experience 
tells me that it would be extremely rare that a person outside the web 
development business would ever change those settings.


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] Trying to find about accessibility

[David Laakso]

[EMAIL PROTECTED] wrote:


Finally got around to making descent sites using CSS instead of HTML. Thought I 
would go the whole hog and get some acessibility in while I was at it.
[...]
 

For some information on standards, and details on why standards matter, 
visit The Web Standards Project  ;
the Web standards checklist is valuable 
http://www.maxdesign.com.au/presentation/checklist.cfm;
and A List Apart ,  an excellent online 
magazine for Web designers(you'll find .answers to the font-re-sizing 
device here, as well).
Everything you want to know about anything is here:List wiki/FAQ -- 
http://css-discuss.incutio.com/
The Web Standards Group  is a good place 
to pick-up accessibility info and post specific questions questions 
regarding same.

I believe Site-Point(google for) also runs an 'accessibility' forum.
Regards,
David Laakso




 




--
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] Center alignment problem

[David Bailey]

Sorry, I didn't mention that it is the home page only. The table (dare I say
it!) in the center containing the javascript navigation buttons etc is what
is too far left. Everything else, from what I can see, is centered.

David

On 19/8/05 8:40 AM, "CJ Larson" <[EMAIL PROTECTED]> wrote:

> Other than the site map and the bottom left fixed graphic rendering
> differently, I don't see a center align in FF 1.0.6 that doesn't occur
> in IE 6.  Which specific items are you having problems with?
> 
> -Original Message-
> I am having trouble with items aligning in the center of the page which
> I
> can't find why. Of all things, it is working in IE win, but not in FF
> win
> and Safari. 
> 
> Site: http://www.copyquality.co.nz
> CSS: http://www.copyquality.co.nz/styles/main.css

__
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

[Tim Zappe]

How do I make this so that the #footer stays at the bottom?

http://www.western.edu/admissions/new/viewbook.html

Thanks
-t
-- 
Tim Zappe
Junior :: Computer Informational Science
Western State College of Colorado

http://www.tzappe.com
http://www.western.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] bulding a two columns with header and footer. Need help.

[David Laakso]

cappellano wrote:

Hi list! 


I need help with my page. I´m trying to make a two colums page, with
header and footer. I had  look for tutorials on the internet and found
some codes, but they don work like I want to.
 


[...]
Would something along these lines work for you?

Regards,
David Laakso


--
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] background image not visible in IE6

[Ian Piper]

Hi,

I'd appreciate some advice on a problem with a site I'm designing.  
The problem is that a gif file that I am using as a background image  
in a table cell is not visible in IE although it looks fine in Safari  
and Firefox.


I thought that this in the css file:

td#sectionheadingmiddle {
background: #f4c035 url(../images/sectionheadingmiddle.gif);
}

and this in the html file

  
   width="416" height="60" border="0" alt="*">
   width="1" height="60" alt="*" />
   height="60" border="0" alt="*">

  

would work. However although it renders nicely in Safari on my Mac  
and Firefox under Windows XP, IE6 just shows a white background for  
the td with id=sectionheadingmiddle. The intention by the way is to  
allow this middle column in my table to resize when the user resizes  
the window. The three images make up a rounded rectangle that needs  
to stretch horizontally to sit atop this middle column. If there is a  
more sensible way to achieve that effect I would welcome some guidance.


Thanks,


Ian.
--
Dr Ian M Piper
[EMAIL PROTECTED]
--
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


__
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] Center alignment problem

[CJ Larson]

Other than the site map and the bottom left fixed graphic rendering
differently, I don't see a center align in FF 1.0.6 that doesn't occur
in IE 6.  Which specific items are you having problems with?

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf
Of David Bailey
Sent: Wednesday, August 17, 2005 6:03 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Center alignment problem 


I am having trouble with items aligning in the center of the page which
I
can't find why. Of all things, it is working in IE win, but not in FF
win
and Safari. 

Site: http://www.copyquality.co.nz
CSS: http://www.copyquality.co.nz/styles/main.css

Any help would be much appreciated.

David

__
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] cutting edge layouts

[Mark Canlas]

As a quick aside, I think right-hand nav is a little better/trendier.
[Insert quasi-scientific support about mouse movements being predominantly
on the right side of the screen]

I'd say with the evolution of technology, broadband, and high color displays
("web safe, what's that?") people are becoming less shy about including
high-res, impressive looking photographs on their web sites. And to me,
that's all they are. Impressive looking. Rarely do these stock photos (I
assume to be stock...) have any relation to the site's actual content. It's
usually like a cityscape or a flower close up. Again, very impressive
looking. And to me, there's nothing wrong with that. It's great, looks
fantabulous. Mission accomplished.

Final thoughts? Yeah. I need to get caught up and find a fancy image myself.
Maybe a flower. =)

-Mark

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of DOUGLAS WINTERS
> Sent: Tuesday, August 16, 2005 3:39 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] cutting edge layouts
> 
> Again looking at tons of sites,  it seems the standard  layout is to have
> left navi links with a splashy photo header  and content all under the
> header. Is this the cutting edge design?  Most web sites are following
> this kind of formula it seems.  Is this what some survey decided that
> users prefer.  I think they look really sharp.  And at this point I am
> still trying to convert myself out of table and square layouts.   Any
> thoughts on this?   -Jennifer
> __
> 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/

[ADMIN - OFF TOPIC ] Re: [css-d] cutting edge layouts

[Alex Robinson]

Again looking at tons of sites,  it seems the standard  layout is to have left
navi links with a splashy photo header  and content all under the header.
Is this the cutting edge design?  Most web sites are following this kind of
formula it seems.  Is this what some survey decided that users 
prefer.  I think >they look really sharp.  And at this point I am 
still trying to convert myself

out of table and square layouts.   Any thoughts on this?   -Jennifer



If anyone wants to discuss this with Jennifer, can they please do so 
offlist since issues of aesthetics, trends in designs and usability 
have nothing to do with this list's stated purpose, ie. the practical 
application of CSS.



Jennifer,

If you have any specific questions (eg. about how to convert your 
table-based site or how to achieve a particular graphic effect) then 
please fire away.



Everybody,

You may have noticed that [css-d] has been missing in action these 
last few days. Bearing that in mind, I would like to ask you to:


1. Read all the messages in any given thread before firing off their response

2. Not respond on list to any of the likely "Hey, what's happened to 
the list? Testing testing testing" messages which are probably stuck 
in the pipe.



Of course, you won't receive this email until after the backlog 
clears so this request/advice will probably come after the horses 
have bolted. Well, the request actually holds true for when the list 
is operating "normally" :)



Anyhow, fingers crossed that normal service has been resumed.

Let's be careful out there...



Alex
one of the css-d moderators
__
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] Re: Order To Declare Link Anchors

[David Dorward]

On 8/15/05, Clinton Gallagher <[EMAIL PROTECTED]> wrote:
> I've read there is a specific order which the anchors should
> be declared but I haven't found this issue specified at W3C. 

http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

  "Note that the A:hover must be placed after the A:link and
  A:visited rules, since otherwise the cascading rules will hide the
  'color' property of the A:hover rule. Similarly, because A:active
  is placed after A:hover, the active color (lime) will apply when
  the user both activates and hovers over the A element. "

-- 
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] Trying to find about accessibility

[Christian Heilmann]

> Finally got around to making descent sites using CSS instead of HTML. Thought 
> I would go the whole hog and get some acessibility in while I was at it.

Accessibility is not a technical matter or something to add to a web
site after you have done all the rest, the sooner you plan for a
diverse user group, the better your site will be in terms of
accessibility. A visual text "see our offers on the right" "click here
to  continue" can never be accessible, neither can be an unreadable
font or colours with  not enough contrast.

> (i) How can I change the text size on a page - look at the top right hand 
> corner.
> 
> http://www.nhshealthquality.org/nhsqis/qis_display_home.jsp?pSize=default&pContentID=1815&p_applic=CCC&p_service=Content.show&;
> I have seen this on a few sites and want to see some tutorials/guidelines.

This is a font resizing widget, and while it is rather nice to have,
it is not really a must or a need when it comes to accessibility.
Basically it is a dumbed down style switcher:
http://www.alistapart.com/articles/relafont/
 
> (ii) the XHTML 1.0 Transitional and CSS can be done online at W3C but what 
> about WAI 'AAA'. How is this achived, I hear it has to be chaecked manually.

There are automated tools doing the donkey work for you, like webxact,
but as accessibility   is about people, and not computers, you will
have to test manually. A tool could never recognise what is
alternative text that makes sense and what isn't. Beware of the AAA AA
and A. They are guidelines that mean nothing in a legal sense, or even
how _usable_ the site is. AAA is almost impossible to reach and still
be a usable and pretty site.

> Any links, books, tutorials would be much appreciated,

The  motherlode, dated but  still good:
http://joeclark.org/book/sashay/serialization/
Good Web site and mailinglist: http://webaim.org/

This is off-topic here by the way, isn't it?


-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.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] css dropdowns and forms

[Jon Jensen]

I suppose there is one more option I forgot:

4. Use javascript to hide select controls (visibility:hidden) when the
suckerfish menu is active.

Jon

__
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 dropdowns and forms

[Jon Jensen]

There is no pure CSS way to do this, but you do have options:

1. Position an empty iframe behind your suckerfish dropdown
http://dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx

2. Use DHTML selects
http://www.icant.co.uk/forreview/tamingselect/

3. Move your form/selects away from the menu (probably easiest)

Jon

> Hello all,
> I'm sure this has come up before so I'm hoping someone can 
> help. I'm using dropdown navigation (suckerfish) and noticed 
> that they hide behind form elements in IE. What is the best 
> solution to this problem?
> 
> Thanks
> -Justin

__
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] Re: Site Check Please - sagefish.com

[Zoe M. Gillenwater]

Richard Grevers wrote:


On 8/6/05, Jade True <[EMAIL PROTECTED]> wrote:
 


According to browsercam:
http://www.browsercam.com/public.aspx?proj_id=180317

The css forms are still not showing up in Netscape 6.2. Only the first
 tag is shown and then nothing else.

The two pages are:
http://www.sagefish.com/sfquote.htm
http://www.sagefish.com/sfsignup.htm

Anyone know why the forms aren't rendering there?

   


Netscape 6 bug - floated labels cause form elements to display offscreen.
Since there aren't any css hacks which target that browser and
Netscape 6, when we encountered it we simply put a note on the site
recommending use of a browser free of that bug. We've had one
complaint from 50,000 users.
 



That was my first instinct, but she's not floating her labels, and 
Netscape 6.1 (which has the bug you refer to) displayed fine.  This is 
simply a case where I don't trust Browsercam.  I bet that 6.2 displays 
the page fine (but I can't be bothered to download it, as having 6.1 is 
more than sufficient for my needs).  But, even if 6.2 really does have a 
problem, I would just follow Richard's advice, Jade, and not worry much 
about it.


Zoe

--
Zoe M. Gillenwater
Design Specialist
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] List problems

[Schalk]

Greetings All!

Does anyone know why the list was down for the past three days or so?

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


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

[css-d] OT: List down?

[Jon Trelfa]

Is the list down?  I haven't gotten a message all day


Jon
__
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] clear divs within a div

[Martin Tschofen]

Roger,

On 8/15/05, Roger Roelofs <[EMAIL PROTECTED]> wrote:
> 
> > Any ideas, besides putting it into a table?
> 
> Um, no.  It is tabular data.  That's what tables are for...  Why do you
> want to avoid a table here?
> 
If I can avoid a table, I can control the display with styles better,
i.e. have the labels stacked on top of the values.

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

[css-d] textarea forces description onto new line

[ross]

I have 3 bits of data to be on the same line. A text Area, dish name and price.

The text area forces a new line. 


What i am looking to get is the text area 20px away from the left hand side, 
the description another 20px away from the text area and the price 200px away 
from leaft hand side (not 200px from the last span)


thanks,

R.__
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] making content appear at the bottom of parent container

[Theodore Serbinski]

hi guys!

need some help, got a design here i'm working on:

http://151.200.137.29/

now how can i attach that little fishy curvered image with that IOOS
image to the bottom of it's parent div? i always want it to be on the
bottom of the div even if the content is too short (how it is now) 
and if the content is much longer to have it expand with it?

thanks!

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

[Tekin Suleyman]

Hi all, site check please. 

Have yet to see it on any Mac browsers, seems fine (almost) on IE5-6,
Opera 7-8, Netscape 6-7, Firefox 1.06 for Win.

http://www.boxivity.co.uk/test/main-template.html

Current unresolved issues:

white space between kidsboxmiddle and kidsboxbottom when viewed using
Opera 7.x and Netscape 6 Extra space between list items in primary
navigation when viewed using Opera 7.11

Can live with the last one, but there must be a way around the first
one...

Thanks in advance,


Tekin
http://www.raid.nu

__
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] pure css popups help

[Steve]

Sorry forgot to add link.
problem with pure css popups in firefox (outta wak), and IE (pc) none at all .


test page at <[ http://home.earthlink.net/~stevepa5/ ]>
__
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 driven HTML email campaigns

[Ben Curtis]

We would like to start sending some HTML email, but I don't want it  
if its not CSS based preferably.


Most email clients handle styles very well, but webmail systems need  
to contend with spam that can take over the whole interface (remove  
the delete button, display their own ads, etc.), and so such systems  
remove a *lot* of the CSS control.


You will need to use tables for layout. This is because most webmail  
systems will strip or otherwise deactivate any position values, and  
floats and clears are unpredictable. I've had a tough time with  
margins, too. So layout with tables.


Margins seem ok. Background images are stripped by some webmail, but  
only if in CSS: using the HTML background and bgcolor attributes seem  
to work fine. Keep in mind that many webmail systems by default will  
not load external images.


"But HTML attributes are inline!" you cry. Well, the linked  
stylesheets (link tags and @imports) and embedded stylesheets in the  
head are also stripped. Embedded stylesheets that declare id or class  
selectors were at one point filtered by Hotmail and (I think) an  
early version of Gmail, although I'm not sure of the current state.  
So the only CSS you have is in your HTML tag's inline style attribute.


So, in summary:
- tables for layout
- CSS for fonts, colors, and margins only
- inline styles in the style attribute only

And since much of this is due to defensive measures, it's not likely  
to get better as older browsers die off.


--

Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613




__
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] Re: bulding a two columns with header and footer. Need help.

[cappellano]

On 8/16/05, cappellano <[EMAIL PROTECTED]> wrote:
> Hi list!
> 
> I need help with my page. I´m trying to make a two colums page, with
> header and footer. I had  look for tutorials on the internet and found
> some codes, but they don work like I want to.
> 
> I will apreciate any help. Thanks.
> 

Half-solved... 

I´ve put a negative margin-top for the . But I
think there´s another way to put it there.

Cheers!
__
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] Order To Declare Link Anchors

[Michael Landis]

On 8/15/05, BJ <[EMAIL PROTECTED]> wrote:
> "I've read there is a specific order which the anchors should be declared"
> 
> 
> Correct order:
> a
> a:link
> a:visited
> a:hover
> a:active

This isn't explicitly defined by the specifications, but comes from
thinking like a browser. :)

When an a tag is a link or it is visited, then a:link or a:visited
apply. When you hover over the link, it is still a link (visited or
otherwise) but now it's hovered as well. This means that both the
original a:link/a:visited _and_ a:hover are used to display the link.
When you click the link, then not only are you hovering over the link,
you are also making it active. And it's still a link.

According to the specs, if two rules have the same specificity and
define the same properties, the property value defined last wins.[1]
In this case, a:link, a:visited, a:hover and a:active all have the
same specificity. So if you're changing colors between states, then
the color defined by a:link or a:visited is defined first. If you
hover over the link, then as long as a:hover is defined after a:link
or a:visited, its color definition will override the link/visited
definition. If, however, you define the a:link/a:visited rules _after_
a:hover, then the color defined by a:hover will be overridden by the
color in a:link/a:visited. The same reasoning explains why a:active is
last.

HTH,

Michael

[1] http://www.w3.org/TR/CSS21/cascade.html#cascading-order (and
follow the "specificity" link for more about it)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Styling form controls

[Michael Landis]

> On 8/15/05, Pringle, Ron <[EMAIL PROTECTED]> wrote:
> >
> > I'm sorry, but I'm not sure what your actual question pertaining to CSS is.
> > If it was "how do I style forms", then the list's wiki page should be of
> > help to you.

On 8/15/05, Garrett Smith <[EMAIL PROTECTED]> wrote:
> 0. I want to control the style of form elements. As-is, it is a
> crapshoot in the browsers. you can apply some properties to some
> elements in some browsers. But then when you try to float something or
> position something, it might break in one browser.



> Discussion:
> See the extra "faux" padding on the button and input type="button"?
> It's different in opera. Different in IE. The faux padding is absent
> only in Safari.
...
> I'm glad that there are people reading this other than mozilla
> developers and CSS Spec authors. I've worked with forms on real jobs
> for real sites and had a lot problems and tedious, and hackish
> workarounds required to meet design and browser reqs.

Garrett, I think you missed the point that Ron was subtly stating.
CSS-Discuss is a forum for discussing the practical application of
CSS[1], not a forum for airing grievances about browsers' abilities or
lack thereof to apply style. If you are looking for a practical
application that addresses your issues, or if you have a question
about how to do something with CSS, by all means feel free to ask for
that here.

"Has anyone found a way to style button elements?" is a valid
question, one that Chris Heilmann answered a while back with his
statement that there isn't a lot that can be done. "Browsers should be
able to style button elements," which might be valid on other forums,
is off topic here, as it helps nobody resolve the issue in today's
browsers.

Thanks,

Michael

[1] http://www.css-discuss.org, first paragraph
__
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] Horizontal rule causes unwanted space in container

[Brad Cathey]

http://216.92.166.102/hr_test.html

Hi all,

I am floating a footer at the bottom of a container and ending up with an
undesired space between the bottom edge of the footer and the bottom edge of
the container. Is fine in Safari, slightly noticeable in FF and NS, but
terrible in WinIE (surprise).

Please have a look and let me know how to butt up the two bottoms to
eliminate the space. Thanks.

Brad


__
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] Order To Declare Link Anchors

[Leszek]

Easiest way to remember this:

LoVe/HAte

L = link
V = Visited
H = Hover
A = Active

- Leszek
http://leszek.swirski.co.uk

> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of BJ
> Sent: 15 August 2005 17:15
> To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
> Subject: RE:[css-d] Order To Declare Link Anchors
> 
> "I've read there is a specific order which the anchors should be declared"
> 
> 
> Correct order:
> a
> a:link
> a:visited
> a:hover
> a:active
> 
> 
> ---
> avast! Antivirus: Outbound says I'm squeaky clean.
> Virus Database (VPS): 0533-0, 08/15/2005
> Tested on: 8/15/2005 12:14:46 PM
> 
> 
> __
> 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/

[Fwd: Re: [css-d] Site style - which is better liquid? Fixed-width?]

[Erik Visser]

__
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] tiled background advice please

[fokuss]

Hello All,

I am great in Photoshop and pretty darn good with CSS, but one thing I 
havent been able to get down quite yet or find a good resource on is 
how to make some of those great tiled patern backgrounds I have seen on 
many of the CSS sites. I really feel that the texture from those 
patterns is whats missing from my designs. I apologize if its off 
topic, but its something I see mainly in the CSS galleries and if 
anyone has a tutorial or method they use please email me.


Some examples include:

http://www.zbiroh.com/uvod/

http://www.kineda.com/

http://www.komodomedia.com/

http://www.fnky.com/

http://www.edmerritt.com/

http://photo.synkop.se/

Thanks in advance...

Adam
__
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 please

[Schalk]

Greetings All!

Please review the following site: http://tinyurl.com/8w2lj

Let me know any and all problems you experience. Thanks!

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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] Dumbfounded by IE and floats

[Bruno Fassino]

Mike Free wrote:

> I have come across a problem which I simply can't figure.
> Please take a look at this page in Safir/Firefox, then in IE .
> Note the large gap
> that appears in IE between the  'Online Quotes and service' section
> and the 'How we are paid' section.
[...]
> Here's the dummy page I'm working on to create the CSS:

Adding:  float:left to #servicelinks seems to solve the problem without
apparent side effects (probably some margins to review.)  Why this happens?
I don't know. IE seems confused by your construction, in particular by the
clear on #newsfeed and acts as if this clear was on #maintext also... It
would probably be useful to create a minimum test case to see if there are
other workarounds.

hth,
Bruno

__
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] Re: Vertically alignment of the custom list bullet (image)

[casmussen]

Chris W. Parker wrote:

>Hello,
>
>Is it possible to adjust the vertical positioning of graphical list
>bullets? 
>  
>
...I think this is what you are looking for: 
http://css.maxdesign.com.au/listutorial/introduction.htm

I see that the listutorial worked for you, but it didn't give me enough
guidance in how to go about adjusting the vertical position of the
background image. The amount of finagling you have to do depends on numerous
variables - text size, graphic size, line height I posted my problem a
few weeks ago but never got a response. FWIW, here's the approach that
provided a solution for my case, which you can see at www.mobiledatasys.com.


#column1 ul {
padding:0;
margin:10px 0 0 40px;
font-variant:small-caps;
font-size:70%;
font-weight:bold;
list-style-type:none;}

#column1 li {
background:url (images/menubullet.gif;
background-repeat:no-repeat;
background-position:0 0; (these are x-y coordinates)
vertical-align:top; (Without this, FF ok but IE text low. Using
"baseline" is ng. This item 
levels the playing field between browsers -
their defaults are not the 
same. Do this first, then adjust vertical
padding. This would probably work 
the same way if you used "bottom" as the
value. Vertical tinkering depends 
on the relative size of bullet and text.)
padding:.3em 0 0 .8em; (.8 is the horizontal space between bullet
and text. .2em pushes text 
down level with the bullet in IE IF top
margin below is 0. Use .3 pad if 
the top margin is .2)
margin:.2em 0 0 0;} (Top margin controls vertical space between list
items in FF and IE.) 

So in my case, juggling top padding and top margin got me the alignment I
wanted. I believe the prerequisite was setting vertical alignment for the
li. On another site, I found I had to have .2em top padding with the .2em
top margin in order to line things up satisfactorily. 

Using a background image for custom bullets is far satisfactory to using a
custom bullet (list-style-image), which caused (for me) an awkward display
in IE, where old default bullets would appear fleetingly whenever the page
repainted. FF was fine either way.

Good luck!
Regards,
CAsmussen
 








Carolyn Asmussen 
 InVision Software, Inc. 
 Phone: 631-360-3400 x112 
 Fax: 631-360-3268 


__
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] Thumb troubleshooting help needed

[cFA]

Hi there, I'm trying to set up a page of thumbnails.  I'm trying at
all costs to avoid floating in this case (which I usually do) because
ultimately I want all the thumbs centered.  I've got it pretty close
only when I add a title the thumbs become one centered row. Ive tried
different display properties on the  tag within the "thumbwrap" but
so far I'm comin up short.

This layout of thumbs has to work in IE5x + (the image link
hovers/padding I can get later) But what is confusing me in this
situation is that this layout actually WORKS in ie5 and ie5.5 pc.  It
fails in a modern browser, so I'm trying to figure out if this is a
direction to get it working.  Here is a link to a test page (I got
that up quickly so the rest of the layout isnt there, all relevant css
is there)

http://aenonfiredesign.com/test/thumbs/


TIA,
-clint
-- 
iron sharpens iron
__
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] crazy IE6 flicker

[Marcel]

Hi all,

I'm new here and I'm coming to you guys a last resort, as I'm getting 
nowhere solving this. I'm building a site that has image replacement 
headers that cut across the page, and the right side column passes over 
the header bands with a semi-transparent background. In IE6 Windows I am 
having a lot of flicker in the navigation menu. In other places in the 
right column (some areas with no links) whole sections of the the 
background are dropping out. Everything looks fine on Mac Firefox and 
Safari. I'm having a hard time getting my head around to solve this one! 
I'd be grateful for any help or pointers.


draft site at: http://www.vividview.com/cis_site/company.html

css: http://www.vividview.com/cis_site/cis_main05.css

Many thanks

Marcel
__
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 not centering in ie

[Sam Leathers]

oops, i keep doing that. it's magpienet.biz, it should be working now.
(don't have ie to check, but a friend assured me it looks fine) the
problem was i was using margin: auto; to align the page, and i had
text-align: center, so ie was aligning it to the center of the gap
between the center of the page, and the right side. odd, but a simple
text-align: left; solved the issue.

Sam

Sam Leathers wrote:
> I've been messing with this for a few days now, and can't figure out why
> it isn't working. I have a layer1 div encompassing the whole site. It
> centers fine (even in IE, if I put a border on it, and hide the header,
> I can see that it's centered, but the rest if over 372px to the right,
> and I could go through and do a hack to force each and every box in ie
> to move over 372px, but what would be the correct solution to doing
> this. It seems like such a nasty have to get it to center properly, and
> I'd prefer to do it the right way, if there is one. By the way, I have
> layer1 as positioned relative, however; I've tried absolute as well.
> 
> Thanks for any help,
> 
> Sam

-- 
in life, direction is everything, distance is secondary--so keep your
bearings!

[KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed.

Get Firefox!!!
http://www.spreadfirefox.com/?q=affiliates&id=13731&t=1
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Sorry I thought was all related

[ross]

Thanks for your reply.

Sorry if it was off topic, I thought it was all related.

R.
- Original Message - 
From: "Alex Robinson" <[EMAIL PROTECTED]>

To: <[EMAIL PROTECTED]>; 
Sent: Thursday, August 18, 2005 8:48 PM
Subject: [ADMIN - OFFTOPIC] Re: [css-d] Trying to find about accessibility


>Finally got around to making descent sites using CSS instead of HTML. 
>Thought I would go the whole hog and get some acessibility in while I was 
>at it.


OK people, this list is about CSS, not accessibility.

So no replies to this thread please.


That said, since this message is going out to the list in any case, I'll 
nudge you in the right direction.


Please - no onlist replies to this thread,



(ii) the XHTML 1.0 Transitional and CSS can be done online at W3C but what 
about WAI 'AAA'. How is this achived, I hear it has to be chaecked 
manually.


Well there are automated checkers, but, well let this article explain

http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/automated-tools.shtml



Any links, books, tutorials would be much appreciated,



http://accessify.com
http://diveintoaccessibility.org/

and of course the essential

http://www.w3.org/WAI/





(i) How can I change the text size on a page


The classic answer to that can be found here:

http://www.alistapart.com/articles/alternate/

However it should be noted that since it relies on javascript and cookies, 
it fails to be accessible since if either one is turned off then the 
font-resizing doesn't work...


The nhsquality  site you linked to doesn't use javascript but it still 
relies on cookies. The only way round it would be to pass a fontsize 
parameter around from page to page...


Alternatively, so long as you don't use fixed pixel sizes (because IE 
doesn't let you resize then) the user can simply use the font size 
changing built into the browser of their choice ;)







__
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] UL Navigation: background image problems in FireFox :(

[Donna Casey]

No, I see what you are saying now...the line to the RIGHT of the last 
tab doesn't display the same. That line displays fine to the LEFT of the 
Admin tab but not to the right. It might be useful to see how it works 
when the other tabs take you to pages using the same interface - they 
seem to go elsewhere right now.


Can you comp up one of those and see what happens to that line when the 
tab is not the last one in the lists? Seems like that would tell you 
something.


Donna




You can see a test page here:

http://www.pixelmech.com/rev/menu.html



__
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] UL Navigation: background image problems in FireFox :(

[Donna Casey]

Tom Dell'Aringa wrote:
This line shows

up fine in IE but NOT in FireFox (1.06). I've done everything I can think of to 
solve it to no
avail.

You can see a test page here:

http://www.pixelmech.com/rev/menu.html


Seems to look the same for me in both FF1.06 and IE6

Windows XP Pro SP2

HTH,
Donna Casey


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

[ADMIN - OFFTOPIC] Re: [css-d] Trying to find about accessibility

[Alex Robinson]

Finally got around to making descent sites using CSS instead of 
HTML. Thought I would go the whole hog and get some acessibility in 
while I was at it.


OK people, this list is about CSS, not accessibility.

So no replies to this thread please.


That said, since this message is going out to the list in any case, 
I'll nudge you in the right direction.


Please - no onlist replies to this thread,



(ii) the XHTML 1.0 Transitional and CSS can be done online at W3C 
but what about WAI 'AAA'. How is this achived, I hear it has to be 
chaecked manually.


Well there are automated checkers, but, well let this article explain

http://www.webcredible.co.uk/user-friendly-resources/web-accessibility/automated-tools.shtml



Any links, books, tutorials would be much appreciated,



http://accessify.com
http://diveintoaccessibility.org/

and of course the essential

http://www.w3.org/WAI/





(i) How can I change the text size on a page


The classic answer to that can be found here:

http://www.alistapart.com/articles/alternate/

However it should be noted that since it relies on javascript and 
cookies, it fails to be accessible since if either one is turned off 
then the font-resizing doesn't work...


The nhsquality  site you linked to doesn't use javascript but it 
still relies on cookies. The only way round it would be to pass a 
fontsize parameter around from page to page...


Alternatively, so long as you don't use fixed pixel sizes (because IE 
doesn't let you resize then) the user can simply use the font size 
changing built into the browser of their choice ;)



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

[Schalk Neethling]

Greetings All!

Please take a look at the following URL and let me know any problems 
that come up. Thank you.

*http://tinyurl.com/8w2lj*

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]

We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/

The information transmitted is intended solely for the individual or entity to 
which it is addressed and may contain confidential and/or privileged material. 
Any review, retransmission, dissemination or other use of or taking action in 
reliance upon this information by persons or entities other than the intended 
recipient is prohibited. If you have received this email in error, please 
contact the sender and please delete all traces of this material from all 
devices.


__
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: [OT] [css-d] cutting edge layouts

[Brian Cummiskey]

DOUGLAS WINTERS wrote:

Again looking at tons of sites,  it seems the standard  layout is to have left 
navi links with a splashy photo header  and content all under the header. 
Is this the cutting edge design?  Most web sites are following this kind of 
formula it seems.  Is this what some survey decided that users prefer.  I think 
they look really sharp.  And at this point I am still trying to convert myself 
out of table and square layouts.   Any thoughts on this?   -Jennifer


Douglas,

this list is for PRACTICAL USAGE of CSS.  Not a general web design 
discussion list.  Thus, this is off-topic.


http://www.webdesign-l.com/ among others, are lists for topics such as this.

__
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] problems with overlapping elements

[Bruce Gilbert]

On a page I am working on, I am trying to get a background image for a
search bar to overlap and appear in front of another background image.
I am not sure if this is even possible, but I am trying to do it using
z-index to no avail.

the page url is:http://www.semlogic.com/new_version/template.htm

and the relevent CSS is

#header {
margin:0;
padding:0;
width:780px;
height:142px;
background: url(../images/bkg_header.gif);
z-index:100;
}

#grey_bar{/*grey bar used below logo header*/
background:#c1c1c1 url(../images/search_bkg.gif) top right no-repeat;
width:100%;
height:auto;
z-index:1;

}

the grey bar has a background positioned right which is the background
for the search bar and I want that to extend beyond (above) the
boundaries of the grey_bar div and appear in front of the image in the
header div.

hope this makes a little bit of sense.

the full css is at :

http://www.semlogic.com/new_version/css/style.css

any suggestions for accomplishing this is greatly appreciated!


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

[css-d] OT: I guess the list server is dead?

[david]

Hmm, just wondering where my daily stream of css-d mail is?

--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
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 display issue

[Nandan Vernekar]

Refer to the attached screen shot. Has any one come across such a scenario?
The text marked yellow is the text present in the Last select box.
This text is bleeding into the marked area. On clicking on that text,
the select box is getting selected.

Some help will be appreciated...

-- 
~Nandan
__
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] Dumbfounded by IE and floats

[Oz Alfert]

Without getting too detailed on what my be causing this, have you
tried a basic Holly Hack. Feed this to IE:

* html #maintext { height: 1%; }

If ever there was a magic cure for IE float problems, the Holly Hack
comes pretty close.

Oz Alfert


On 8/15/05, Mike Free <[EMAIL PROTECTED]> wrote:
> Hi,
> 
> Can anyone help?
> 
> I posted this question on the 12th but have had no replies. I'm not
> sure if it's because my question is too dumb or too difficult to
> answer!  Feedback in either direction would be much appreciated
> because I'm totally stuck! :-(
> 
> 
> here's my original question.
> 
> I have come across a problem which I simply can't figure. Please take
> a look at this page in Safir/Firefox, then in IE . Note the large gap
> that appears in IE between the  'Online Quotes and service' section
> and the 'How we are paid' section.
> 
> The html structure uses a series of divs for layout and is
> structuredlike this:
> 
> 
>  
>  
>  
>  
> 
> 
> I have floated #subsection and #newsfeed to the right, set their
> width etc then left #servicelinks and #maintext positioned relatively.
> This give me precisely the layout I want in Firefox, Safari & Opera,
> but IE creates a huge gap on the page because it flows #maintext
> 'after' the end of #subsection!
> 
> If you remove either #subsection or #newsfeed from the html, the
> layout is fine, but of course this is not an option.
> 
> Here's the dummy page I'm working on to create the CSS:
> 
> http://www.sammedia.com/pebbles/awb_css.htm
> 
> The stylesheet:
> http://www.sammedia.com/pebbles/stylesheet.css
> 
> If anyone can help here, I'd be very grateful, have been staring at a
> screen for a week now and am losing the will to live! ;-)
> 
> 
> Thanks
> 
> Mike Free
> 
> __
> 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] Has anyone else stopped getting messages?

[Tracy Shorrock]

Hi,

I haven't received any messages since August 15 from the CSS list. Is 
there a problem at the moment?


Cheers,

Tracy

__
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] a question about inline styles

[Virginia Murdoch]

Hi there,
Is it possible to set the :hover colour of a border using inline CSS?

This is the syntax I'm trying, and it's not working, but I'm not very  
familiar with inline styles.







??

Cheers,
Virginia
__
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] mail going through?

[Mike Soultanian]

I haven't received mail for a while.. Anything going through?

mike
__
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] An IE minor problem

[Christopher Harris]

My php: http://www.homedesigntrends.com/tables.php
My CSS: http://www.homedesigntrends.com/tables.css

My Problem:  Where it says "Your Cart" - I want it to change color when you 
hover over it.  The color I want is #A52A2A.  I have everything else 
changing to that color when you hover over it in IE.  I even have "Your 
Cart"s tag in my :hover declaration, yet it won't change color.  Oh - and it 
works in FF, Opera, and Netscape.


- Chris

_
Express yourself instantly with MSN Messenger! Download today - it's FREE! 
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/


__
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] Content/Footer problem - Not footer stick problem

[Schalk]

Michael

Yes, it turned out I was applying faux columns to the wrong DIV.

Michael Landis wrote:


On 8/15/05, Schalk <[EMAIL PROTECTED]> wrote:
 


Greetings All!

Can someone please have a look at the following page:
http://tinyurl.com/8w2lj

I got the footer to stick to the bottom but now, for some reason, the
content area does not fill the area to the footer. Any idea what is
preventing it? Thank you in advance.
   



Hi, Schalk,

Did you fix it at some point? It seems that the blue content area goes
all the way down to the where the grey footer begins in both IE 6 and
Firefox...

Michael



 



--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers


__
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 - Guardian search

[Philip Wills]

Hi all,

I work for Guardian Unlimited (http://www.guardian.co.uk) and we're
currently conducting a public beta for our new search engine at
http://browse.guardian.co.uk/search.  It's the first time we've really
made a big stab at a reasonably semantic css-based layout, as opposed
the nightmare of nested tables and spacer gifs that make up much of
our site, so I'd really appreciate the list's feedback.

There are a couple of issues I'm aware of; nasty old voice-family
style hacks which now cause CSS validation errors and lots of
unescaped ampersands in URLs which prevent HTML validation.  The
former is from legacy work elsewhere on the site and something I
intend to change.  The latter unfortunately is a feature of the new
search engine technology, which we're now raising with the provider.

If there's anything OT for the list that you'd like to give feedback
on then that would also be much appreciated, but please address it
just to me, or better still send it to [EMAIL PROTECTED]

Thanks in advance,

Phil Wills
__
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] PHP and CSS - Styling Navigation

[Richard Brown]

Hi

I have a Wordpress site at



with the css at:



If you look at the navigation menu, the top three headings are styled 
correctly but the fourth header "pages", doesn't style as the others. 
Additionally, the item Bible is meant to be a header with the points 
underneath moved inwards slightly. I have read around about styling php 
menus but does anybody have an article that might help me? Or does 
anybody have any tips they could offer?


Thanks

Rich

__
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] Dumbfounded by IE and floats

[Gunlaug Sørtun]

Mike Free wrote:

I have floated #subsection and #newsfeed to the right, set their
width etc then left #servicelinks and #maintext positioned
relatively. This give me precisely the layout I want in Firefox,
Safari & Opera, but IE creates a huge gap on the page because it
flows #maintext 'after' the end of #subsection!



Here's the dummy page I'm working on to create the CSS:



If anyone can help here, I'd be very grateful, have been staring at a
 screen for a week now and am losing the will to live! ;-)


:-) ...got any hair left?

Ok, I have no "smart" solution to this one, but IE behaves better if you
make a change in the source-order - like so:


  
  
  
  

...floats first - flow later.

The above is the result of pure guess-work. Someone else may be able to
describe this particular IE-bug, and maybe provide a better solution.

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] Content/Footer problem - Not footer stick problem

[David Laakso]

Schalk wrote:


Greetings All!

Can someone please have a look at the following page: 
http://tinyurl.com/8w2lj


I got the footer to stick to the bottom but now, for some reason, the 
content area does not fill the area to the footer. Any idea what is 
preventing it? Thank you in advance.*

*

Take a look at this page 
 and the faux 
column articles.
unrelated personal opinion: I find the white on blue text *extremely* 
difficult to read(shimmer); and the moving white text on blue could set 
me up for a long stay in the quiet room at the St. Elsewhere psychiatric 
facility.


--
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] Site Check with IE on PC

[Kris Black]

I'm designing a web site for my client, Flawmark. None of the links in the shop 
area works in IE. THey work in every other web browser. I'm pretty sure its not 
the CSS but I was just wondering if anyone has had a similar experience. The 
shopping cart that powers the shop area is iSell by MacDock web hosting. iSell 
uses Smarty (PHP) Template Engine. Original, the shopping cart was in XHTML 
Strict. I changed it to Transitional to fix a layout problem I was having. 

Any help would be appreciative.

Kris
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
Kris Black, digital artisan
[EMAIL PROTECTED]
Kris Black Design Studio
simply creative . . . simply different
(803) 361-4031
http://www.krisblack.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] Center alignment problem

[David Bailey]

I am having trouble with items aligning in the center of the page which I
can't find why. Of all things, it is working in IE win, but not in FF win
and Safari. 

Site: http://www.copyquality.co.nz
CSS: http://www.copyquality.co.nz/styles/main.css

Any help would be much appreciated.

David

__
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] What Happened?

[Dennis]

Has everyone noticed that it has gotten real quiet here?


--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.338 / Virus Database: 267.10.10/73 - Release Date: 8/15/2005

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

Fwd: [css-d] Content/Footer problem - Not footer stick problem

[Marjorie MacDonald]

Test - I've not gotten any messages for 2 days, I
can't seem to log in to check my mailing list options,
I asked for my password and got nothing, I signed up
again under another email and got no confirmation -
is the list down?

Marjorie MacDonald

--- Schalk <[EMAIL PROTECTED]> wrote:

> Date: Mon, 15 Aug 2005 20:04:44 +0200
> From: Schalk <[EMAIL PROTECTED]>
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Content/Footer problem - Not footer
> stick problem
> 
> Greetings All!
> 
> Can someone please have a look at the following
> page: 
> http://tinyurl.com/8w2lj
> 
> I got the footer to stick to the bottom but now, for
> some reason, the 
> content area does not fill the area to the footer.
> Any idea what is 
> preventing it? Thank you in advance.*
> *
> 
> -- 
> Kind Regards
> Schalk Neethling
> Web Developer.Designer.Programmer.President
> Volume4.Business.Solution.Developers
> 
> 
>
__
> 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/
> 


__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.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] css dropdowns and forms

[Justin Reid]

Hello all,
I'm sure this has come up before so I'm hoping someone can help. I'm
using dropdown navigation (suckerfish) and noticed that they hide
behind form elements in IE. What is the best solution to this problem?

Thanks
-Justin
__
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] dotted underline

[B S Srinidhi]

Hi,

Sorry for the late reply. But I got this idea when my boss wanted the
same effect on some text. :)

On Fri, 2005-08-12 at 16:31 -0400, Duckworth, Nigel wrote:
> 
> .underline { border-bottom: dotted 1px #66; }
> 
> 
> 
> Please underline me.

I'm not so good at CSS, but I used this tip and tried to override the
 tag to something like this:

u {
text-decoration: none;
border-bottom: dotted 1px #cc; 
}

and then any text within  and  should get the dotted underline.
Change 'dotted' to 'dashed' to get the desired effect.

This worked for me in FireFox.

Srinidhi.
~~~ 
> No manual is ever necessary. May I politely interject here: BULLSHIT.
That's the biggest Apple lie of all! (Discussion in comp.os.linux.misc
on the intuitiveness of interfaces.) 


__
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] UL Navigation: background image problems in FireFox :(

[Tom Dell'Aringa]

Hi all,

I'm working in BEA Portal with a UL LI navigation - two level, one stacked on 
top of the other.
The bottom one is the subnav, of course. Everything is just peachy except for 
one thing - I am
using a background image on the top UL to draw a line on the bottom of the top 
UL. This line shows
up fine in IE but NOT in FireFox (1.06). I've done everything I can think of to 
solve it to no
avail.

It appears there is a white line/border at the bottom that somehow prevents the 
image from showing
through, or something. I'm about to tear all my hair out.

You can see a test page here:

http://www.pixelmech.com/rev/menu.html

The CSS is inline in the page. The image is "bg-mainnav.gif" and is in the same 
folder as
menu.html. Note in FF the line does not appear. It would almost be okay to just 
leave it, except
for when the last menu item is selected (admin) it looks pretty bad :(

Any help is GREATLY appreciated, I am dead stuck on this.

Tom


http://www.pixelmech.com/

A man spoke frantically into the phone: "My wife is pregnant and her 
contractions are only two minutes apart"! "Is this her first child?" the doctor 
asked. "No, you idiot!" the man shouted. "This is her husband!"

Workmen in Rome, digging gravel for ballast, were instructed to dig from one 
central pit so as not to spoil the site with too many holes. They unearthed an 
ancient plaque inscribed in Latin, which turned out to be a sign intended for 
workman digging ballast for Roman ships. It instructed them to dig from a 
central pit so as not to spoil the site with too many holes.

I was at the airport, checking in at the gate, when the airport employee asked, 
"Has anyone put anything in your baggage without your knowledge?" I said, "If 
it was without my knowledge, how would I know?" He smiled and nodded knowingly, 
"That's why we ask."

__
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] Content/Footer problem - Not footer stick problem

[Michael Landis]

On 8/15/05, Schalk <[EMAIL PROTECTED]> wrote:
> Greetings All!
> 
> Can someone please have a look at the following page:
> http://tinyurl.com/8w2lj
> 
> I got the footer to stick to the bottom but now, for some reason, the
> content area does not fill the area to the footer. Any idea what is
> preventing it? Thank you in advance.

Hi, Schalk,

Did you fix it at some point? It seems that the blue content area goes
all the way down to the where the grey footer begins in both IE 6 and
Firefox...

Michael
__
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] pure css popups help

[Steve]

problem with pure css popups in firefox (outta wak), and IE (pc) none at all .
__
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 Woes and

[Rahul Gonsalves]

Dear All:

About half-way through a page, couple of issues.

http://janaagraha.org/rahul/index15.htm

   * Faux-column (using background-image) extends beyond the desired
 division ()
   * Top Navigation Buttons (ul) are indented by about 50px to the left.
   * Text zoom breaks afore-mentioned nav-buttons. Any help fixing or
 suggestions on visually-similiar solutions would be helpful.
   * Lastly, I would like the two parts of the footer to be on the same
 line, yet aligned differently - address to the left, and "Last
 Updated" to the right.


The orange border is merely for testing purposes.

Also if anybody is interested, what I'm trying to achieve is here:
http://janaagraha.org/rahul/Janaagraha9thAug.png
[ Warning: 785kb]

Thanks a lot,
Rahul.

--
.
Rahul Gonsalves

[EMAIL PROTECTED]

Make PNG, not War.
.

__
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] bulding a two columns with header and footer. Need help.

[cappellano]

Hi list! 

I need help with my page. I´m trying to make a two colums page, with
header and footer. I had  look for tutorials on the internet and found
some codes, but they don work like I want to.

I will apreciate any help. Thanks. 

**
The code 
**




SAHARA COLD DAYS - A SH FAN SITE




/*geral */
body {
  background-color: #fcfddd;
  margin: 0px;
  padding: 0px;
}



/* menu do topo */
 div.menu_topo{
   width: 800px;
   height: 100px;
   margin-bottom: 12px;
   background-color: #fcfddd;
 }
 
#lista  {
width: 400px;
height: 30px;
float: right;
margin-top: 69px;
/*display: inline;*/
}

#lista ul {
  list-style: none;
  margin:0;
  padding-left:0;
  /*display: inline;*/

}

#lista li {
  float: left;
  margin-left:0;  /*padding: 2px 15px 5px;*/
  padding-left:0;
}

#lista ul li {
margin-left: 0;
margin-bottom: 0;
padding: 2px 17px 7px;
border: 1px solid #000;
list-style: none;
display: inline;
}


#lista a {
  color: #00;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;

}

#lista li.exemplo  {
  color: #000;
  text-decoration: underline;
  border-bottom: #fcfddd;
}

#lista a:visited {
  color: #666;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}
/* fim menu do topo */

/* menu lateral*/


.menu {
width: 110px;   /*120px*/
height: 280px;   /*270px*/
background-color: #9a;
color: #fff;
padding-top: 145px;
margin-left: 5px;

}

div.links {
width: 90px;
height: 370px;
background-color: gray;
margin-left: 10px;
margin-top: -137px;
text-align: left;
}

#list_menu {
  display: block;
  text-align: left;
  padding: 0;
}


#list_menu ul {
  list-style: none;
  display: block;
  width: 70px;
  position: center;
}

#list_menu li {
  width: 70px;
  font-size: 12px;
  display: block;
}

#list_menu ul li {
  padding: 2px 17px 7px;
  margin-left: 0;
  margin-bottom: 0;
}

/*principal*/

/*#principal div {
  width: 400px;
  height: 200px;
  background-color: #ff;
  padding-top: 145px;

}  */
#principal {
position:absolute;
left:50%;
width:500px;
margin-top:50px;
margin-left:-266px;
padding:15px;
border:1px dashed #333;
background-color:#eee;
}











Home
http://www.exemple.com";>Forum
Lists
Contact
Register










About Us
About SH
SH on Press
SH on Telly
Discografia
Videografia
Interviews
Tour Dates
Photos
Journals
Quotes
The Fan Speaks
Links




testando





-- 
http://www.arcbr.org - blog sobre rpg, hq´s, ccg´s, livros, filmes...
__
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] Trying to find about accessibility

[ross]

Hi,

Finally got around to making descent sites using CSS instead of HTML. Thought I 
would go the whole hog and get some acessibility in while I was at it.

(i) How can I change the text size on a page - look at the top right hand 
corner. 

http://www.nhshealthquality.org/nhsqis/qis_display_home.jsp?pSize=default&pContentID=1815&p_applic=CCC&p_service=Content.show&;

I have seen this on a few sites and want to see some tutorials/guidelines.

(ii) the XHTML 1.0 Transitional and CSS can be done online at W3C but what 
about WAI 'AAA'. How is this achived, I hear it has to be chaecked manually.


Any links, books, tutorials would be much appreciated,


R.
__
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] cutting edge layouts

[DOUGLAS WINTERS]

Again looking at tons of sites,  it seems the standard  layout is to have left 
navi links with a splashy photo header  and content all under the header. 
Is this the cutting edge design?  Most web sites are following this kind of 
formula it seems.  Is this what some survey decided that users prefer.  I think 
they look really sharp.  And at this point I am still trying to convert myself 
out of table and square layouts.   Any thoughts on this?   -Jennifer
__
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] Horizontal rule is causing white space in div

[bradford]

Fellow CSSers,

I've tried a number of things to eliminate a space that follows a  at the 
bottom of a container. 
The desired result is NO white line between the gray bar and the blue 
background.

http://216.92.166.102/hr_test.html (css is embedded)

Salient code:

div#container hr {
   clear: both;  
   margin: 0px; 
   padding: 0px;
   visibility: hidden;
   border: 0;
}
div #footer {
   float: left;
   margin: 0;
   padding: 4px 0 4px 0;
   . . .
}



   
  Leftcol Div
   

   This is a test

   
 

Thanks!

Brad
__
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] fixed 3 column layout problem

[Steve]

I have a problem with a fixed 3 column layout where in IE Mac the 3rd
column drops to the left of the page. Safari and firefox (mac) look
ok, don`t know how it acts on IE (pc).

page is located at : http://home.earthlink.net/~stevepa5/
__
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] Dumbfounded by IE and floats

[Ingo Chao]

Mike Free wrote:
I posted this question on the 12th but have had no replies. 











IE can't do that with floats (the two floats, #subsection and #newsfeed, 
are disconnected by #servicelinks + clear:right in #newsfeed).


If you switch servicelinks/newsfeed, it seems to work in IE at my end.


http://www.sammedia.com/pebbles/awb_css.htm


Btw. Opera7.54 shows a fatal jump on hover.

Probably you'll have to rearrange your floats, i.e. a right floated 
sidebar containing subsection+servicelinks.



... have been staring at a  screen for a week now and am losing the will to 
live!


Usually, a cup of hot chocolate helps.


Ingo

--
http://www.satzansatz.de/css.html
__
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] Content/Footer problem - Not footer stick problem

[Luke Williams]

Had a quick flick aorund your site, noticed it only happened on
index.html

You have an extra line: ""

which thanks to the CSS adds this 50px gap

#clearfooter{
clear:both;
height:50px;
}

If its something more complex, then I apologise in advance! :D

Luke


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Schalk
Sent: 15 August 2005 18:05
To: css-d@lists.css-discuss.org
Subject: [css-d] Content/Footer problem - Not footer stick
problem


Greetings All!

Can someone please have a look at the following page:
http://tinyurl.com/8w2lj

I got the footer to stick to the bottom but now, for some
reason, the
content area does not fill the area to the footer. Any idea what
is
preventing it? Thank you in advance.*
*

--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers



__
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/
--
No virus found in this incoming message.
Checked by AVG Anti-Virus.
Version: 7.0.338 / Virus Database: 267.10.9/72 - Release Date:
14/08/2005

--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.338 / Virus Database: 267.10.9/72 - Release Date:
14/08/2005


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

[css-d] IE/Win Problems: missing text, 'bouncing' content

[Ray Drainville / Argument from Design]

Hi there,

I've been banging my head against the wall trying to fix two (well, three)
problems on a site, and can't figure out what's going on. The bugs are
visible only in IE/Windows (5.5 & 6.0, Win 2000 Pro & Win XP Pro). The pages
are:

* 
On this page, the headline 'first paragraph: features writing' doesn't
appear until you mouse over the navigational links or scroll down
the page. Is this a margin issue?

(Related to this,  will
only *sometimes* show the lines 'Online--Why not contact us online? It's
probably the quickest way to catch us' when you scroll. )

* 
On this page, the content has a larger margin on the right than it
should. When you mouse over one of the navigational elements, the margin
snaps into place.

Does anyone have a clue what's going on here? I'm at my wit's end.

Best,

Ray
_
Argument from Design--Web & Graphic Design



__
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] Table-cell and IE

[Janelle Clemens]

Please help as I am starting to go bald from pulling by hair out over this
issue.   Is there anyway (hack) to get Internet Exlporer to abide by the
table-cell property?   Or is there a max-height hack for IE? 
 
:-)
Janelle
 

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