Re: [css-d] IE absolute and relative height problem

2008-10-20 Thread Alex Cole
  Sorry, the above is a XHTML DTD, use this one instead:  !DOCTYPE HTML 
  PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN 
  http://www.w3.org/TR/html4/loose.dtd;   -- Regards, Thierry | 
  http://www.TJKDesign.com   Gunlaug Sørtun wrote:   Declaring 
  'overflow: hidden' on .inner doesn't work since 'height:  100%' is 100% 
  of the auto-expanded .outer.  Sorry, that's quirks mode behavior. IE6 
  will behave as IE7 on this point when in standards mode. Older IE-versions 
  will need the additional hack.  Georg --  http://www.gunlaug.no Thank 
  you very much to both of you.  Unfortunately currently my site relies on 
  quirks mode, it took quite a long time to get it how I wanted in that mode 
  so, although on my list of things to do, I doubt I will be changing to 
  standards for a while.  However the *html hack worked beautifully (in fact 
  better than I expected as the real site has about 6 nested divs and 
  applying the hack to only the outer one fixed everything). Again, thankyou 
  Alex
_
Catch up on all the latest celebrity gossip 
http://clk.atdmt.com/GBL/go/115454061/direct/01/
__
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] IE-7: background not getting centered

2008-10-20 Thread Gintautas Simkus
Glitch in IE/6.0, too-- logo and validation image no shows.


 .layout {   overflow-y:hidden; - :: add to hold to contain
 width and prevent h-scroll bar in IE.
 }

 #logo {   background-image: url( logo_fin.png ); -
 :: IE/6 has difficulty with all six of these rules, delete all of them
 (except for the height and width of the division).
 background-color: transparent;
 position: absolute;
 left: 204px;
 right: 0;
 top: 0px;
 }

 Re-set this declaration to read:
 .box {  background: url( logo_fin.png ) 203px 0 no-repeat;
 width: 750px;
 height: 200px;
 float: left;
 }
 #content {
 overflow: auto;-- :: delete
 overflow-y:scroll;-- :: add
 }


I changed code to:
=

/*
#logo {
background-image: url( images/logo_finished.png );
background-color: transparent;
width: 435px;
height: 82px;
/*position: absolute;
left: 204px;
top: 0px;
}
*/

#pyr_top {
position: absolute;
right: 10px;
top: -47px;
background-image: url( images/top_sponge_c32.png );
width: 116px;
height: 47px;
}

* htmlbody #pyr_top { -- thought this would fix the top for
IE6 but it looks like it doesn't.
   position: relative;
   left: 623px;
   bottom: 647px;
}

.box {
   background: url( images/logo_finished.png ) 203px 0 no-repeat;
width: 750px;
height: 200px;
float: left;
}

It looks like IE-6 doesn't go well with absolute positions. Though position:
relative didn't work for me, either one of IE's or FF wouldn't render
properly. Now I want to shout out a few strong words, but whatever. Anyway
this got me thinking, what can you accomplish with absolute positioning that
you can't with relative?

The above code fixes the top of the pyramid, but still the BG in IE-7 is
buggy. So David could you take a look at the updated version and suggest
something for the IE-7 background glitch? overflow-y ain't working.
Background is centered in both IE6 and IE8, not to mention all other
browsers, this must be very IE7-specific.

Users who need to scale  fonts may have difficulty  with your
page...http://chelseacreekstudio.com/


You are right. I will take a look at that.
My desired look of the site can be seen here
http://www.browsershots.org/screenshots/6d7ae7ac961d97659cb7dba4f8037c70/
__
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] ADMIN: ALT Attribute not showing up in IE

2008-10-20 Thread Eric A. Meyer
At 2:13 PM -0700 10/19/08, Thierry Koblentz wrote:

PS: this will be my last post in this thread as we're off-topic here

Yep.  Thread's over.  Thanks.

