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
How do I edit this Bootstrap thumbnail slider/carousel http://www.bootply.com/79859 so that it looks like this one? I want to get rid of the whitespace between the thumbnails and make the thumbnails scrollable (without a scrollbar).
You can change the styling for the thumbnail list. Add a class selector .thumbs to the <ul> containing the thumbnails and the following CSS:
.thumbs > li {
padding-left: 0;
padding-right: 0;
float: left;
}
Bootply here.
As for making the thumbnails vertically scrollable there is a proof of concept here which shows you how to use overflow to achieve your desired effect.
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 7 years ago.
Improve this question
I'm experimenting with bootstrap and come up with below menu bar and slider:
http://tumolo.co.uk/fcslfn/
The rest of the site is built from this template:
http://ironsummitmedia.github.io/startbootstrap-modern-business/
I would like to know how to:
the FB logo and Twitter logo has a black horizontal line between them - how can i make that disappear?
how do i make the slider responsive?
How do I neaten up the menu bar, so that the football badge is centred and the menu items on either side, are proportionally separated?
For the Part One Update the http://tumolo.co.uk/fcslfn/css/general.css file
#top-menu ul li {
display: inline-block;
box-sizing: border-box;
margin-right: -1px !important;
margin-left: -1px !important;
}
For Two You can Change the Carousel to Responsive one Demo and Source
For the Third Change the Position of the Logo in small device view you can do this by using the responsive-utilities available in bootstrap
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 a link in a and it isnt lining up. You can view it here http://104.236.190.78/technology/
I added this css to try and shove the links down:
a{
padding-top: 3%;
}
I also tried that used 30px and it also didnt work. Any help is appriceated. Thanks.
Your screen.css (bootstrap) has a line-height:1em for some reason, this css should override it.
Add this to your CSS
body .content a {
line-height: 0;
}
Try this
a{
line-height: 33px;
}
In your html document (line 480) you are globally styling your anchors with the following code a{line-height: 33px;} which is causing your footer link to be misaligned. Take a look at the code and make some adjustments or delete it if it unnecessary.
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 8 years ago.
Improve this question
I have created some definition lists in html .And I want to set an image using iframe tag that overlaps the dl.
Then how to set particular area for iframe tag no matter whether there is any other element occupying that area? I want overlapping. Please help.
As I stated i my comment, you need to use position:relative and z-index on the image and then you can use css to move the image where you want over the <dl>
EXAMPLE
.image {
position:relative;
z-index:999;
top:70px;
left:30px;
}
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 8 years ago.
Improve this question
So, what I want to make is simple, I want an expanding menu. So for example, if you hover or click over/on one item, like "Home", there will appear several other items underneath it.
Basically, what I want is a floating div underneath the menu item. I already tried
menubar {
visibility:hidden
}
menubar:hover, menubar:active {
visibility:visible
}
This doesn't work!
Help? Thanks.
Maybe this is what you're trying to achieve: http://jsfiddle.net/d74Yv/
Basically we're using :hover and + selectors to show the submenu only when either its .handler or the .menu itself is hovered.
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 8 years ago.
Improve this question
I want to align all the cells with css to the left..
#mainTopicTable td
{
padding:20px;
}
I want to add there some property that would align the cell to the left, but dont know which
<td> element's content is left aligned by default. But if by any reason you can't see this then you can try with the following CSS.
#mainTopicTable td
{
text-align: left;
}
text-align: left