date:20081025

Re: [css-d] CSS popup windows

2008-10-25 Thread Rachel Mawhood

This is, I gather, an Accessible way of doing pop-ups that self-close 
if one clicks anywhere else on the screen -

a href=yourpage.html 
onmouseover=window.open('yourpage.html','popup','width=580,height=400,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=460,top=260');
 
return falseSubject of your pop up page/a

(alter the dimensions and positioning on the screen to your requirements)

- except if javascript is disabled, and for those you need to include 
a Close button

div id=closebutton
a href=index.php title=Clicking on this link will take you back 
to the main ISO Journal page, if you don't have JavaScript enabled 
onClick=window.close()Close/a
/div

Style your pop-up page and close button as normal with CSS.

Hope this helps
Rachel

At 01:45 25/10/2008, Hayden's Harness Attachment wrote:
If you go to http://www.thepuppyplace.org/page53.html and click on a 
link (Alabama for example) popups up a window with text inside. Can 
someone suggest a website that I can learn this technique? Or any 
other comments? Thank you.

Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com

Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller


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

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

Re: [css-d] CSS popup windows

2008-10-25 Thread tedd

At 5:45 PM -0700 10/24/08, Hayden's Harness Attachment wrote:
If you go to http://www.thepuppyplace.org/page53.html and click on a 
link (Alabama for example) popups up a window with text inside. Can 
someone suggest a website that I can learn this technique? Or any 
other comments? Thank you.

Angus MacKinnon

It's javascript and not css, thus off-topic for this list.

But that you asked, look at the source and that will teach you everything.

Please note that clicking on the Alabama will give you the same data 
as this url:

http://www.thepuppyplace.org/ala.html

It's just that javascript opens the page as a pop-up instead -- very simple.

Cheers,

tedd

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

Re: [css-d] flyout menus + IE6 making progress, still need help

2008-10-25 Thread tedd

At 5:45 PM -0700 10/24/08, Jody Levinson wrote:
It's not working for me 'out of the box' either. Unless I'm
implementing it wrong. Do you have a sample of it working in a
vertical menu to level 3 that I could look at to compare? Your page
that you referred me to only goes to level 2.

Three levels, that's easy enough. Try this:

http://sperling.com/examples/menuv/

Cheers,

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

Re: [css-d] CSS popup windows

2008-10-25 Thread david

Rachel Mawhood wrote:
 This is, I gather, an Accessible way of doing pop-ups that self-close 
 if one clicks anywhere else on the screen -
 
 a href=yourpage.html 
 onmouseover=window.open('yourpage.html','popup','width=580,height=400,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=460,top=260');
  
 return falseSubject of your pop up page/a
 
 (alter the dimensions and positioning on the screen to your requirements)
 
 - except if javascript is disabled, and for those you need to include 
 a Close button
 
 div id=closebutton
 a href=index.php title=Clicking on this link will take you back 
 to the main ISO Journal page, if you don't have JavaScript enabled 
 onClick=window.close()Close/a
 /div
 
 Style your pop-up page and close button as normal with CSS.
 
 Hope this helps
 Rachel
 
 At 01:45 25/10/2008, Hayden's Harness Attachment wrote:
 If you go to http://www.thepuppyplace.org/page53.html and click on a 
 link (Alabama for example) popups up a window with text inside. Can 
 someone suggest a website that I can learn this technique? Or any 
 other comments? Thank you.

It seems to me that if Javascript is disabled, your popup won't come up 
- you're using Javascript to make it come up in the first place ...

-- 
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] vertical-align - Parent Element

2008-10-25 Thread Doug Jolley

 Not the block ... the paragraph line-boxes -
 one for each  line in the paragraph.

Thanks.  I don't really see how a line-box can be considered to be a
parent element. when it's not even an element at all.  However, the
whole world must think that it is because virtually everyone refers to
parent when addressing this issue.

Thanks for the input.

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

Re: [css-d] flyout menus + IE6 making progress, still need help

2008-10-25 Thread Bob Meetin

Jody Levinson wrote:
 It's not working for me 'out of the box' either. Unless I'm  
 implementing it wrong. Do you have a sample of it working in a  
 vertical menu to level 3 that I could look at to compare? Your page  
 that you referred me to only goes to level 2.

 Thanks!
   
Try this example.  I have not worked this into the menu sampler, but I 
have it set up with both a horizontal and a vertical drop-down menu and 
added the  level3 options to both.  I tested it in both Firefox and IE6, 
also IE7 and the version of Safari installed on Windows. 

http://dottedi.biz/codesamples/double-menu.php

-- 
Bob Meetin
www.dottedi.biz
303-926-0167

Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo
or catch my blog at www.dottedi.biz/blog.php

Standards - you gotta love em - there are so many to choose from!

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

Re: [css-d] CSS popup windows

2008-10-25 Thread Rachel Mawhood


It seems to me that if Javascript is disabled, your popup won't come up
- you're using Javascript to make it come up in the first place ...

