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
Related
I started to work with mautic (open source email marketing automation).
Im trying to build a template for a landing page and therefore I'm editing "*.html.twig" files. At least I could find out that twig is a PHP engine by Symfony. What I could not find out yet though is something actually totally simple, at least in css/html.
All I want to do is specify the correct file path to an image file as a background-image:url(''); within the style attribute of the body tag. (See example below)
How on earth is this twig working with file paths? It seems to automatically change the file path I specify, but in a way that is not comprehensible to me.
I tried several options, but the only thing that works at least partially is specifying the absolute path. As soon as I start using the template in mautic though and build a page from it and save it, even the absolute file-path gets 'crashed' on the output source code. What the heck?
I did not find much info on file path syntax in twig. What I found sounded so horribly complicated that I can't believe it should really be that complicated to simply put in a file path? Am I wrong?
Here is the example, specifying the absolute path in the actual source code.
<body style="background-image:url('http://sawiya.de/mautic/themes/mautictheme1/img/background.jpg'); background-color:#213E4C;">
When viewing the result in the browser, without adding content to the landing page template, the source code output is the following (path changed, but the result is at least that the image is being shown):
background-image:url(http://1.1.1.2/bmi/1.1.1.5/bmi/sawiya.de/mautic/themes/mautictheme1/img/background.jpg);
After adding content on top of the template in mautic, the file path is being changed even more and reads the following from the source code output (now the background image does not get displayed anymore, so its clearly broken):
background-image: url(http://1.1.1.3/bmi/sawiya.de/mautic/"http://1.1.1.5/bmi/sawiya.de/mautic/themes/mautictheme1/img/background.jpg")
What is this all about? Where can I get the info on how to easily and correctly specify the file path? Is it really that hard?
Ok, now I found out something strange. It might be a bug in mautic here.
When I open the page where I specified the image via the background-image:url() through the https:// -Protocol, instead of http://, it works!
And the resulting source code looks as expected:
background-image: url("http://1.1.1.5/bmi/sawiya.de/mautic/themes/mautictheme1/img/background.jpg")
So, wrong adress here, I think. At least to solve the bug. Hope someone finds this as a solution, until the bug is fixed.
Cheers!
Edit: Of course its better to specify the file path in a relative way, so that when the theme is used on another server, the path is still correct. In twig the best way to do that seems to be this. At least it works perfectly well.
background-image: url('{{ getAssetUrl('themes/'~template~'/img/logo.png', null, null, true) }}';)
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.
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?
I have a question.
I am currently building a "blog" website. Not that it matters but..
I am trying to set my background to be a specific image that i have.
And it used to work! Until recently and I just don't know why it wont.
It works when i am on my computer, everything works fine.
But i am using 000Webhost as the hoster for the website.
So if u go to "http://pontuslundhblogg.uphero.com/"
You might see that the website is completely white. Cause the picture wont load for the background.
In my css sheet, i am using:
body {
background-image: url("bakgrund.jpg");
And yes, i did name the picture bakgrund.jpg and uploaded it to 000webhost. Its the exact same name etc. I wondering.. Could two different css stylesheets make so it gets weird or something? Cause I added a second css style sheet to be able to have a drop-down menu in a different sheet, and i added the drop-menu. Around that time it started messing with me..
Is it me doing something wrong.
Or is it 000Webhost?
(Might add that none of my pictures is working now, i can also contribute with more code if needed!)
If you go to pontuslundhblogg.uphero.com/bakgrund.jpg you get a message
"The image pontuslundhblogg.uphero.com/bakgrund.jpg cannot be
displayed because it contains errors".
If you go to pontuslundhblogg.uphero.com/bakgrund1.jpg you get 404 page, which means that the first path (bakgrund.jpg) is correct - but the image itself isn't good.
Try to upload it again or contact the hosting service.
If you use FTP maybe you need to change something in your FTP program settings - maybe change from ASCII to Binary transfer.
http://www.inmotionhosting.com/support/website/file-management/corrupt-file-ftp-transfer
I need to modify a couple of classes in the css of the site i'm currently woking on. another person worked in it, so i really don't know where he has put the styles. i know firebug shows the css path on the corner, but it's just showing the url like this: http://localseo.org#3(line 149) . what does it mean? how do I get the file path? Thanks for the help everyone.
Click on that URL.
It will open the correct file to the correct line. From there you can easily see the path...
However, if you mean file path, on the server, you cannot get that from the browser or Firebug; it depends on your server settings.
Open firebug and you'll see a CSS pane/tab you can then select the stylesheet you want/need to edit.