-- 
Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone
CSS is much too interesting and elegant to be not taken seriously.
   -- Martina Kosloff (http://mako4css.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] IE-7: background not getting centered

2008-10-20 Thread David Laakso
Gintautas Simkus wrote:


 It looks like IE-6 doesn't go well with absolute positions. Though position:
 relative didn't work for me, either one of IE's or FF wouldn't render
 properly. Now I want to shout out a few strong words, but whatever. Anyway
 this got me thinking, what can you accomplish with absolute positioning that
 you can't with relative?

 The above code fixes the top of the pyramid, but still the BG in IE-7 is
 buggy. So David could you take a look at the updated version and suggest
 something for the IE-7 background glitch? overflow-y ain't working.
 Background is centered in both IE6 and IE8, not to mention all other
 browsers, this must be very IE7-specific.

   


RE: http://www.archsite.net/


The background image seems to be centered on this end in all browsers.
The simplest means to position the pyramid image, considering the 
alternatives with your current positioning scheme, is to move #pyr_top 
in the markup to be the first id to open and the first id to close.

Please see (quick checked in IE/6.0, IE/7.0, and some compliant Mac 
browsers:
http://www.chelseacreekstudio.com/ca/cssd/tech.htm
css
http://www.chelseacreekstudio.com/ca/cssd/tech_files/style000.css

There is nothing wrong with any of the positioning methods [1] 
currently available-- including the use of position relative and 
absolute. In general, until something better comes along in the future, 
float constructed layouts where content determines height tend to be far 
less restrictive, and  less problematic than those structured nearly 
entirely (such as yours)  with absolute positioning.

[1] http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme



-- 

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/


Re: [css-d] Text-Align:Center Not Completely Centered

2008-10-20 Thread Chris Akins
Well - the clear:both mentioned above worked fairly well on everything
except IE 6 or 7.  What else should I have expected?  :-)  It blew the
rest of the page to smithereens in those browsers.

So I'm at a loss to know how to really get the content centered and
still not have a bunch of dead space at the top.

On Sat, Oct 18, 2008 at 11:22 AM, David Laakso
[EMAIL PROTECTED] wrote:
 Chris Akins wrote:

 While I did say all I want is the content to be centered.  I should
 have added that I'd also like to NOT have the extra dead space above
 the h1 tag that shows up with the clear:both on it


 But the amount of blank space above the heading now just doesn't look
 right either.

 Hmm. . .



 Try:
 .textpadderC h1 {clear:both;margin: 0 0 20px 0;padding: 0;}



 Add lead beneath Back to gallery thumbnails until the block looks
 vertically and visually balanced? Or wait for someone else to provide a
 means to bring h1 tighter to the top of the block.

__
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] Odd Jumping Behavior on Hover - IE Only of Course

2008-10-20 Thread Chris Akins
On these pages:

www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html
http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html

In IE as soon as I over over any of the links (photo thumbnails or
text) in the content area, the content all shifts left several pixels,
but doesn't shift back when the cursor leaves the link.
There isn't a hover action that should be triggering this.

On the individual photo pages (second link above) it's even worse.
The mouseover a link makes the photo shift a bit, but even more
radically, the next arrow button jumps to the left toward the
previous button.  Just resizing the page will make it go back right,
but hovering again brings about the jumping action.

Anyone seen this kind of thing before?

Chris A.
City of Springfield, MO
Web Coordinator
__
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] Text-Align:Center Not Completely Centered

2008-10-20 Thread Thierry Koblentz
 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 discuss.org] On Behalf Of Chris Akins
 Sent: Monday, October 20, 2008 1:52 PM
 To: David Laakso
 Cc: [css-d] List
 Subject: Re: [css-d] Text-Align:Center Not Completely Centered
 
 Well - the clear:both mentioned above worked fairly well on everything
 except IE 6 or 7.  What else should I have expected?  :-)  It blew the
 rest of the page to smithereens in those browsers.
 
 So I'm at a loss to know how to really get the content centered and
 still not have a bunch of dead space at the top.

Did you try my suggestion?

.trC {position:absolute;right:0;}



-- 
Regards,
Thierry | http://www.TJKDesign.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] Text-Align:Center Not Completely Centered

2008-10-20 Thread David Laakso
Chris Akins wrote:
 Well - the clear:both mentioned above worked fairly well on everything
 except IE 6 or 7.  What else should I have expected?  :-)  It blew the
 rest of the page to smithereens in those browsers.

 So I'm at a loss to know how to really get the content centered and
 still not have a bunch of dead space at the top.
   


On 10/18/08 at 2:10pThierry suggested this--

Try this:

.trC {position:absolute;right:0;}


Did you try his suggestion?
Either way, please bottom post. Thanks.

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


Re: [css-d] IE-7: background not getting centered

2008-10-20 Thread Gintautas Simkus
I think I am done now. Took me whole day though. The tricks I used:

1) Pyramid top worked from the beginning in all browsers but IE 6, so I
simply overridden alternate positioning for IE 6 (in which I used relative
instead of absolute) with general positioning which as I've said works in
all other browsers as far as I know. Made use of the fact that IE 6 can't
see children selector (  ):

#pyr_top {
position: relative;
   left: 623px;
   bottom: 647px;
background-image: url( images/top_sponge_c32.png );
width: 116px;
height: 47px;
}

htmlbody #pyr_top {
   position: absolute;
right: 10px;
top: -47px;
}