I know but it will still behave as an ordinary hypertext link and 
bring up the pop-up page contents but in a full screen, which seems 
to me to be an elegant degradation.

Rachel

At 19:22 25/10/2008, david wrote:
Rachel Mawhood wrote:
  This is, I gather, an Accessible way of doing pop-ups that self-close
  if one clicks anywhere else on the screen -
 
  a href=yourpage.html
  
 onmouseover=window.open('yourpage.html','popup','width=580,height=400,scrollbars=yes,resizable=yes,toolbar=no,directories=no,location=no,menubar=no,status=no,left=460,top=260');
  

  return falseSubject of your pop up page/a
 
  (alter the dimensions and positioning on the screen to your requirements)
 
  - except if javascript is disabled, and for those you need to include
  a Close button
 
  div id=closebutton
  a href=index.php title=Clicking on this link will take you back
  to the main ISO Journal page, if you don't have JavaScript enabled
  onClick=window.close()Close/a
  /div
 
  Style your pop-up page and close button as normal with CSS.
 
  Hope this helps
  Rachel
 
  At 01:45 25/10/2008, Hayden's Harness Attachment wrote:
  If you go to http://www.thepuppyplace.org/page53.html and click on a
  link (Alabama for example) popups up a window with text inside. Can
  someone suggest a website that I can learn this technique? Or any
  other comments? Thank you.

It seems to me that if Javascript is disabled, your popup won't come up
- you're using Javascript to make it come up in the first place ...

--
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

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

[css-d] Misterious Firefox bug?

2008-10-25 Thread Luc

 Good afternoon list,  

 This page is how it should look:

 http://www.dzinelabs.com/sandbox/MP/Pages/clientes.php

 This is how it looks in Firefox:

 http://www.dzinelabs.com/sandbox/MP/Pages/clientes.php

 As you can see, the 'departamento logistica' heading is way off base.

 Opera, IE6 (couldn't check IE7 yet) and Mozilla have it right.

 Something is affecting just Firefox. My bad or some obscure Firefox
 bug (although my money is on my bad ;-) )?

 CSS embedded.
 
-- 
Best regards,
 Luc


Using the best e-mail client: The Bat! version 4.0.18 with Windows XP
(build 2600), version 5.1 Service Pack 2 and using the best browser:
Opera.

Age is an issue of mind over matter. If you don't mind, it doesn't
matter. - Mark Twain (1835-1910) - US author



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

Re: [css-d] Misterious Firefox bug?

2008-10-25 Thread David Laakso

Luc wrote:
  This page is how it should look:

  http://www.dzinelabs.com/sandbox/MP/Pages/clientes.php

  This is how it looks in Firefox:

  http://www.dzinelabs.com/sandbox/MP/Pages/clientes.php

  As you can see, the 'departamento logistica' heading is way off base.

  Opera, IE6 (couldn't check IE7 yet) and Mozilla have it right.

  Something is affecting just Firefox. My bad or some obscure Firefox
  bug (although my money is on my bad ;-) )?

  CSS embedded.
  
   


Did you forgot to include the uri for the capture?
Mac OS X 10.4.11 FF/3.0.3, Safari, and Opera show it on one line.
XP Safari, Opera, IE/6, and IE/7 show it on one line.

Is it that XP FF/3.0.1 and FF/3.0.3 show it on two lines instead of one 
line? If that is the case, I do not know why XP FF is rendering it 
different.

-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

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

[css-d] Site Check Please: Cedar Lake Inn

2008-10-25 Thread Peter Hyde-Smith

10/25/2008

Nefore I get much further, would appreciate a site check of new Cedar Lake 
Inn index page and one
interior page here,

http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html
http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html

http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css
http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css

Some funkification of double borders in most browsers, and loss of #footer
top margin in Opera. Education by the code and art elves always welcome.

Cheers,

Peter
www.fatpawdesign.com
developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
validated (X)HTML and CSS
In God we trust, all else bring data...

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

Re: [css-d] Misterious Firefox bug?

2008-10-25 Thread Gunlaug Sørtun

Luc wrote:

 Indeed: XP FF 3.0.3
 
 I too find it strange. But since you don't know why it's rendered 
 different, i'm a bit relieved that it probably isn't my code ;-)

FWIW: My Opera does the same - probably because I have 'minimum font
size' set (didn't check).

There is a general problem with your code, in that you have headlines
with the same styles but in different places/environments. Would be
easier to get each of them right if you targeted them a bit more precise.


To fix that broken h1 line it might be suitable to add...

#main-top h1 {
clear: both;
padding: .5em 0 0 .5em;
}

...which is targeted, and works - if you like the alignment :-)


There is what seems to be a real Gecko-bug in there - a
change/regression from Firefox 2.x to 3.x, in that the size of the
h3:first-letter seems to determine the width of h3. It should be the
width of h3's text that determined its width when no width is declared -
as it is in Fx 2.x and all other browsers I've checked in. Only checked
on windows (2K/XP/Vista).

