Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools
And its nice to have the View Source button tool barand tons of other features as well. What a useful tool this is! Thanks again! off topic: remember to trim your post :) this last one was pretty long. if you're looking for handy css tools, the one i've found that ties with the developer toolbar in terms of usefulness is view formatted source. what this does is formats the page's source code for easy reading *and* lets you see *exactly* what css rules are being applied in what order, which has been invaluable to me. i highly recommend giving it a try. official version (not updated for 1.5) https://addons.mozilla.org/extensions/moreinfo.php?id=697 someone else took over to get it for 1.5 (go to fixing broken extensions) http://www.muffinresearch.co.uk/archives/2005/11/30/Firefox_15_Launched.php __ 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] Button text off-center in IE easy css-webdeveloper-tools
Iorhael wrote: 3. The short and easy use way: magic on screen! Francky, this is amazing!! Thank you for telling me about this :):) ... Yes, I was quite surprised when I saw it working! I see I've forgotten to add two warnings: 1. The changing in the sidebar is just real time - it does not change the real stylesheet. So when you turn it out or give a refresh of the page, all the changes are gone! But as you have discovered an improvement in the sidebar, you can copy and paste it immediately in the real stylesheet and save that to make it definitive. 2. Changing css, you see only the effect for Firefox. If a page is performing good in FF but not in IE, it doesn't work. Therefore you need to open IE and make changes in the real stylesheet. But also in this case the FF css-sidebar is extremely usable: to check if the IE-improvements do attack the presentation in FF (if yes, the IE-improvements have to be placed in an IE-only hack). That's it! francky __ 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] Button text off-center in IE easy css-webdeveloper-tools
1. The changing in the sidebar is just real time - it does not change the real stylesheet. So when you turn it out or give a refresh of the page, all the changes are gone! But as you have discovered an improvement in the sidebar, you can copy and paste it immediately in the real stylesheet and save that to make it definitive. Actually, you can save to your stylesheet directly from the toolbar without having to copy and paste...just click the Save icon above the tabs and navigate to the file :) The outline block feature that you mentioned is extremely helpful as well...I had been putting borders around some of my elements to check their positioning...this feature saves you from having to go that trouble. And its nice to have the View Source button tool barand tons of other features as well. What a useful tool this is! Thanks again! Debbie - Original Message - From: francky [EMAIL PROTECTED] To: Iorhael [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org Sent: Sunday, January 15, 2006 3:33 AM Subject: Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools Iorhael wrote: 3. The short and easy use way: magic on screen! Francky, this is amazing!! Thank you for telling me about this :):) ... Yes, I was quite surprised when I saw it working! I see I've forgotten to add two warnings: 1. The changing in the sidebar is just real time - it does not change the real stylesheet. So when you turn it out or give a refresh of the page, all the changes are gone! But as you have discovered an improvement in the sidebar, you can copy and paste it immediately in the real stylesheet and save that to make it definitive. 2. Changing css, you see only the effect for Firefox. If a page is performing good in FF but not in IE, it doesn't work. Therefore you need to open IE and make changes in the real stylesheet. But also in this case the FF css-sidebar is extremely usable: to check if the IE-improvements do attack the presentation in FF (if yes, the IE-improvements have to be placed in an IE-only hack). That's it! francky __ 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] Button text off-center in IE easy css-webdeveloper-tools
Iorhael wrote: thanks Francky, I will give that a try! I am curious as to how you were able to view my stylesheet though since I have it linked...I didn't think there was any way to view linked stylesheets. Debbie Hi Debbie, Almost everything what somebody can see through his browser, is public! Also linked stylesheets (or javascripts, or images). It's a bit off-topic to tell how, but when you know the easiest way, you have a marvellous tool for css-designing too. 1. The long way View sorce code, remark in the head: link href=debscardsbasic.css ... and style ... @import debscardsimport.css. Then go to browser, paste http://www.drk-writing.com/debscards/debscardsbasic.css; and http://www.drk-writing.com/debscards/debscardsimport.css;. There they are! Downloaded page + downloaded stylesheets = local changing and testing possible (just pay attention to internal links). 2. The medium way Get Firefox http://www.mozilla.com/ as browser, get Chris Pederick's FF Web Developer Extension https://addons.mozilla.org/extensions/moreinfo.php?application=firefoxcategory=Developer%20Toolsnumpg=10id=60. In the new FF-toolbar, click CSS and then View css. That opens a kind of webpage with a list of all used stylesheets and their content. Plus the links to get them (as above, but straightly clickable). 3. The short and easy use way: magic on screen! Follow step 2, but now click CSS and then Edit CSS. That opens on your left hand a sidebar with directly the content of the stylesheet. If more, they are tabbed. And a little wonder: in the sidebar you can change things! Real time you see the changes in the panel of the openend page (even if it is not your own page!). That makes it very very easy to analyse: change and see if it works! You can combine that with viewing the source code in another opened FF-window: in sourcode you go to the wanted item, you see what the ID, class or container it regards. Go over to the stylesheet-sidebar, and look what is the meaning of the corresponding ID, class, container. Especially since I discovered the last possibilities, I could speed up my page-analyzing and correcting enormously! Can also be combined with the Outline blocklevels in the toolbar: you see immidiately where is what on the page, and where are the anomalies. And of course: can be rapidly combined with the outcome of a css- or html-check with the css-/html-validator. Recommended! francky __ 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] Button text off-center in IE easy css-webdeveloper-tools
3. The short and easy use way: magic on screen! Follow step 2, but now click CSS and then Edit CSS. That opens on your left hand a sidebar with directly the content of the stylesheet. If more, they are tabbed. And a little wonder: in the sidebar you can change things! Real time you see the changes in the panel of the openend page (even if it is not your own page!). That makes it very very easy to analyse: change and see if it works! Francky, this is amazing!! Thank you for telling me about this :):) I realized that my initial question was kind of a duh when I saw your first itembut I'm glad I asked cause I never would have found out about this FF toolbar! This will be extremely helpful! (I tried using the FF DOM Inspector but didn't quite get the hang of it.) I will try your IE fix for the form buttons tomorrowthanks again for your help with both things! Debbie __ 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/