2) Solved IE 7 background centering problem by wrapping everything inside
body within a 'wrapper' div. It looks like IE 7 body width can't be
smaller than the background's image's width. In my case it was a 2000px wide
texture, so technically it was centered; the problem was it wasn't trimmed
to the browser's actual viewable area. Hence the horizontal scroll bar even
though the ain't any content to the right. Even overflow-x:hidden didn't fix
that. Passed some IE 7 specific commands using the comment provided below.

/* !--[if IE 7]link rel=stylesheet type=text/css media=screen
href=ie7fixes.css /![endif]-- */   goes into head of html file

body {
margin: 0;
padding: 0;
width: 100%;
height: 120%;
background-image: none;
background-position: 0% 0%;
background-repeat: no-repeat;
overflow-x: hidden;
}

#wrapper {
width: 100%;
height: 120%;
background-image: url( images/background_texture.png );
background-position: center top;
background-repeat: repeat-y;
}

Ok so the site isn't _exactly_ the same, but probably in the region of 99%
being the same. The feel was retained, so I am happy :) My first site now
works as intended. Thanks for the help everyone!




2008/10/20 David Laakso [EMAIL PROTECTED]

 Gintautas Simkus wrote:



 It looks like IE-6 doesn't go well with absolute positions. Though
 position:
 relative didn't work for me, either one of IE's or FF wouldn't render
 properly. Now I want to shout out a few strong words, but whatever. Anyway
 this got me thinking, what can you accomplish with absolute positioning
 that
 you can't with relative?

 The above code fixes the top of the pyramid, but still the BG in IE-7 is
 buggy. So David could you take a look at the updated version and suggest
 something for the IE-7 background glitch? overflow-y ain't working.
 Background is centered in both IE6 and IE8, not to mention all other
 browsers, this must be very IE7-specific.





 RE: http://www.archsite.net/


 The background image seems to be centered on this end in all browsers.
 The simplest means to position the pyramid image, considering the
 alternatives with your current positioning scheme, is to move #pyr_top in
 the markup to be the first id to open and the first id to close.

 Please see (quick checked in IE/6.0, IE/7.0, and some compliant Mac
 browsers:
 http://www.chelseacreekstudio.com/ca/cssd/tech.htm
 css
 http://www.chelseacreekstudio.com/ca/cssd/tech_files/style000.css

 There is nothing wrong with any of the positioning methods [1] currently
 available-- including the use of position relative and absolute. In general,
 until something better comes along in the future, float constructed layouts
 where content determines height tend to be far less restrictive, and  less
 problematic than those structured nearly entirely (such as yours)  with
 absolute positioning.

 [1] http://www.w3.org/TR/CSS21/visuren.html#positioning-scheme




 --

 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] What CSS is behind the List Item (LI) in an Unordered List (UL)

2008-10-20 Thread David G
What CSS is behind the List Item (LI) in an Unordered List (UL) that
makes the bullet hang out AND makes the text just after the bullet
line up with the text below it?

What I'm playing with right now is

div.parent {
margin-left: 20px;
}
div.parentdiv {
padding-left: 1em;
text-indent: -1em;
}
div.parentdiv::before {
content: \00BB\0009;
/*  00BB is unicode for the  symbol, and 9 is the tab 
char   */
}


But is the tab always going to be the same distance?  I think this
needs improvement.

I found on another forum a technique that uses floats to do it.  But
this code is very bulky.  But maybe this is the best way?  Can anyone
shed some light on it

   #hangtext {padding-left: 2em;}
   #hangtext p {position: relative;}
   #hangtext p span {
   display: block;
   position: absolute;
   left: -2em;
   }

   div id=hangtext
   pspan1:/spanblah, blah, blah/p
   pspan2:/spanblah, blah, blah and more blah blah blah and even more
   blah blah blah and yet more blah blah blah to make the
paragraph wrap../p
   ul
   lithen you can use lists inside it/li
   liif you want to/li
   /ul
   pspan3:/span as long as the text remains inside the hangtext div/p
   /div
   !-- code above from: http://www.webmasterworld.com/forum83/1764.htm --
__
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] Odd Jumping Behavior on Hover - IE Only of Course

2008-10-20 Thread Alex Cole
Hi Chris,
 
Could you possibly be more accurate under what conditions this happens?  I just 
checked with IE6 and IE8 (as well as FF and Opera) and none of them seem to 
display anything like the behaviour you are describing.
 
