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 6 years ago.
Improve this question
TLDR: Please help me remove the underline of the text in the navigation.
Context:
I am making a Mobile news application.
Problem:
I want to remove underlines on the text of the navigation.(Home, login)
<h1>ignore this code </h1>
https://jsfiddle.net/uatmt99g/
Look specifically at the nav div and everything inside.
Similar post I have found whilst researching the issue (click link):
Remove line under image in link
I have tried the following but may have not implemented it correctly:
using CSS to remove text decoration,
using CSS to remove styling of text,
Any help?
Thanks in advance
you are using link () tags. to remove those "underlines" simply use the css below
a {
text-decoration: none;
}
The text with the underlines are links, so they have basic styling that goes with a link, including a line under the text. In order to remove it, you must specify text-decoration: none; to your a.
https://jsfiddle.net/uatmt99g/1/
Add this after nav in the CSS.
nav a{text-decoration: none;}
Links acquire their own properties . you must declare with the #mynewpattern a{} format
Related
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 4 years ago.
Improve this question
I am working in a CMS based project where I have a left side navigation and content area.
While I click on the menu for first time, it works as expected i.e clickable but If I click for the second time,it(i.e the link) did not work as expected.
Let me give you the link ,
visit sandbox
Note: In index2.html there is a class called main-wrapper, now when I remove that class , the navigation works perfectly.
Please tell me how to fix this problem.
Include the below css in your css file or in inside head tag and your sidebar will now work.
.main-wrapper-dashboard .sidebar {
z-index: 9999;
}
Your main sidebar had been overlapped by the secondary sidebar in index2.html thats why you were not able to click the links.
By looking at your page I observed that main-wrapper main-wrapper-pages come over main-wrapper main-wrapper-dashboard so you can not click on main-wrapper main-wrapper-dashboard so try to add z-index to that:
.main-wrapper.main-wrapper-dashboard {
z-index: 100; //any value more than 10
}
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 am kind of a nooby when it comes to web development and I am still learning. I am a bit stumped on a issue with this navigation bar I am making. What this issue is that the circles that contains the link and text are not correctly making a new circle every time I add a new il line. If anyone could explain to me what I am doing wrong it would be a great help :)
Code: http://jsfiddle.net/16eod9Ld/
I got your problem. You are not adding li with #navigation. I have created a fiddle...https://jsfiddle.net/yvz9j3ot/
Add li to #navigation li:hover, #navigation li, #navigation-content li.
You're applying the border (and border-radius, and width, and height) to the wrapper but instead need to apply it to each li element.
See: https://jsfiddle.net/9n574tLe/
You'll need to adjust the :hover stuff to account for that.
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 can't remove text decoration from my website, precisely on two places: my site title, and on Contact Page.
I tried to do it with classes, I also copied CSS path from Inspect element mode in Opera and transfered it and modified it into wordpress editor.
But nothing happend. Also tried to do it with all <a> tags using a{} in CSS.
Some help would be nice. Thanks in advance guys!
It looks like the text-decoration has been removed, but there is a border-bottom: 1px dotted #333 applied to the site title and the social media icons on the contact page. Are you confusing the two?
If you remove the border-bottom, the dotted line styling goes away.
It is not text decoration what is making your site like this. It is border. Add these lines to your stylesheet (in wordpress editor):
.site-title a {
border: 0;
}
If you also want to remove (under)line from social networks add this:
.drustvenemreze a {
border: 0;
}
You have text-decoration:none set in your CSS for <a> tags, but you also have a border-bottom: 1px dotted #333;
I believe that is what is making it appear that the links you reference still have text-decoration applied. If you get rid of the border-bottom, you should be good.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
For some reason, when I use inspect element on my file input, it shows where it's supposed to be. But it doesn't behave that way. Go to oceankarma.co and click post at the top. Then try clicking the youtube icon. Please help
All the icons are of different dimensions. Youtube, Vimeo icons are placed in tags while other black icons are used as background. This is causing the different styles.
Use same dimensions.
Same styles(except for background image so that everything is either called as background or everything via <img> tag)
If you do the above, it should give the result you expect.
I believe the issue you're referring to is that the the hidden file inputs are overflowing into the youtube link, try adding this to your CSS to fix it:
#servicetable tr td {
position: relative;
}
#upload_video input, #upload_photo input {
position: absolute;
left: 0;
}
Also note that you cannot set the cursor property for file inputs. you can read this question for more info
Sorry, but none of the existing answers helped me. Kind of like what koala_dev said, the inputs are overflowing. So I added a simple overflow:hidden style to the container and that fixed it.
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
You may find it hard to believe but I've been trying to figure out why this won't work for hours and if anyone could show me what I'm doing wrong, I'd be most appreciative.
On a page of my site I have a list of navigational links but I don't want the "Home" link to appear while on the home page so I assigned it a class and set this class to not show the link but it's not working.
Here's what I have for the link
<li><a href='http://classifieds.your-adrenaline-fix.com/' class='homelink'>Classifieds Home</a></li>
and just before the closing head tag of the index.php page I have;
<style type="text/css">.homelink { display:none; }</style>
yet, The link is appearing. If anyone could kindly show me how to make this work properly I'd be most appreciative and I thank you in advance.
Try seeing if its a specificity conflict by instead using the !important keyword
.homelink {
display: none !important;
}
Or add it as an inline style:
<li>Classifieds Home</li>
you should use
display: none !important;
i think there is another class or "a" tag in css