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
With this application, I'm having some imaging issues in terms of getting the background image to appear behind the login form. I'm currently using a bootstrap template in order to make this site. I tried posting the background image using the .main-content div to no avail.
<div>
<style>
.main-content {
background-image: url('../../../../wwwroot/images/MacbookBackground.jpg');
}
</style>
</div>
https://github.com/zhadjah9559/HelpDeskTicket/tree/3.LoginAndDB
You can add your <style> in your _Layout.cshtml and your url should be /images/MacbookBackground.jpg , like below.
Your _Layout.cshtml head:
<head>
//...
<style>
.main-content {
background-image: url('/images/MacbookBackground.jpg');
}
</style>
</head>
Then in your view:
<div class="main-content">
<h1 class="display-4">Welcome</h1>
</div>
Result:
Related
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
When using the background-image I notice that it will not work with images from a direction web page link, like this:
body {
background-image: url("http://www.example.comenter/2312.jpg");
}
But if I link it directly from a folder directory it works just fine like such:
body {
background-image: url("C://Users/Jane/Desktop/2312.jpg");
}
Why is does it not work with an url link?
It works fine with a URL link:
body {
background-image: url("http://via.placeholder.com/400x200");
}
Actually It works, however you should review if the link is available.
The background-image property specifies an image to use as the background of an element.
Just check the link that your are specifying in url may be that path does not consist any image or please check image path that you want to display in webpage.
body {
background-image: url('http://www.publicdomainpictures.net/pictures/130000/velka/pink-simple-background.jpg');
}
<html>
<head>
</head>
<body>
<h1 style="color:white">Hello World</h1>
</body>
</html>
You can use like this:
body{
background: url('http://www.example.comenter/2312.jpg');
}
If it is not works the following link does not have any image, try another image.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
So this is what i have Tried, which doesn't work.
Ive also tried to make it a block and then margin that as 0 auto, like other questions say, but that doesn't help at all...
<!DOCTYPE html>
<html>
<head>
<style>
.logo {
text-align: center;
}
</style>
</head>
<header>
<div id="logo">
<img src="logo.png">
</div>
</header>
</html>
I just cannot seem to center this image, and i would like to in as little lines as possible.
need # for id . is used for class
#logo{
text-align:center;
}
Edit
Answered in comments above
I recommend you to add the body tag and do not make mistakes between id and class.
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'm trying to make a change to the text color on my navbar but it doesn't to work. I'm using bootstrap locally not from cdn.
Here is a screen shot of my code:
Since you want to change the anchor within the navbar-nav wrapper of your navbar class, you should specify that in your css too like this:
.navbar-nav li a {
color:white !important;
}
Demo jsFiddle: http://jsfiddle.net/AndrewL32/65sf2f66/69/
You should override bootstrap using the "!important" keyword..
Example:
.navbar {
color: white !important;
}
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've been having issues center aligning the contents of a div in a wordpress site I made. The site is http://www.triplebs.ca and I want the "subscribe to our newsletter" div to have everything in it centered, but can't figure it out. Can anyone help me out here?
Add this to your css:
.newsletter-widget, .widget_newsletterwidget {
text-align: center !important;
}
Add following CSS rules:
.newsletter-widget p {
display: inline-block;
}
Also you need to add to the closest form tag:
text-align: center;
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 am designing a website, I am using a text link(href) as logo, but for some reason it is not clickable. I inspected it with chrome and didn't find anything'suspicious. I even tried changing the html code, nothing works. Can someone shed light on this? Thank you.
The link is the logo in the top left corner, WhatAboutHTML
Here is the link: http://whatabouthtml.com
below is the code:
<div class="logo">
<h1 style="font-size: 24px;line-height: normal; margin-bottom: 0px;">
What About HTML
</h1>
</div>
Just add the following to your code:
#nav {
position: relative;
z-index: 9999;
}
Or put you nav in the right place. Which is inside the wrapper.