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;
}
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 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>
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 8 years ago.
Improve this question
http://joomla.jogjafile.com/plasma/index.php
I have tried this by giving it border-bottom but I can't get that arrow shape in border?
Those triangles are often called carets. The CSS of the caret class used on that site is:
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid #000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
}
However, they are overriding the display with other CSS but this should help you get the caret. More information on creating triangles/carets in CSS can be found Here.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Closed 8 years ago.
Improve this question
How to draw a stuff like this in CSS?
<div style="
width: 400px;
height: 400px;
border-radius: 200px;
border: 10px solid black;
border-right: 10px solid white;
border-bottom: 10px solid white;
-webkit-transform:rotate(-45deg);
"></div>
http://jsbin.com/wedudine/1/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I want to create a title with a background like this:
But there is a problem, as you can see in the picture, there are 3 different backgrounds:
The first one is for the whole page
second one is just a circle
third is a black line.
I want to create this title but i have problems with backgrounds.
I've tried including Span tag into title h3 ... didn't work.
what should I do?
P.S: I want to make this background for all titles backgrounds, so I don't want to create just one background for one title, I want it to be responsive and look good on any title.
the markup
<h3>Meet the Team</h3>
the style
h3{
width:320px;
height:40px;
text-align:left;
background:black;
color:red;
padding:10px;
line-height:40px;
position:relative;
}
h3:before,h3:after{
position:absolute;
content:'';
}
h3:before{
width: 20px;
height: 20px;
border-radius: 100%;
background: #2C2C2C;
right: 174px;
top: 20px;
box-shadow: inset -2px -1px #3F3D3D;
}
h3:after{
width:160px;
height:4px;
background:red;
background: #2C2C2C;
right: 14px;
top: 28px;
box-shadow: inset -2px -1px #3F3D3D;
}
Demo:http://jsfiddle.net/9U8NQ/