Alex Cole



 Date: Mon, 20 Oct 2008 15:58:35 -0500 From: [EMAIL PROTECTED] To: 
 css-d@lists.css-discuss.org Subject: [css-d] Odd Jumping Behavior on Hover - 
 IE Only of Course  On these pages:  
 www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html 
 http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html
   In IE as soon as I over over any of the links (photo thumbnails or text) 
 in the content area, the content all shifts left several pixels, but doesn't 
 shift back when the cursor leaves the link. There isn't a hover action that 
 should be triggering this.  On the individual photo pages (second link 
 above) it's even worse. The mouseover a link makes the photo shift a bit, 
 but even more radically, the next arrow button jumps to the left toward 
 the previous button. Just resizing the page will make it go back right, 
 but hovering again brings about the jumping action.  Anyone seen this kind 
 of thing before?  Chris A. City of Springfield, MO Web Coordinator 
 __ 
 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/
_
Catch up on all the latest celebrity gossip 
http://clk.atdmt.com/GBL/go/115454061/direct/01/
__
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] Odd Jumping Behavior on Hover - IE Only of Course

2008-10-20 Thread Gunlaug Sørtun
Chris Akins wrote:

 www.springfieldmo.gov/newSite/sfd/galleries/photo1/index.html 
 http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html
 
 In IE as soon as I over over any of the links (photo thumbnails or 
 text) in the content area, the content all shifts left several 
 pixels, but doesn't shift back when the cursor leaves the link.

IE can't determine how to contain those images with margins in an
anchor. It actually get it right the first time, but lose a side-margin
and shifts left when re-rendering is triggered by the first
:hover-action on the page. Once there, it stays there.

There are a few ways to stiffen up IE's backbone and fix the problem,
but for your case/pages I suggest you simply add...

#content a {border: solid 1px #eee!important; margin: -1px;}

...which will stabilize those anchors so they contain image-margins
properly, without expanding the anchors.


Some serious errors in the anchors/images part of the source-code btw...

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.springfieldmo.gov%2FnewSite%2Fsfd%2Fgalleries%2Fphoto1%2Findex.htmlcharset=%28detect+automatically%29doctype=Inliness=1group=0user-agent=W3C_Validator%2F1.591

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] Text-Align:Center Not Completely Centered

2008-10-20 Thread Chris Akins
 On 10/18/08 at 2:10pThierry suggested this--

 Try this:

 .trC {position:absolute;right:0;}


 Did you try his suggestion?
 Either way, please bottom post. Thanks.



Yes I had tried it.  Position:absolute works everywhere except IE 6.
So, perhaps my best bet is to go with it and add another conditional
for IE6 in my page.  I already have one anyway.
__
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] Scalable CSS Buttons That Work in All Browsers

2008-10-20 Thread Elli Vizcaino
Hi All,

Was just wondering if anyone knew of any good sliding door techniques or 
anything else that would allow me to create scalable buttons in the major 
browsers: IE6, IE7, FF,  Safari. The technique would have to work with any 
combination of elements such as: button  span which is what I'm using in 
the work I'm doing now. That combination is working well in FF3 but not Safari 
or IE6 or 7. If I use a  span it works well across all browsers but 
wouldn't validate given the use of the buttons in the form. 

Please look here to see what I'm referring to: http://elliev.nbcuxd.com/ 

Feedback and suggestions always welcomed. 

TIA,
Elli 



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


Re: [css-d] Odd Jumping Behavior on Hover - IE Only of Course

2008-10-20 Thread Chris Akins
On Mon, Oct 20, 2008 at 5:06 PM, Alex Cole [EMAIL PROTECTED] wrote:
 Hi Chris,

 Could you possibly be more accurate under what conditions this happens?  I 
 just checked with IE6 and IE8 (as well as FF and Opera) and none of them seem 
 to display anything like the behaviour you are describing.

 Alex Cole

I'm not sure I can explain it any better than I already did.
Basically anything in the blueish purple content area shifts to the
left when the mouse goes over it.  Resizing the browser window resets
it, but it shifts again as soon as the cursor goes over the content
again.

I just tried it in a completely different location from work, thus a
different computer, with IE6 and it's the same thing here.

I fixed the validation errors in the thumbnail page, too, FWIW.  I'm
customizing a Photoshop, automated web gallery so it has our branding.
 It's the Photoshop templates that had the non-valid HTML in them.

Chris
__
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] Scalable CSS Buttons That Work in All Browsers

2008-10-20 Thread Thierry Koblentz
 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 discuss.org] On Behalf Of Elli Vizcaino
 Sent: Monday, October 20, 2008 5:56 PM
 To: CSS Discuss
 Subject: [css-d] Scalable CSS Buttons That Work in All Browsers
 
 Hi All,
 
 Was just wondering if anyone knew of any good sliding door techniques or
 anything else that would allow me to create scalable buttons in the major
 browsers: IE6, IE7, FF,  Safari. The technique would have to work with
