Re: [WSG] A couple CSS Questions

2004-04-28 Thread Lucian Teo 
Hey Sean,

I used sliding doors on a site I completed not too long ago.  It works for IE, except for the rollover, which my client didn't mind.

Fahrner Image Replacement does not help accessibility.  I used to be quite the Fahrny designer, now I'm working on using Pixy's Image Replacement technique. http://www.pixy.cz/blogg/clanky/css-obrazkove-odkazy-02.html

Hope that helps.

Lucian

On Apr 28, 2004, at 4:29 AM, Sean Sullivan-Daley wrote:

Hello,

I have a site I am working on and I am having problems with two things.
1. Fahrner Image Replacement
2. Sliding Doors of CSS

The Site works great in Firefox (Mac) - Fahrner Image Replacement
doesn't work on FireFox (PC)

And here is the big problem. Sliding Doors of CSS doesn't work on IE 6
(PC) and the Fahrner Image Replacement doesn't work.

Any help would be great!

Here are links to a sample:

http://sean.ashtonweb.com/test/
http://sean.ashtonweb.com/test/css/mstle.css


Thanks,

-Sean

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*

RE: [WSG] A couple CSS Questions

2004-04-27 Thread John Rolph 
omg what a lot of code and hacks...
You can make this whit less code, without hacks, and totally valid xhtml 
very easy in a lot of differents manners.

By example with pixel perfect and floats:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//ES 
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;

html
head
title/title
style type=text/css
!--
#container {
margin: 0px auto;
text-align: center;
width: 500px;
}
#header {}
#header li,#header li a:visited, #header li a:link {
background: #F4F4F4;
display: inline;
text-decoration: none;
width: 100px;
float: left;
}
#header li a:hover {
background: #D0E8FF;
width: 100px;
float: left;
}
#header ul {
list-style: none;
margin: 0px;
padding: 0px;
}
--
/style
/head
body
div id=container
div id=header
ul
lia href=#alfa/a/li
lia href=#beta/a/li
lia href=#gamma/a/li
lia href=#delta/a/li
lia href=#omega/a/li
/ul
/div
/div
/body
/html

John Rolph
Weblog-Portfolio: http://www.trovadores.org/salvaje/


From: Sean Sullivan-Daley [EMAIL PROTECTED]
Reply-To: [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Subject: [WSG] A couple CSS Questions
Date: Tue, 27 Apr 2004 16:29:58 -0400
Hello,
I have a site I am working on and I am having problems with two things.
1. Fahrner Image Replacement
2. Sliding Doors of CSS
The Site works great in Firefox (Mac) - Fahrner Image Replacement
doesn't work on FireFox (PC)
And here is the big problem. Sliding Doors of CSS doesn't work on IE 6
(PC) and the Fahrner Image Replacement doesn't work.
Any help would be great!
Here are links to a sample:
http://sean.ashtonweb.com/test/
http://sean.ashtonweb.com/test/css/mstle.css
Thanks,
-Sean
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*
_
Consigue aquí las mejores y mas recientes ofertas de trabajo EE.UU. 
http://latino.msn.com/empleos

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*

RE: [WSG] A couple CSS Questions

2004-04-27 Thread John Rolph 
mmm a format problem in last mail :/ i'll try again.. replace - for 
 and will be ok.

omg what a lot of code and hacks...
You can make this whit less code, without hacks, and totally valid xhtml 
very easy in a lot of differents manners.

By example with pixel perfect and floats:
-!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//ES 
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;

-html
-head
-title-/title
-style type=text/css
-!--
#container {
margin: 0px auto;
text-align: center;
width: 500px;
}
#header {}
#header li,#header li a:visited, #header li a:link {
background: #F4F4F4;
display: inline;
text-decoration: none;
width: 100px;
float: left;
}
#header li a:hover {
background: #D0E8FF;
width: 100px;
float: left;
}
#header ul {
list-style: none;
margin: 0px;
padding: 0px;
}
--
-/style
-/head
-body
--html-/html
-div id=container
-div id=header
-ul
-li-a href=#alfa-/a-/li
-li-a href=#beta-/a-/li
-li-a href=#gamma-/a-/li
-li-a href=#delta-/a-/li
-li-a href=#omega-/a-/li
-/ul
-/div
-/div
-/body
-/html

From: Sean Sullivan-Daley [EMAIL PROTECTED]
Reply-To: [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Subject: [WSG] A couple CSS Questions
Date: Tue, 27 Apr 2004 16:29:58 -0400
Hello,
I have a site I am working on and I am having problems with two things.
1. Fahrner Image Replacement
2. Sliding Doors of CSS
The Site works great in Firefox (Mac) - Fahrner Image Replacement
doesn't work on FireFox (PC)
And here is the big problem. Sliding Doors of CSS doesn't work on IE 6
(PC) and the Fahrner Image Replacement doesn't work.
Any help would be great!
Here are links to a sample:
http://sean.ashtonweb.com/test/
http://sean.ashtonweb.com/test/css/mstle.css
Thanks,
-Sean
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*
_
Consigue aquí las mejores y mas recientes ofertas de trabajo EE.UU. 
http://latino.msn.com/empleos

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*
_
Reparaciones, servicios a domicilio, empresas, profesionales... Todo en la 
guía telefónica de QDQ. http://qdq.msn.es/msn.cfm

*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
*