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 have been playing around with some images in CSS and have been attempting to use border: none; in the styling to get rid of the white boxes surrounding my images as shown here:
Have you guys ever encountered this? Slash am I forgetting a style to manipulate.. I've used firebug to go over the CSS and there is no direct white border put around the images.
Try this
img{border:0;}
if you want inside just particular class scope
.yourClass img{border:0;}
This will also work img{border:none, outline: none;}
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 3 years ago.
Improve this question
I am working on a website
http://weddingempires.com/category/planning/
There are images in the right side of the website i.e. in the right side bar. You can see that the images have white space around them. I want to remove that white space. I want the images to be fit into the space and no white space should be there. Please tell me that how can I do this. I think some CSS will do work. But I do not know which classes should be targeted. Please help me in this regard. Thanks
Open Chrome Dev tool by pressing the combination
ctrl+shift+I
DevTools can help you edit pages on-the-fly and diagnose problems quickly. I've found that you have extra padding in the sidebar just remove that it will fix.
Here are the classes
.sidebar-primary .widget
I hope it will work. I have tried using Devtool it works fine.
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 3 years ago.
Improve this question
I am getting a strange margin under my images.
I have set the margin/padding on both the containing div and the image to 0
This is the site i'm working on: https://www.philipnordstrom.com/
It is coming from your body font-size: 10px. If you change it to 1px the space between is gone. Try to add a css class like: div a { font-size: 0; }
You can see the link on the picture. I cannot tell you why this happens maybe because images aren't meant to be linked like this in the default case. I would need to dig deeper inside this to tell you the reason ;)
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 using vuejs and bootstrap framework for my website; however, there is a white space on the right hand side of the entire website which I do not know how to get rid of. I try to eliminate the margin or padding, but nothing works. Please help.
Testing website link
This (as mentioned) has nothing to do with VueJs. You seem to have several elements that extend the width. One quick way you can fix that is using this css
#app {
overflow-x: hidden;
}
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
There is a plcture of some
landing page. As we can see a there is a curved border of header's div. How to curve it up like that in a browser?
This effect can be achieved using the "border-radius" property in CSS.
Edit -
Further to #Patrick's comment, without a link to the actual page where we can inspect the HTML directly, it's difficult to tell how this effect has been achieved. It could be as simple as a background image, or a more complicated solution using shapes like Patrick suggested.
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 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.
Improve this question
I am having a strange issue while trying to style a html table. The table has no background color set but some of the cells background color appear as white. Firebug says there is no background color set for those cells and I am out of ideas why this is happening.
The demo table can be seen from here: http://abc.lonelycloud.net/master-schedule/
I hope someone will help me finding out the issue. thanks in advance!
Its being set on the Table Row.
tr{
background: transparent;
}
Should get rid of it, but you should really just get rid of the background you set somewhere else in the CSS
Moral of the story is, don't forget that a background can come from a PARENT too!