If you want that h3 to line up more identical across browser-land, you
have to declare width on h3, for instance...

#main-top h3 {
width: 20em;
}


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

Re: [css-d] Site Check Please: Cedar Lake Inn

2008-10-25 Thread David Laakso

Peter Hyde-Smith wrote:
 10/25/2008

 Nefore I get much further, would appreciate a site check of new Cedar Lake 
 Inn index page and one
 interior page here,

 http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html
 http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html

 http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css
 http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css

 Some funkification of double borders in most browsers, and loss of #footer
 top margin in Opera. Education by the code and art elves always welcome.

 Cheers,

 Peter
 www.fatpawdesign.com
 developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024
 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1
 validated (X)HTML and CSS
 In God we trust, all else bring data...


   

Only checked in Mac Opera and Mac FF.
Changes made live in FF-- no guarantee cross-browser (or in FF, for 
that matter)
Re-set:
#content{
height: 323px;
}
To read (in order to prevent text from heading for the Equator with 
scaling):
#content{
min-height: 323px;
}
* html #content{
min-height: 323px;
}
#topnav, #dinnernav {
padding: 0; :: not needed?
padding-bottom: 20px; :: add
}
#topnav li a, #bottomnav li a, #dinnernav li a{
line-height: 1.6; -:: delete
   line-height: 0.7; -:: add -- less horsey when scaled
}

#bottomnav {
/*float: right;*/float:left;  :: amend
margin-top: /*8px*/120px; :: amend
}
#addressblock{
line-height:0.5; --- :: less lead
margin-top: /*18px*/30px; --- more lead
}   
#footer{ border-top: 1px solid fuchsia/*test only*/;
 clear:both;
   margin: 280px 0 0 0;--:: delete
   font-size: 0.80em;--:: delete
  padding: 16px 0;
}

#footer p{
font-size: 0.7em; - :: add
   margin-left: 16px;- :: add
   margin-bottom: 8px;--:: delete
}

Fwiw, line-height usually needs no unit of measure-- a raw number will do.






-- 

A thin red line and a salmon-color ampersand forthcoming.

http://chelseacreekstudio.com/

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

[css-d] vertical-align is driving me crazy!

2008-10-25 Thread Doug Jolley

I have a short line containing some text and two images.  The text is
default height, let's assume that is somewhere around 18px.  Let's
also assume that the two images are both 100px high.  With respect to
one image I have done nothing; so, as expected, it's bottom aligns
with the baseline of the text. With respect to the other, I have set
vertical-align to middle.  I would expect that the line-box would be
100px high which is the height of the first image.  Therefore, I would
expect that the second image would be centered vertically with respect
to that line-box.  Thus, I would expect that the second image would
wind up with it's bottom aligned with the baseline just like the
first.  Instead, the second image is centered vertically with respect
to the text.  Why is that?  What am I missing?  Thanks for any input.

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

Re: [css-d] vertical-align is driving me crazy!

2008-10-25 Thread Philippe Wittenbergh


On Oct 26, 2008, at 11:42 AM, Doug Jolley wrote:

 I have a short line containing some text and two images.  The text is
 default height, let's assume that is somewhere around 18px.  Let's
 also assume that the two images are both 100px high.  With respect to
 one image I have done nothing; so, as expected, it's bottom aligns
 with the baseline of the text. With respect to the other, I have set
 vertical-align to middle.  I would expect that the line-box would be
 100px high which is the height of the first image.  Therefore, I would
 expect that the second image would be centered vertically with respect
 to that line-box.  Thus, I would expect that the second image would
 wind up with it's bottom aligned with the baseline just like the
 first.  Instead, the second image is centered vertically with respect
 to the text.  Why is that?  What am I missing?  Thanks for any input.

The second image has 'vertical-align:middle'. It will be vertically  
centred to the baseline of the surrounding text; that is, the midpoint  
of the image is attached, hooked to that baseline.

That is exactly what is supposed to happen.

Philippe
---
Philippe Wittenbergh
http://l-c-n.com/





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

Re: [css-d] CSS popup windows

Re: [css-d] CSS popup windows

Re: [css-d] flyout menus + IE6 making progress, still need help

Re: [css-d] CSS popup windows

Re: [css-d] vertical-align - Parent Element

Re: [css-d] flyout menus + IE6 making progress, still need help

Re: [css-d] CSS popup windows

[css-d] Misterious Firefox bug?

Re: [css-d] Misterious Firefox bug?

[css-d] Site Check Please: Cedar Lake Inn

Re: [css-d] Misterious Firefox bug?

Re: [css-d] Site Check Please: Cedar Lake Inn

[css-d] vertical-align is driving me crazy!

Re: [css-d] vertical-align is driving me crazy!

14 matches

Site Navigation

Mail list logo

Footer information