Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
Pretty common problem, judging from what i've been seeing so far. Most of the time it's url problem or backslashes etc. Not this time though
<div id="est"></div>
#est {
margin-left:55px;
margin-top:55px;
background-image: url(http://blabla.com/wp-content/themes/blankslate.3.3/blankslate/images/est.jpg);
background-repeat: no-repeat;
}
I've been trying everything. Local url/full url, quotation marks (single and double), bacground-imgage:/background. No luck...
Html file reads styles sheet.
Thanks in advance!
Your div has no height or width... add both and you will see it. ;)
Alternetively add content to your div.
Your background image link gives a 404 error. You need to put in a proper link!
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
Hello my image inside css code is not responding on code, you can see on the screen vh=10 but screen is on full size.enter image description here
First Wrap img with div and give image width and height and then try fixing size to div.
Try to define at least width and height, even if you're putting an "auto" on one of these. Also, try object-fit propreties if your image is in a separated tag, or background-size and background-position propreties if you want to keep it as your background.
Hope it'll help !
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
I am getting a strange margin under my images.
I have set the margin/padding on both the containing div and the image to 0
This is the site i'm working on: https://www.philipnordstrom.com/
It is coming from your body font-size: 10px. If you change it to 1px the space between is gone. Try to add a css class like: div a { font-size: 0; }
You can see the link on the picture. I cannot tell you why this happens maybe because images aren't meant to be linked like this in the default case. I would need to dig deeper inside this to tell you the reason ;)
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I just want to make an image float at the bottom left of the screen, across the entire website.
The image is about 200x200px and links out to another part of the website.
There is quite simple solution for this. As you want to float the image and link it to to some other part, you need to put img in anchor tag.
For e.g.
<img src="image-source-link" height="200" width="200">
css
a{
position:fixed;
bottom:0;
left:0;
z-index:111111;
}
"position:fixed" will fix the a element but you need to tell where it should be fixed.
For that we have bottom:0;left:0; i.e., fix on the bottom left of the page.
z-index is very important for this element as it will be overlapping with a number of other elements on the page. The one with the higher z-index will have better visibility.
I hope this solves your problem.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
I'm trying to sharpen my skills by remaking some award winning websites.
With this one in particular
https://justcoded.com/
I don't get how the "JustCoded" text on logo on the top left is no where to be found to change. I spent an hour going through the css, js and html. Still don't see where it is.
Any help on how it's done would be sincerely appreciated.
If you look at the ::before where the text, "JustCoded" is, you'll see that the class that affects it has a content: portion. The content replaces the inside of the a tag with the icomoon font item. Normally icomoon just consists of icons that act as fonts, but instead they made their whole logo be an icon, and are inserting the icon in that area.
.header .logo:before{
font: 48px/1 icomoon;
content: '\e90a';
}
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm looking to extend the header image to be full width on a client's blog which is hosted on Wordpress.com, but it doesn't seem like the theme supports it natively. Something seems to be cropping the image automatically.
Is there any way this can be done using CSS?
http://ryanmangansitblog.com/
Thanks in advance!
this is caused because of the <p> element located in #hero .hero-content which has a max-width variable set in style.css, if you remove this rule #hero .hero-content p { max-width: 770px; } your problem should be solved, and the image should be shown full width.