Re: [css-d] Button text off-center in IE easy css-webdeveloper-tools

2006-01-16 Thread cj

 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

2006-01-15 Thread francky
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

2006-01-15 Thread Iorhael
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

2006-01-14 Thread francky
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

2006-01-14 Thread Iorhael
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/