Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I have tried many forums and suggestions, only to fail for the past few days.
My CSS works perfectly fine if I use firebug, or third party css live edits, but not working when page loads. The file paths are 100% correct, thus the reason it works live. I have included a video: https://www.youtube.com/watch?v=OL2TuYo3coU
I've tried background and background-image also.
I'd appreciate all the help you guys could muster. Thank you for your time!
Looks like the image is missing from the path.
Replace this:
.firstpara {
background-image: url('photos/backgroundimage.jpg');
}
With this:
.firstpara {
background-image: url('../photos/backgroundimage.jpg');
}
Either Firebug or any browser built in Developer Tools have Console, if will help you to detect any errors on the web page.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I know it is not a very serious issue but I do not know how to solve it. Every picture takes 1 line in post so it takes a lot of space. How can I fix it?
GitHub Code
CSS
.media {
display: inline;
}
This is how it looks :
You can play with display CSS property on the img tag.
This property will change the way that images are display.
I recommend you to play with it in your browser, for example Chrome, which have a good console and autocomplete to show you all display values available.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
So my layout (a club layout designed for a particular part of a website) was working fine, and then I added a background image and none of the stylesheet has worked at all. I've read over it like 5 times and cant see the error myself it may be something so simple and probably a complete rookie error but help would be much appreciated!
http://collabedit.com/98yhh - The Code
http://www.marasites.com/?name=iSell&page=divinitynewlayout - Live Site
Oh and ignore the extra CSS that isnt being used yet about to implement and fix all that up. Thanks!
You cannot have a new line after your first quotation. Keep it in one line.
background-image: url("http://i.imgur.com/lfnb83g.jpg");
Move
background-image: url("http://i.imgur.com/lfnb83g.jpg");
On to one line and it works fine!
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
When I click the 'Home' button on my site (beta.tradeacademy.org/dashboard), it shows the links and search box without the css for a split second - as shown in the attached image. Can anyone explain why this happens?
Thanks in advance.
That's called FOUC.
Your CSS files are being fetched much later. Please refer the waterfall.
Try to fetch the CSS in the html head.
The CSS file may not have been loaded prior to the HTML, and therefore not rendered.
Changing the load order would mitigate this issue.
See css loads late, so html looks weird for a second for possible solutions to this.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I made a three-split layout for my about page. It shows fine when I test it locally:
When I open the about.php locally http://puu.sh/9mb2s/4fce94e621.png
However, when I upload it to my webserver, it doesn't seem like my webhost can figure out where to place the images; only one image appears:
http://puu.sh/9mbfB/1abdba1567.png
I can't seem to figure it out; do any of you have an idea on how I can solve this?
Link to the live webpage: http://jiggelliee.com/about.php
well it looks like your path is not there I just went on your code:
http://jiggelliee.com/img/buttons/about/hello.png
this one looks fine:
http://jiggelliee.com/img/buttons/about/Schedule.png
NExt time use console and see what your issue is...
it looks like the path is wrong:
#hellobutton {
background: url("img/buttons/about/hello.png") center center no-repeat;
display: block;
}
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
we are building a template for our eBay listings.
eBay allows users to upload a description as HTML code and allows that code to link your external CSS files.
eBay displays the user's HTML code in an iframe, it looks like eBay calculates the height of your page on load and then and resizes the iframe according to that height.
Here is a link to one of our test listings in eBay's sandbox environment:
http://cgi.sandbox.ebay.com/ws/eBayISAPI.dll?ViewItem&item=110097353751&ssPageName=ADME:L:LCA:US:1123#ht_692wt_1136
In Chrome / Firefox there's a second scroll bar next to the listing.
In IE, the listings just covers eBay's footer which is even worse
I solved this issue once using CSS and i can't remember how.
I would really appreciate any help.
Here is our CSS code:
http://pastebin.com/aj4bffG9
Just remove this line from the #StartDescription rule in your CSS file:
height: 650px;
With this change, it works fine for me in Chrome/Firefox/Opera.