any
 combination of elements such as: button  span which is what I'm using
in
 the work I'm doing now. That combination is working well in FF3 but not
Safari
 or IE6 or 7. If I use a  span it works well across all browsers but
 wouldn't validate given the use of the buttons in the form.
 
 Please look here to see what I'm referring to: http://elliev.nbcuxd.com/
 
 Feedback and suggestions always welcomed.


I have this page up:
http://tjkdesign.com/articles/buttons/input-type-button.asp

I can't find the time to write an article/tutorial about the technique, but
you should be able to figure things out. 


-- 
Regards,
Thierry | http://www.TJKDesign.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] Scalable CSS Buttons That Work in All Browsers

2008-10-20 Thread Bill Brown
Thierry Koblentz wrote:
 Hi All,

 Was just wondering if anyone knew of any good sliding door techniques or
 anything else that would allow me to create scalable buttons in the major
 browsers: IE6, IE7, FF,  Safari.
[snip]
 I have this page up:
 http://tjkdesign.com/articles/buttons/input-type-button.asp
 I can't find the time to write an article/tutorial about the technique, but
 you should be able to figure things out. 

Hi Elli!

How's things in the Big Apple?

Thierry also has an excellent resource here:
http://tjkdesign.com/lab/uploader/buttons.asp

It has more elements in the source than you're using but seems quite 
robust across the browser spectrum.

Let me know if it helps, but give the credit to Thierry. If it's not 
quite what you need, I'll see if I can't dig something else up for you.

Best,
Bill

-- 
~~~
Bill Brown, MacNimble.com :: From dot concept to dot com since 1999
WebDevelopedia.com, TheHolierGrail.com, Cyber-Sandbox.com, Anytowne.com
The intuitive mind is a sacred gift and the rational mind is a
faithful servant. We have created a society that honors the servant and
has forgotten the gift. -- Albert Einstein
~~~
__
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] Freeway Pro by Softpress

2008-10-20 Thread Josh Orlean
I'm taking a course in XHTML and CSS. A friend who wants to avoid learning
these programs told me about Freeway Pro. She seems to think that it is a
viable replacement for learning the programs. If anyone has experience with
Freeway Pro or knows anything about it, I would be interested in getting
your opinion.

Thanks,
Josh
__
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] the problem of image anchor

2008-10-20 Thread ray
Hi, all
Please check this page:http://fouragency.co.uk/test.html
Could somebody tell me why there are gaps between the images? I checked the
anchors and img elements, their padding, borders and margins are all zero.
I'm very confused, please help me out. Thanks in advance.
__
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] Freeway Pro by Softpress

2008-10-20 Thread Alyda Gilmore
 From: Josh Orlean [EMAIL PROTECTED]
 Date: Mon, 20 Oct 2008 23:01:17 -0400
 To: css-d@lists.css-discuss.org
 Subject: [css-d] Freeway Pro by Softpress
 
 I'm taking a course in XHTML and CSS. A friend who wants to avoid learning
 these programs told me about Freeway Pro. She seems to think that it is a
 viable replacement for learning the programs. If anyone has experience with
 Freeway Pro or knows anything about it, I would be interested in getting
 your opinion.
 
 Thanks,
 Josh

Hi Josh,

I took a very comprehensive course in web design a few years ago. Our HTML
instructor related a story I've never forgotten:

He (Tom) had been job hunting and was granted an impromptu interview with a
company whose web site had been giving them problems since it's inception a
few months before. No one on their staff had been able to determine where
the problem lay and they had been considering starting from scratch.

Tom took out his laptop and copied the HTML of one of the problem pages into
Notepad. It was immediately apparent to him what the difficulty was and, in
less than a minute, the correction was made and the page displayed as
intended.

They hired him on the spot!

The moral of his story: Use a text editor for your [X]HTML markup and CSS.
You can't fix what you don't know.

---
Alyda


__
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] the problem of image anchor

2008-10-20 Thread Thierry Koblentz
 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
 discuss.org] On Behalf Of ray
 Sent: Monday, October 20, 2008 8:31 PM
 To: css-d@lists.css-discuss.org
 Subject: [css-d] the problem of image anchor
 
 Hi, all
 Please check this page:http://fouragency.co.uk/test.html
 Could somebody tell me why there are gaps between the images? I checked
the
 anchors and img elements, their padding, borders and margins are all zero.
 I'm very confused, please help me out. Thanks in advance.


This is because of the whitespace in the markup



-- 
Regards,
Thierry | http://www.TJKDesign.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/