Re: [css-d] *I FIXED IT!* WAS: Works great in IE7, not so much in FF/Safari
tmesa.mesadesignhouse wrote: :-) Well, I know the web isn't print. I was talking about the tools to work with the file. I build a logo, it's in Illustrator. I build a business card, I use InDesign. I futz with an image or photo, I use Photoshop. Each allows me to see how it's going to look as I work. BTW, *I FIXED IT!!* I mean the way it was displaying in DW. I KNEW it was that second float that was mucking up the works! So for div#nav, I had float:left, and then for div.list-menu, which was inside div#nav, I did float:inherit, since it was a div class inside a div id. The layout in DW lines right up, now. OMG!! Works on FF, Safari, IE6 and IE7. It also would have helped, with the donation thing, if I was calling the class out by the correct name. Duh. I gave up on the rounded corners for right now and made the text resizable. The site needs to be accessible. Still, I couldn't have fixed this without your help, Gunlaug and David!!! And thank you, Jason, for the words of cheer. You all rock! MAJOR lessons learned today. Yes: don't trust DW and other What-You-See-Isn't-Really-What-You're-Going-To-Get GUI development tools. ;-) -- 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] Works great in IE7, not so much in FF/Safari
tmesa.mesadesignhouse wrote: I'm going to get rid of the background box for the navigation and do it normally, rather than as a background image, although I'm researching rounded corners and CSS, since that's what the client likes. That way I don't have to have fixed font sizes. For a case like yours with a fixed width and (preferably) a fluid height, one of the most straightforward rounded corner methods is to use 2 background-images - one for the top and one for the rest. I actually included this method in my first response, but it didn't come through properly since I didn't prepare both images :-) Here's a slightly better prepared version... http://www.gunlaug.no/tos/alien/tm/test_08_0328.html CSS: http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/ierc.css Images: http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/nav_box0.gif http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/nav_box1.gif ...so you can see this simple method in action. Needless to say it can be done with only one, large, image. A google will let you find lots of variants that achieve the rounded corner effect with one, two or four images, and the fewer images the better - in most cases. I've been making things too difficult for myself. That sounds like an ordinary journey from print to web design. The paper is flexible on the web. 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/
[css-d] Fw: IE 6 bug or maybe my coding
I still consider myself a css beginner and like one I am having a lil problem with the way some pages are displaying this e-commerce site I am doing probono for a friend. This is the final project in my one yr journey of free practice before I launch. So, I want it to not have errors. It happens on 5 empty categories. Here are the links: Http://kristenlemoine.com/category/Art_Supply_Storage/c18 Http://kristenlemoine.com/category/Bags/c3 Http://kristenlemoine.com/category/Fabrics_for_Sale/c7 Http://kristenlemoine.com/category/Home/c15 Http://kristenlemoine.com/category/Wall_Art/c9 If you all could be kind enough to help. I think it has something to do with how I positioned things. I set some things to absolute while others needed to float and the be relative to later absolute position other elements. Just thinking of that jumble gives me a neck ache...that's why I finally posted. Thanks, thanks and thanks! ***Lidia-Anain Owner of ZenLoveJoy*** 925.420.6048(office) 415.216.9364 (cell) aim LidiaAnain yahoo Lidia.Anain msn [EMAIL PROTECTED] __ 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 with mini problems
Thanks All, everything seems fine now http://www.jordan-business.net/power30_08/ fixing columns' problem fixed height problem and character duplication problem. On Thu, Mar 27, 2008 at 12:24 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: http://www.jordan-business.net/power30_08/ BTW: you should get rid of the br / in front of the doctype. It makes browsers render the page in quirks mode, which tends to complicate things unnecessarily. *Yes, the br / was the php script for debugging issues and it was removed, I think it was causing the 'auto-expand' problem.* __ 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] centering divs within divs / jumping columns
Hi CSS'ers . . . Help! I have tried numerous ways to fix the following two problems - in vien . I checked and both pages were validated. I do not know what is wrong: 1. URL: http://www.triviumwine.com/continuum_site/pages/vintage.html Problem: div id=leftColumn1 Looks great in Mac (opera, firefox, safari) - in windows ie6 the column is placed about 300px above the background and content wrapper. 2. URL: http://www.triviumwine.com/continuum_site/pages/vision.html Problem: div id=botmenu Mac (opera, firefox, safari) - small and positioned to the left instead of being centered in the content wrapper. PC ie6: off center in content wrapper and the font is not the designated font or font color. please help. thank you. --s __ 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] Fw: IE 6 bug or maybe my coding
Lidia-Anain ZenLoveJoy wrote: This is the final project in my one yr journey of free practice before I launch. So, I want it to not have errors. http://kristenlemoine.com/category/Art_Supply_Storage/c18 1: the only problem I can see IE6 having compared to other browsers, is that IE6 (and older) doesn't support 32bit png transparency. Not a CSS, problem, and easiest to solve by using 8bit png or gif. 2: your layout breaks into two parts on browser-windows wider than 1024 - in all browsers, as the bottom-part breaks horizontally away from the rest. This is caused by the end-tag for #container being above the #bottom container, instead of below it where it should be. Test your designs on wider windows/screens. 3: the SEO trick with a paragraph inside a headline is invalid markup. At least make it a span in a headline (or something else that's valid) if you want such a construction. 4: A Transitional doctype may be suitable/necessary when upgrading old markup - to lower the workload in a transitional period, while a Strict doctype is for new markup pr. 2008. Nothing old in your markup that could hold HTML Tidy back, so my debugging-copy became Strict. 5: font-size in points (pt) is more suitable for print than screens. A more proper unit would be 'em' or percentage. Regardless of unit; your design shows clear signs of breaking /too early/ when subjected to font-resizing. Point 1, 2, 3 and 4 are demo-fixed in this example... http://www.gunlaug.no/tos/alien/l-a/test_08_0329.html ...(the 8bit pngs need some more edge-cleaning). 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] centering divs within divs / jumping columns
Stuart King wrote:
1. URL: http://www.triviumwine.com/continuum_site/pages/vintage.html
Problem: div id=leftColumn1
Looks great in Mac (opera, firefox, safari) - in windows ie6 the column
is placed about 300px above the background and content wrapper.
2. URL: http://www.triviumwine.com/continuum_site/pages/vision.html
Problem: div id=botmenu
Mac (opera, firefox, safari) - small and positioned to the left instead
of being centered in the content wrapper.
PC ie6: off center in content wrapper and the font is not the designated
font or font color.
--s
1/
Adding this in the conditional comment for IE will enclose and position it:
* html #outerWrapper #contentWrapper #content {border: 1px solid
blue/*test*/; overflow: visible;}
2/
The absolute positioning is not necessary.
#botmenu { border:1px solid fuchsia;
/*top: 319px;delete*/
/*width: 613px;delete*/
text-align: center;
margin: 50px 0 0 0; :: amend and tweak ::
/*position: absolute;*/
/*left: 191px;delete*/
font-size: 75%;
color: #A88243;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
FWIW, you may want to take into account that some users may prefer to
increase the font-sizes...
--
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] Works great in IE7, not so much in FF/Safari
I'll explore rounded corners later, when I don't have three sites to build, and a host of print jobs to build. It *IS* something I'd like to try. This is year 5 of building websites, year 37 of print design. I'd have to say building websites is the most annoying, because the tools for doing so are so inadequate, *compared to the tools I use for print work*. Everyone talks about the power of CSS, but it pales to transparency in comparison to the power of Photoshop, Illustrator, and InDesign. The flexibility of the web page is a blessing and a curse. I do enjoy some of the process, though, and am currently teaching myself PHP and MySQL. However, bringing this back to CSS, after fixing the syntax of one of the nested floats (in a div with a class) to float:inherit (it was in a div with an id, using float: left), DW's rendering worked just fine (rendering engine in DW much improved in CS2 and CS3), and the page displayed properly in IE6 7, and in FF Safari. My other issue was, duh (to myself), not using the correct rule name for the donate div. Since CS2, I really haven't had too many problems with the DW rendering engine. Sometimes the rendering engine gets a little funky, but not often. Now I'm off to another site giving me much grief, that involves recoding a site built using a sliced and diced Photoshop image. I've decided I'm not putting it in tables after all. This should be fun. Theresa Mesa Mesa Design House http://mesadesignhouse.com 909-796-5739 909-796-5789 (Fax) On Mar 29, 2008, at 12:56 AM, Gunlaug Sørtun wrote: tmesa.mesadesignhouse wrote: I'm going to get rid of the background box for the navigation and do it normally, rather than as a background image, although I'm researching rounded corners and CSS, since that's what the client likes. That way I don't have to have fixed font sizes. For a case like yours with a fixed width and (preferably) a fluid height, one of the most straightforward rounded corner methods is to use 2 background-images - one for the top and one for the rest. I actually included this method in my first response, but it didn't come through properly since I didn't prepare both images :-) Here's a slightly better prepared version... http://www.gunlaug.no/tos/alien/tm/test_08_0328.html CSS: http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/ierc.css Images: http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/nav_box0.gif http://www.gunlaug.no/tos/alien/tm/test_08_0328_files/nav_box1.gif ...so you can see this simple method in action. Needless to say it can be done with only one, large, image. A google will let you find lots of variants that achieve the rounded corner effect with one, two or four images, and the fewer images the better - in most cases. I've been making things too difficult for myself. That sounds like an ordinary journey from print to web design. The paper is flexible on the web. 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] Button displace issue
From: corey deep [EMAIL PROTECTED] I have an odd button element issue specific to IE6. When I create a button element and set text-indent ( to displace the value text ) the button disappears in IE6. If I add a non-breaking space , or line break or character before the button it displays fine. http://thevenusflytrap.org/button_trials/index.html Thank you for the online example. I didn't find any further trigger than the text-indent for the problem. Adding the space appears to be a good way of fixing it. But then again, it adds a space into the layout. There's an option to adding the non-breaking space, which takes more markup, but perhaps it's preferable to you. If you wrap the text for the submit button in a span, and then apply the text-indent to the span instead, then IE6 will play along. ~holly __ 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] centering divs within divs / jumping columns
Stuart King wrote:
Awesome . . .
How would I keep the div id=botmenu at the same bottom position on
several pages with different amounts of text?
thank you.
--s
1. URL:
http://www.triviumwine.com/continuum_site/pages/vintage.html
2. URL:
http://www.triviumwine.com/continuum_site/pages/vision.html
#botmenu { border:1px solid fuchsia;
/*top: 319px;delete*/
/*width: 613px;delete*/
text-align: center;
margin: 50px 0 0 0; :: amend and tweak ::
/*position: absolute;*/
/*left: 191px;delete*/
font-size: 75%;
color: #A88243;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
One way is to assign a body id [1] and and adjust the margin-top of the
above ruleset.
[1] http://www.maxdesign.com.au/presentation/page-id/
PS For a lot of reasons, when you reply: hit reply-all so it goes to the
list, too.
--
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] White-space rule - best usage
Hi guys,
Not been on for a while.
Been looking at the white-space rule and came across this on client's site.
pre{
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 */}
What is best usage?
Apologies if this a daft question.
Cheers
Ian
IY e-Solutions
http://www.iyesolutions.co.uk
This e-mail contains information which is confidential and may also be
privileged. It is for the exclusive use of the intended recipient(s). If you
are not the intended recipient(s) please note that any form of,
distribution, copying or use of this e-mail or the information in it is
strictly prohibited and may be unlawful. If you have received this in error
please inform us at the above address then delete the e-mail and destroy any
copies of it. Thank you.
No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.1/1348 - Release Date: 28/03/2008
10:58
__
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] Works great in IE7, not so much in FF/Safari
tmesa.mesadesignhouse wrote: This is year 5 of building websites, year 37 of print design. I'd have to say building websites is the most annoying, because the tools for doing so are so inadequate, *compared to the tools I use for print work*. Theresa Mesa Opportunity is missed by most people because it is dressed in overalls and looks like work. -- Thomas A. Edison (1847 - 1931) __ 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] Testing browsers
And browsercam is the only way you're going to get IE5 for the Mac to work, since Microsoft stopped supporting it in December of 2005, removed IE Mac from their downloads section on January 31, 2006, and told Macintosh users in 2006 (2 years ago!) to *stop using Internet Explorer on their Macs.* IE5 can create real problems for the rest of the Mac OS, as in crashing and kernel panics, so I don't know why Mac users would still be clinging to it. According to your stats, what percentage of IE5 for Mac users are viewing your site? On my stats (I love AwStats), it's about 0% (5 hits). Even my sister, who was a die-hard OS9 user because of some of her chemistry software, finally left the dark side. Is your client going to pay for the the extra time futzing with the CSS to make it work in something that shouldn't be being used anyway? On my stats, Opera is about 1%. Konqueror is .1%. Camino is .3%. Safari is 16%. Firefox is 29.7%. YMMV. To answer your question for myself, I have Safari and FF running on my MacPro and MacBookPro (so I really only need to check it on one computer). On my MacPro I have Parallels/Windows XP running on that, with IE7 (29%). On my MacBook Pro, I have Parallels/ WinXP and IE6 (19.5%) (wherein I have to *constantly* ignore the Microsoft nags to PLEASE upgrade to IE7 because my IE6 is supposedly such a freakin' security risk). I suppose I should be checking in other browsers, but I'm not, although I do run a site through the Lynx checker. I think I'll also install Safari on my PC, too. Good idea! I suppose I should start checking my sites in Opera, too. Theresa Mesa Mesa Design House http://mesadesignhouse.com 909-796-5739 909-796-5789 (Fax) On Mar 28, 2008, at 8:49 AM, Cristian Palmas wrote: Hi Folks, I'd like to know how did you organize yuorselves for testing site in different browsers. I mean, I installed on XP Safari 3.1, FF2 and IE6 while on Kubuntu 7.10 linux I installed Opera 7, FF2, Lynx and Konqueror. Since it is not so practical to have a lot of browser installed I wish to know if there are platforms or frameworks which emulates different browsers. For instance, I'd like to have IE5.x both for Mac and Win on the same machine (Linux preferred). Is that possible? Or do I need to ask someone to test my design with the browsers that I don't have? Thanks -- ~ Cristian Palmas ~ __ 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] browser combatibility issues
Microsoft told Mac users in January 2006 to stop using IE for the Mac. You can't even download it from Microsoft anymore. Now it breaks sites. It crashes computers and causes kernel panics. No one is using (or should be using) IE for the Mac. What do your stats say about IE Mac users using that particular browser to view your sites? I'm betting it's about 0%. Will your client pay you to code for something that no one is using? Theresa Mesa Mesa Design House http://mesadesignhouse.com 909-796-5739 909-796-5789 (Fax) On Mar 28, 2008, at 7:14 PM, Daniel Hammond wrote: | I don't have IE 5 on the Mac and there is no IE 6 or 7, so no | worries | there. | Good luck. | Zack Frazier Can someone please take a look at the site in IE on a mac and offer some guidance as to why it's messing up the site's layout so badly? Just a reminder, the url is http://www.objectivedesigns.com/rsdp/ nwc/, and the css is http://www.objectivedesigns.com/rsdp/nwc/index.css. That browser/platform is having some major page layout issues. If you click around to the different pages, you'll see what I'm talking about. Thanks, Daniel __ 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] White-space rule - best usage
Ian Young wrote:
Been looking at the white-space rule and came across this on client's
site.
pre{
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 */}
The comments are misleading, because pre-line is in CSS 2.1, too. And
the comments are rather pointless, since browsers don't play by CSS
versions.
Apparently the idea is to set white-space so the pre-line is used, when
supported by a browser, otherwise pre-wrap, with pre as the ultimate
fallback.
There's not much point in setting white-space: pre for the pre element,
since it's the default for it in practice. Moreover, pre-wrap and
pre-line are different and generally a browser probably supports either
both of them or neither of them, so where's the point?
What is best usage?
It depends on how pre elements should be rendered. This depends on their
content and purpose.
Fundamentally, pre means 'preformatted text', so what would be the idea
in setting other that white-space: pre for it? There _might_ be a
reason, but this really deopends. If you consider setting it to pre-wrap
and pre-line, check the CSS 2.1 draft for their exact meanings, and
beware that browser support is limited.
Jukka K. Korpela (Yucca)
http://www.cs.tut.fi/~jkorpela/
__
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] White-space rule - best usage
Subject: Re: [css-d] White-space rule - best usage
Ian Young wrote:
Been looking at the white-space rule and came across this on client's
site.
pre{
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 */}
The comments are misleading, because pre-line is in CSS 2.1, too. And
the comments are rather pointless, since browsers don't play by CSS
versions.
.
Thanks for your full explanation. My limited understanding of the process
was in line with that.
I have inherited the style sheet and am busy rewriting to some kind of
standard. That one had me puzzled.
Thanks as always.
Ian
IY e-Solutions
http://www.iyesolutions.co.uk
No virus found in this outgoing message.
Checked by AVG.
Version: 7.5.519 / Virus Database: 269.22.1/1348 - Release Date: 28/03/2008
10:58
__
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] Button displace issue
Thanks so much Holly , I think the span will work. its looking better now. my button solution is not ideal though... I am still on the fence as to what course of action I will take. The design spec for all buttons have rounded corners and gradient fill. three different colors, over a dozen text variations. how to accommodate this ... from what I understand there are two preferrable methods. using button elements ( similar to my earlier post ) and using spans, such as: a class=a-button id=some-button href=/my_button span class=button-leftcap/ span class=button-textUpload/span span class=button-rightcap/ /a Spans involve less work with graphics editor, but it is alot of markup for a single button no ? On Sat, Mar 29, 2008 at 9:24 AM, Holly Bergevin [EMAIL PROTECTED] wrote: From: corey deep [EMAIL PROTECTED] I have an odd button element issue specific to IE6. When I create a button element and set text-indent ( to displace the value text ) the button disappears in IE6. If I add a non-breaking space , or line break or character before the button it displays fine. http://thevenusflytrap.org/button_trials/index.html Thank you for the online example. I didn't find any further trigger than the text-indent for the problem. Adding the space appears to be a good way of fixing it. But then again, it adds a space into the layout. There's an option to adding the non-breaking space, which takes more markup, but perhaps it's preferable to you. If you wrap the text for the submit button in a span, and then apply the text-indent to the span instead, then IE6 will play along. ~holly __ 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] Button displace issue
From: corey deep [EMAIL PROTECTED]
Spans involve less work with graphics editor, but it is alot of markup for a
single button no ?
Well, what I had thought was -
button name=Submit title=Submit This class=btn
type=submitspanSubmit Me/span/button
with the CSS -
.btn {
position: relative;
background:transparent url(btn_grn_submit.gif) no-repeat scroll left top;
border:0;
cursor:pointer;
width:98px;
height:26px;
margin:0;
padding:0;
/* text-indent: -px; */ /* remove this */
overflow:hidden;
vertical-align:middle;
}
Add -
.btn span {text-indent: -px;}
~holly
__
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] IE Problem - Menu
hello all, I have problem with top menu on both IE67. the link: http://www.ndaworld.org/ the css is validated with no errors and look fine on Opera FF. I'm stuck ... any idea? Thanks in advanced, Ibrahim __ 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] Button displace issue
corey deep wrote: I have an odd button element issue specific to IE6. When I create a button element and set text-indent ( to displace the value text ) the button disappears in IE6. And also in IE7. http://thevenusflytrap.org/button_trials/index.html You can fix IE's bug without adding anything to the markup. Just use your favorite IE6/7 hack to push the button element back in, and it'll turn out like this... http://www.gunlaug.no/tos/alien/cd/test_08_0329.html 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/
