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 8 years ago.
Improve this question
I am working on a beginner project as I am new into web dev/design and am trying to center these images. I've included a link with screenshots of my code and the webpage in Firefox.
What normally works if your images are not wrapped in another div.
.grid {
margin:0 auto; // Shortcut for margin-left:auto and margin-right: auto
width: 1000px;
text-align: center;
}
What it does is align all of the contents to the center of the div.
However since all of your images are wrapped in another element they will not center depending on your styling of container elements.
What i would say is the best way to approach your issue:
http://jsfiddle.net/c0oku4zu/2/
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 would like to center Wordpress featured image on my site: https://link.do/ibXD8
I cannot find suitable option in theme properties.
Add this rule to your CSS:
.page-header-image.grid-parent {
text-align: center;
}
This element contains the image and has full width: Since the image is an inline element, text-align: center; will center it inside its container.
https://wordpress.org/support/topic/center-featured-imagine/
Add below css code it may fix your problem .
.attachment-post-thumbnail {
margin: 0 auto;
}
or
. image {
text-align: center;
}
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 are some menu items with floating left property. But if I make screen small then one of the menu items (which is named Игнорлист e.g. third from the left) does not fully stick to left side.
Why is this?
This looks like
Instead of using float, try inline-block.
.link {
display: inline-block;
margin-right: 35px;
}
Provide width to the main div. Since the div doesn't have enough width its pushing the element to the next line.
Width:1024px;
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've been having issues center aligning the contents of a div in a wordpress site I made. The site is http://www.triplebs.ca and I want the "subscribe to our newsletter" div to have everything in it centered, but can't figure it out. Can anyone help me out here?
Add this to your css:
.newsletter-widget, .widget_newsletterwidget {
text-align: center !important;
}
Add following CSS rules:
.newsletter-widget p {
display: inline-block;
}
Also you need to add to the closest form tag:
text-align: center;
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 8 years ago.
Improve this question
I am fixing up a website for a tech night at my school. The navbar was on the side which isn't my favorite view for the bar so I put it on top, but I can't get the table data or menu to center in the div.
http://jsfiddle.net/ksta1584/c88qswsx/
<a href="http://jsfiddle.net/ksta1584/c88qswsx/">Link<a/>
I would also like instead of the lines disappearing when you scroll over that they are all in equally sized boxes and the boxes sort of "pop" out. I'm not sure how to do that and can't get the border to appear.
Do this in your .nav:
.nav {
width: 100%;
text-align: center;
position:relative;
top:35%;
}
Put margin:0 auto into your .nav rule
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 8 years ago.
Improve this question
I'm havng this small problem with my dropdown menu.
I need the width fit the content inside the content
In my css I'm using
width: -ms-max-content;
width: -webkit-max-content;
width: -moz-max-content;
width: -o-max-content;
But it´s not working on IE, is there another method for doing this?
Thanks
Can you please try this code?
ul li a{
white-space:normal;
}
Get rid of the pull-left classes on your images, then it will work without having to use max-content.
Working Bootply