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 7 months ago.
Improve this question
My list is not being displayed
.thirdrow ul {
list-style-position: inside;
font-size: 120%;
bottom: 0;
right: 0;
margin-top: 0.3cm;
padding-top: 0.6cm;
}
<div id="thirdrow">
<ul>
<li>...</li>
<li>...</li>
</ul>
</div>
Is my syntax '.thirdrow ul' correct in the CSS file?
if not, what's the right one?
Just change the selector to - #thirdrow ul and that should work.
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 1 year ago.
Improve this question
I have an HTML section that I am trying to alter with CSS:
<section class="jumbo">
<div class="container">
<h1>THIS IS THE TEXT CONTAINED WITHIN THE JUMBO</h1>
</div>
</section>
However the changes I make in my CSS file, such as changing the color of the text contained in the element are not having any affect:
#jumbo {
background-image: url("../images/carbon.jpeg");
background-position: center center;
min-height: 200px;
text-align: center;
}
#jumbo h1 {
color: white;
font-size: 45px;
padding-top: 15px;
line-height: 1.6em;
}
Do you have any tips for how I can debug an issue like this?
You have to use .jumbo.
More about CSS selectors: https://www.w3schools.com/cssref/css_selectors.asp
#jumbo is an id selector
you should use a class selector
.jumbo and .jumbo h1
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 1 year ago.
This post was edited and submitted for review 1 year ago and failed to reopen the post:
Original close reason(s) were not resolved
Improve this question
Can anyone help me I can't remove button border. border:none; is not working
button {
font-size: 16px;
text-transform: uppercase;
background-color: white
border: none;
}
button:hover {
color: white;
background-color: black;
}
you are missing ; in the line before.
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 4 years ago.
Improve this question
I'm trying center all the content in the description list so they all start at the same margin for each line. The have move words so they are not aligned with the .
list {
font-weight: 360;
margin-right: 100px;
text-align: center;
list-style: inside;
display: inline-block;
}
<div id="list">
<dl>
<dt>Phone:</dt>
<dd>412-719-1936</dd><br>
<dt>Email:</dt>
<dd>rickwilson88#gmail.com</dd><br>
<dt>Address:</dt>
<dd>2475 Leis Lane</dd>
<dd>Bethel Park, PA 15102</dd>
</dl>
add (#) to css selector of your id="list":
#list {
font-weight:400; // note: font weight takes values: 100,200,..etc
margin-right:100px;
text-align:center;
list-style: inside;
display: inline-block;
}
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
Please look at following html...
.wrapper {
position: relative;
}
.mydiv1 {
margin-left: -10px;
margin-top: -10px;
}
<div class="wrapper">
<div class="mydiv1">div1</div>
</div>
.mydiv1 was pulled left as 10px and through out it's parent's left border.
But nothing happens on its top.
Why did it work differently?
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 4 years ago.
Improve this question
I have the following CSS:
body {
background-color: ffe750;
}
#background {
background-color: fc5f50;
}
In the html file I just have the div mentioned above, when I load the page, the colors aren't displaying (I got the Hex values from photoshop). I would just like to display two different colors on each half.
EDIT
Sorry for my ignorance, it was a very silly mistake, sadly I can't delete the question, very sorry.
You lack #:
body {
background-color: #ffe750;
}
#background {
position: fixed;
top: 0px;
left: 0px;
width: 50%;
height: 100%;
background-color: #fc5f50;
z-index: 1;
}