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 4 months ago.
Improve this question
I need to remove all underlines from the all links at once, is this possible?
Here is the template
This should do it for you...
<style> a { text-decoration: none; } </style>
add this to your csss
*{
text-decoration: none;
}
text-decoration:none; a tag in css
text-decoration:none;
I suggest my solution because in this case it only deletes links within the table.
tr td ul li a {
text-decoration: none;
}
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 6 years ago.
Improve this question
I have a list
<ul class="styled-list">
<li>some text</li>
</ul>
and then I have css
.styled-list-arrow li:before {
font-family: 'Material Icons';
font-size: small;
content: "\e315";
margin-left: -1.4em;
width: 1.3em;
}
all works fine but one problem is, that li content is not on same height as li bullet. I don't know where can be a problem.
----------Edit--------------
I need move bullet little bit down
Add this code to the :before pseudo element:
vertical-align: bottom;
Also watch your class names. You have 'styled-list' and 'styled-list-arrow li'
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 9 years ago.
Improve this question
I made a site and just did the navbar. On Google its good only the underline is there but on Firefox the bullet points are still there how do I fix this. Also how do I get ride of the underlines?
Try this:
Let say: your nav has container: #nav, then:
#nav a {
list-style-type:none;
text-decoration:none;
}
You should use as CSS reset sheet: CSS Reset
And then for your nav bar:
list-style: none;
text-decoration: none;
You probably need something like text-decoration: none; list-style: none; inside your nav ul tag
Try doing the following:
list-style-type: none;
It would help if we had your code though.
Try the following in your navbar's css:
list-style-type:none;
text-decoration:none;
Here is a reference from MDN. It has everything about list styling.
on css:
*{
text-decoration: none;
list-style: none;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
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.
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
Improve this question
I have the following CSS I need to convert to SASS:
#menu li:hover > a {
color: #fafafa;
}
How would this be translated?
edit: looking at it, i will try:
menu{
li{
&:hover{
a{
color: #fafafa;
}
}
}
}
Try this:
#menu
li
&:hover
> a
color: #fafafa
Or
#menu{
li{
&:hover{
> a{
color: #fafafa;
}
}
}
}
I have only used .less but tried in http://sassmeister.com/ and SASS result is:
#menu li:hover > a
color: #fafafa
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
This question does not appear to be about programming within the scope defined in the help center.
Closed 9 years ago.
Improve this question
h1 a,
h2 a,
h3 a,
{
color: #ccc !important;
}
this piece of code is not working,it doest override the color I set in A tag.
and I used important already.
how can I override the color in A tag??
header a
{
color:# 000;
}
this code is working though....
Use this:
h1 a,
h2 a,
h3 a
{
color: #ccc !important;
}
You had an extra comma in your code, for your last line.
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
I've been busting my head at this for quite some time now and I can't figure it out for the life of me.
Basically, I have the following site: http://tuivirtual.com/en/
If you move your mouse at the top portion of the banner images you'll notice that the dropdown menu drops but it shouldn't. It should drop only when hovered over the actual tags, not below.
Any help is more than welcome!
Thanks!
A simple solution is to give the ".sub-nav-wrapper" a negative "z-index" and on hover to add a positive "z-index" to it.
#navigation li .sub-nav-wrapper {
z-index: -1;}
#navigation li:hover .sub-nav-wrapper {
z-index: 10;}
This will do the trick and it will keep the transition.
The element is still 'there', it just has an opacity of 0:
#navigation li .sub-nav-wrapper {
opacity: 0;
}
#navigation li:hover .sub-nav-wrapper {
opacity: 1;
}
To solve this problem, hide it in some other way.
Try add this CSS code:
ul#navigation li div.sub-nav-wrapper {
display: none;
}
ul#navigation li:hover div.sub-nav-wrapper {
display: 1;
}
That should do it.