Stuck on HTML/CSS Styling [closed] - html

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;
}

Related

Sections partially overlapping [closed]

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 days ago.
Improve this question
In the picture you can see that part of "Schedule" is overlapping "Networking session". How do I stop this? It appears fine on computer screens but it appears like this on my phone. I do have different code written for screens with widths less than 415px.
what it looks like when one opens the website. Note the available space at the bottom of the table
At first, only the "schedule" would appear without the background. So I added position: relative but it still didn't work. How do I solve this problem? Any help will be appreciated.
[what it looks like after I added display: relative]
(https://i.stack.imgur.com/l5d81.png)

Background image not loading on web [closed]

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 2 years ago.
Improve this question
I have a website where it doesn't load the background images; however, it does load when I run it on my local host. Its only when I upload it to the web where it doesn't load. Not sure where the problem might be.
The problem is almost 100% in your image path.
I can't really help you untill I see the code, but one thing you can try is to add / in front of the folder and file names.
For example, if your image path on localhost is images/myImage.jpg, try to replace it with /images/myImage.jpg and see if it changes !

Every image take 1 line [closed]

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.

Why is none of my CSS working? [closed]

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!

Background image in div not working (video included) [closed]

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.