CSS Saving Error with Dreamweaver: Solution? - css

I'm experiencing an extremely perplexing error that I've been unable to find any posts about online.
I have a CSS file ('main.css') that is linked to my HTML file. Recently, this has started happening:
1) For some reason, upon opening the HTML file, the linked CSS file appears twice.
2) I go to file -> save all, and the dreamweaver formatting disappears, as though it's an ordinary text file. If I exit and open up the HTML again, the changes haven't saved.
3) Also when I click file -> save all, a new css file is created in the css directory.
I honestly haven't the slightest idea what's going on here, and would appreciate any assistance that could be rendered!

Is your Dreamweaver connected to FTP server where the actual website CSS is present online?

Related

Failed CSS link on atom

So I'm new to coding but this seems like a no brainer that I can't seem to work out. I created a proper link saved in a styles.css file but the background color isn't coming up. when I inspect the page it just tells me it can't find the file. What could I possibly be doing wrong here?
And here's the site I'm starting--->
My site

Dreamweaver CSS code erased

After I preview my website, the CSS code suddenly disappear and was saved. Does anyone know how to recover it?
I still have the website correctly preview in Chrome. Is there any way that I could get the code from there?
I was almost ending the website, so another 3 weeks battling.
View the source code with Ctrl + U, then click external stylesheet link, copy the code and paste it in a new stylesheet.
NOTE: Don't refresh before doing this.
If you have it on a separate css file, you should be able to go into Chrome developer tools and select Sources. This will show you the attached css files. You can then copy and paste it.

VS 2010 not opening css files in css editor

I have no idea how to fix this.
VS keeps opening css file in some text editing mode, see the picture below.
I have already tried to set it manually to open using css editor, right-click on css file and select "Open with..."
When I click OK here, it opens my css file in CSS source editor fine,
but every next time it opens again in that text mode, like it completely ignores that it has to open it using css editor :(
Of course I installed and reinstalled Web Standards Update a thousand times.
Nothing helps.
The damn thing keeps opening them in that ugly text mode :(
Hmmm. Have you tried looking under the view menu? It's been a while since I've used it, but I remember different views being under the view menu bar.
If that doesn't work then I'd always try creating a new .css file and copy and pasting all the information; after you copy and paste, overwrite the pre-existing corrupt file.

404 error empty CSS file

My CSS files do exist. They just don't have anything inside - they are empty.
Chrome however, show 404 errors for my CSS files.
Putting some dummy code e.g. comments in a CSS file makes the error goes away.
Any idea what went wrong for me?
Updates:
The document root of the website is /var/www/html/niuniu/.
Some of you mentions permission issue but how does it explain the issue when I put in some comments in the CSS file and the error went away - no changes in permission?
I'm using Prestashop but I don't believe that has to do with the issue here.
It appears this is just how Chrome's Developer Tools and Firebug report empty CSS file. This is not a real error that can break my website.

Sharepoint MasterPages/Templates customization

I am pretty new to Sharepoint.
I need to customize some Sharepoint Masterpages (the background color, the font type and a few other css requeriments).
Considering I have available the following files: v4.master, default.master and two more pages which are content pages of default.master, plus the COREv4.css file.
I know I should create a copy of one of those master pages (I am not sure which tho) and customize it changing the CSS linked to it). The following questions come in regards of this:
1) The custom CSS file should be a modified copy of the COREv4.CSS or just another CSS file with the desired styles?
2) How do I create/link the customized CSS file for the modified page via Site Settings?. How/Where should I save the new file?.
3) As for the copy of v4.master, How do I load it to "replace" the original one for the site?.
4) The system is built upon Sharepoint 2010. That ensures that the page to have the modified CSS would be a v4.master copy only?.
Thank you for the insight as always.
**Update**
Hi,
I managed to solve the problem getting a general idea with the pdf manual provided, your suggestions and some extra steps I will describe briefly:
1) To place my custom css file I put it in the folder: C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\3082\STYLES
2) I opened the site to be customized with Sharepoint Designer 2010.
3) I clicked on the option Main Pages/Master Pages, and selected the page to be v4.master page, copied and pasted it. Then I renamed it right clicking on it, selecting "Rename" and typed the new name, after doing that I right clicked one more and selected "Set page as main default page".
4) To edit the contents of the page I right clicked once more and selected the option "Edit content in advanced mode", right before the head tag ended I copied and pasted:
<SharePoint:CssRegistration name="customname.css" runat="server" After="core4.css"/>
Note that "customname.css" is my css file. Then I clicked on the floppy disk icon on the upper left side of the screen to save.
5) After doing that I used Chrome HTML/CSS Analyzer, inspecting the original (and now copied) master page to browse on the zones that needed customization in order to identify the class names/ids/element types that managed the styles to be changed. Once identified I only added to them the properties that required change, EG:
//Webparts Alternate Highlighted Rows
div#ctl00_MSO_ContentDiv table.ms-viewlsts tbody
tr.ms-alternatingstrong{ background-color:#F7FAF4 }
table.ms-listviewtable.ms-basictable tbody
tr.ms-alternatingstrong.ms-itmhover{ background-color:#F7FAF4 }
I mostly did this by myself by trial and error with Chrome Analyzer but I also helped the task using the Chart found here (http://sharepointexperience.com/csschart/csschart.html), tho at some point going thru it turned a bit tricky and I decided to do it by myself as I mentioned. In the process I repeatedly added more styles to the custom file and then overwrote it on the server location to refresh the page/pages to see how it was looking, this till the end of the process.
Thanks for your help, I hope this serves as a guide for anyone that needs it. If you have questions let me know.
You can create a new master page from the scratch or modify the existing one.
Please have a look at this link it may help you to get answers of your questions
http://www.rdacorp.com/wp-content/uploads/ASP-NET-Master-Pages-and-SharePoint.pdf
It's not advised to modify files of SharePoint.
Better to create new master page file, specify all CSS and script you want inside and install this with feature.
What version of SharePoint do you have? SharePoint 2010 Server or Foundation? Cause with server version you can brand your master page in a cool way:
see this link
Microsoft has a good introductory article on how you can/should do this.
http://office.microsoft.com/en-us/sharepoint-designer-help/customize-a-master-page-to-brand-your-site-HA102449505.aspx

Resources