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 2 years ago.
Improve this question
I'm trying to style my anchor but it doesn't work. Can someone explain what's wrong with my code?
PIC
And this is for my CSS
<style>
sasadada {
font-size: 18px;
font-weight: 500px;
text-decoration: none;
color: black;
}
sasadada:active {
color: red;
}
</style>
It happens because there is no "." on css selectors.
<style>
.sasadada{
font-size: 18px;
font-weight: 500px;
text-decoration: none;
color: black;
}
.sasadada:active {
color: red;
}
</style>
<style scoped>
.sasadada{
font-size:18px;
font-weight:500px;
text-decoration:none;
color:black;
}
.sasadada:active {
color: red;
}
</style>
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 last month.
Improve this question
.about-header {
width: 30%;
display: flex;
align-items:center;
background-color: red;
}
.about-header hr{
width: 70px;
border-width: 2px;
margin-left: 0;
}
.about-header h4{
font-size: 30px;
font-weight: 500;
text-transform: capitalize;
background-color: blue;
}
<div class="about-header"> <hr> <h4>Our Services</h4> </div>
no matter what i do i can't align the header next to hr. I tried text-align: left or float left but they didn't work, I used display:flex to keep them aligned, maybe it's because of that
I want to do this
Maybe can work if you use also margin-right: 0;
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 10 months ago.
Improve this question
I have a piece of CSS that validator.w3.org gives an error CSS: Parse Error. It is related to the {}. Please help me check it. Thanks in advance!
enter image description here
#media only screen and (min-width: 768px){
.table td, .table th {
padding: 5px!important;
.svg-5 {
width: 1rem!important;
height: 1rem!important;
}
span.text-title {
font-size: 14px!important;
}
}
}
body.yivic-main .yivic-post-single .entry-content > p:first-of-type:first-letter {
float: unset;
font-size: unset;
line-height: unset;
margin: unset;
}
body.yivic-main .yivic-post-single .entry-content {
line-height: unset;
text-align: unset;
font-size: unset;
}
You have to compile in:
#media only screen and (min-width: 768px) {
.table td, .table th {
padding: 5px !important;
}
.table td .svg-5, .table th .svg-5 {
width: 1rem !important;
height: 1rem !important;
}
.table td span.text-title, .table th span.text-title {
font-size: 14px !important;
}
}
You can do it online on several sites like: https://www.cssportal.com/scss-to-css/
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 2 years ago.
Improve this question
I'm currently working on a css file and I keep getting this error message. I'm new to html and coding in general, so sorry if this is a dumb question. I added a colon where the error message said I needed to but to no avail.
body {
font-family:garamond;
color:#cc4864;
background-color:#f5bdc6;
font-size:32px;
text-align:center;
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
Respect indentation, you'll find error yourself.
body {
font-family:garamond;
color:#cc4864;
background-color:#f5bdc6;
font-size:32px;
text-align:center;
}
h2 {
border-style: dashed;
border-width: 3px;
border-left-width: 10px;
border-right-width: 10px;
border-color: red;
}
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 tighten the border under the navigation menu. This is the CSS code I have:
CSS:
li.current_page_item a {
border-top: 0;
border-bottom: 3px;
border-style:solid;
line-height: 0;
border-bottom-color:green;
}
My website http://www.verbatimagency.com
Try this:
li.current_page_item a {
border-top: 0;
border-bottom: 2px;
border-style:solid;
line-height: 0;
border-bottom-color:green;
line-height: 0px;
height: 0px;
padding-bottom: 10px;
}
li.current_page_item {
line-height: 0px;
padding-bottom: 0;
height: 0;
}
It was the padding-bottom on the <a> tag. See the corrected preview:
You may need to adjust it accordingly.
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
For css like below could anyone tell me how I can apply css hacks for firefox, ie8, ie7, and ie6?
#category_area {
margin-bottom: 10px;
}
#categorytree ul {
margin: 13px 10px 0px 5px;
}
#categorytree li {
font-size: 13px; font-weight: bold; vertical-align: middle;
}
I'm afraid you can't make a common hacked selector for both IE 8- and FF.
You can get IE 8 and lower uniquely with the \9 hack at the end of the settings.
A css hack for FF would be the #-moz-document url-prefix() wrapper.
Here's an example.
#category_area {
margin-bottom: 10px\9;
}
#categorytree ul {
margin: 13px 10px 0px 5px\9;
}
#-moz-document url-prefix() {
#category_area {
margin-bottom: 10px;
}
#categorytree ul {
margin: 13px 10px 0px 5px;
}
}
BTW - 5 Reasons to Avoid CSS Hacks and Conditional Stylesheets