External CSS file update
- Hi everyone, what I'd like to know is if it's possible with Expression Web 2.0 to update classes or id based css in a external file using a visual interface. I mean, suppose you have a div with an associate class "top"(div class="top") and this class is in an external css file. Is it possible to, in the design view of Expression Web, change the width of the div and have the top class updated in the css file?
Bruno Nepomuceno
Respostas
- Bruno Nepomuceno said:
Hi everyone, what I'd like to know is if it's possible with Expression Web 2.0 to update classes or id based css in a external file using a visual interface. I mean, suppose you have a div with an associate class "top"(div class="top") and this class is in an external css file. Is it possible to, in the design view of Expression Web, change the width of the div and have the top class updated in the css file?
Bruno Nepomuceno
Hi Bruno,
If I'm understanding your question correctly, I believe the solution is for you to change the Style Application to Manual mode. To do this, in the status bar, right click Style Application, point to Mode, and click Manual. Then make your div active in Design view, make sure the class "top" is selected in the Target Rule box of the Style Application toolbar, and then change the width of your div. Please let me know if that's what you're looking for. You have to be careful w/ Manual mode though...i.e. keep an eye on what you're formatting by using the Style Application toolbar.
Anna
http://blogs.msdn.com/anna- Marcado como RespostaBruno Nepomuceno quinta-feira, 29 de maio de 2008 18:04
Todas as Respostas
- I tend to do what you are asking in 1 of 2 ways.
I click on the div and make sure the bread crumb bar up top has the div selected.
Then right click the CSS class or ID shown in the bottom right styles box and choose modify style.
or click the the CSS class or ID shown in the bottom right styles box and then edit the property in the bottom left CSS properties box.
Hope that was what you are asking, but I am sure others will have different methods for you also.
Perry No... that's not what I'd like to know. Reading again my question, I can see that your interpretation is right, but what I want is something different. I don't want to manually set a new value for width, I want to click in the div "border" and drag it to the right or left making it to resize. So, I want this new size to be used in my css class. I tried to do that, but another style was generated, in fact, an inline style was generated. Look what happened:
<div class="top" style="width: 77%">
Got it? Instead of updating top class, another inline style was created. Is it possible to avoid this situation and have the external class updated? I think now i have made my self clear, didn't I? :)
Bruno Nepomuceno- ok, got it.
Partial fix...
Go to tools / page editor options / CSS tab
This will let you configure it to use a class instead of inline style.
BUT....
In the test I just did, the class it created was on the page. I moved the class to an external stylesheet.
resized and it created a new class and put it at top of page.
So... I don't know of a way to do it like you want, which is probably why I do it like it do :)
Perry Thanks for your help, but this is exactly what Dreamweaver does. I was wondering if Expression Web 2 will improve it. Well, this way, the css code generated dynamically by EW2 and Dreamweaver is completely useless for me. I will have to continue to edit my code manually... too sad :( Well, in fact I like doing it, what pisses me off is adjust widths, margins and paddings using just code. Tks anyway :)
Bruno Nepomuceno- Bruno Nepomuceno said:
Hi everyone, what I'd like to know is if it's possible with Expression Web 2.0 to update classes or id based css in a external file using a visual interface. I mean, suppose you have a div with an associate class "top"(div class="top") and this class is in an external css file. Is it possible to, in the design view of Expression Web, change the width of the div and have the top class updated in the css file?
Bruno Nepomuceno
Hi Bruno,
If I'm understanding your question correctly, I believe the solution is for you to change the Style Application to Manual mode. To do this, in the status bar, right click Style Application, point to Mode, and click Manual. Then make your div active in Design view, make sure the class "top" is selected in the Target Rule box of the Style Application toolbar, and then change the width of your div. Please let me know if that's what you're looking for. You have to be careful w/ Manual mode though...i.e. keep an eye on what you're formatting by using the Style Application toolbar.
Anna
http://blogs.msdn.com/anna- Marcado como RespostaBruno Nepomuceno quinta-feira, 29 de maio de 2008 18:04
- Anna Ullrich said:Bruno Nepomuceno said:
Hi everyone, what I'd like to know is if it's possible with Expression Web 2.0 to update classes or id based css in a external file using a visual interface. I mean, suppose you have a div with an associate class "top"(div class="top") and this class is in an external css file. Is it possible to, in the design view of Expression Web, change the width of the div and have the top class updated in the css file?
Bruno Nepomuceno
Hi Bruno,
If I'm understanding your question correctly, I believe the solution is for you to change the Style Application to Manual mode. To do this, in the status bar, right click Style Application, point to Mode, and click Manual. Then make your div active in Design view, make sure the class "top" is selected in the Target Rule box of the Style Application toolbar, and then change the width of your div. Please let me know if that's what you're looking for. You have to be careful w/ Manual mode though...i.e. keep an eye on what you're formatting by using the Style Application toolbar.
Anna
http://blogs.msdn.com/anna
tres cool, I learned something new. Thank you Anna
Perry - Manual mode can be tricky though ... I only recommend it for folks who can hand code their CSS and really understand their CSS.
hth!
Anna
http://blogs.msdn.com/anna - Anna Ullrich said:
Manual mode can be tricky though ... I only recommend it for folks who can hand code their CSS and really understand their CSS.
hth!
Anna
http://blogs.msdn.com/anna
Thank you very much, Anna!!! That's what I was looking for.
Bruno Nepomuceno - Here's a post just for you Bruno:
http://blogs.msdn.com/anna/archive/2008/06/22/who-s-editing-your-external-css.aspx
Anna :)
http://blogs.msdn.com/anna
