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 4 years ago.
Improve this question
How can I have links in my pages sides like places i colored in image below and move as page scrolls (fixed position)?
With that amount of information I can give you this much of an answer
HTML
left
right
CSS
.aside-fixed {
position: fixed;
z-index: 20;
top: 50%;
background: black;
padding: 10px;
color: white;
}
.aside-left {
left: 0;
}
.aside-right {
right: 0;
}
Related
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 4 years ago.
Improve this question
I'm trying to create a title where a line is 'beneath' the text as shown here
I'd look similar to a border-bottom, however I cannot figure how I'd move that by the text.
Thank you.
You can use pseudo class to generate the "border" and position it where you want.
span {
font-size: 3rem;
position: relative;
}
span:after {
content: "";
position: absolute;
width: 100%;
height: 10px;
background-color: purple;
bottom: 8px;
left: 0;
z-index: -1;
}
<span>Our Mission</span>
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 7 years ago.
Improve this question
See this CSS-based visualization for graphs. Any idea what is the easiest way to add directions to edges (e.g. arrows on edges)?
Wrap your <li> contents with <span> tags and style the pseudo elements to achieve a proper result. You may not use ASCII characters, backgounds or even pure CSS triangles.
http://jsfiddle.net/ndozdw00/1/
.tree li span:after{
content: "▼";
position: absolute;
left: 50%;
width: 10px;
margin-left: -5px;
top: 10px;
z-index: 100;
}
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 7 years ago.
Improve this question
I have menú in my web of margin left, but I want put text in the next of menú, of the left relative this. But I make a div in css and this put below of menú.
What position I need put?
I have a div inside other div.
example code this:
http://jsfiddle.net/a70aabub/
Thank you!
Add float:left for text class.
#menu ul {
margin: 0px;
padding: 0px;
width: 200px;
float:left
}
#menu ul li {
background-color: #999;
}
#state {
position: relative;
left: 0px;
float:left
}
http://jsfiddle.net/a70aabub/1/
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 9 years ago.
Improve this question
The element with "go forward" is supposed to be at the top-right corner; why is it not at that spot when the pertaining style contains "position:absolute; top:0px; right:0px;" ?
Here is a link to the page
link removed
Because your rule:
#slidecarousel div {
position: relative;
top: 5%;
}
is overriding the other rule. It's related to the rule's specificity. You could change the #sliderButtonF selectors of your rule to be:
#slidecarousel #sliderButtonF {
position: absolute;
top: 0px;
right: 0px;
}
which should do the trick.
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
Good day!
I am trying to make a widget, my code is as follows: http://jsfiddle.net/SeWCg/
The problem is that there is a white space between the inner and the outer rounded border.
How can i resolve this?
change
.widget1{
width: 218px;
height: 210px;
background-color: white;
}
to
.widget1{
width: 218px;
height: 210px;
}