what I want to do is to create a sidebar not only with one link per line, but with two links per line. I tried almost everything but there is something I'm missing and I don't know what. The links could also be an image.
Btw, I working in Rails 3.
Thanks a lot!!
Related
We have an online courses platform. We use Wordpress 5 with Eduma theme and Learnpress plugin.
I am trying to make a netflix effect on the thumbnails of my courses.
I successfully did it but on the first row of courses, the image is truncated.
I tried to make a minimum code to reproduce the issue and paste it here, but there are too many css coming from the theme and different plugins. Impossible to leave some minimum code.
You can see the issue on the homepage of https://formatine.com/ in the rows of courses. Pass the cursor hover a course and you will see the zoom effect.
The second row is fine, but the first row has the issue.
I tried to change the css of parent container because I thought something nested is cutting the effect.
I tried some z-index on different divs, but it didn't work.
After days of investigation, I came here to see if anyone has an idea of what I am doing wrong.
Please help.
After the research, what I was able to find was:
There is one overflow: hidden applied to one of the parent div with class name as thim-course-grid.
Removing it will solve the issue.
Can you check and update?
http://codercarter.com
I am working on this site for a class, and I have an issue I cannot seem to find the problem for. The background image at the EXPERIENCE section doesn't reach the ends of the pages like the first two background images do, and Im not sure what is causing it. In addition to this on the old version of the site, the three contact buttons used to be side-by-side of each other, now when I see the new version there are two, and the github connection is below them and very wide?
The last image does not reach the edge because it is inside of the "portfolio" div, which has margins. For the button issue, you can assign something like "max-width: 30%;" to each of the 3 ".card" elements.
I'm at my wits end here... I've been looking for hours and hours... What I'm trying to do, is display a list of items as a grid layout view with pages (like Android home screen) meaning, the list items should be displayed in a fixed X times Y grid and the list should be split into (list.length / x*y) pages. I've been googling to find something that would help me achieve this, but I've failed to find anything... I've found that I could use angular-slick for the page navigation part, but haven't found anything to use to split and display the data...
Any advice is greatly appreciated.
simply you try to use bootstrap then you can solve grid system problem.
bootstrap gridsystem
Ok, so I am making a website for my so far small Minecraft Build team MCBuild, unfortunately, My ribbon on the top with all the pages links, that are not active, will not centered it is embedded inside of another div, and put into a singular .html file and displayed through an iFrame. All of the code is on GitHub and also, the page can be viewed here. Any help would be great, I think I can't get it just because I am frustrated that I didn't get it the first time. Thanks!
I'm designing an online shop and creating a menu bar from images. It's super simple, and I made the menu the correct width as my page. The only problem is, when I put in all the separate buttons (the menu is divided up into 11 sections), the last image gets pushed down into the next line, even though there is enough space for it to be inline.
Does anyone know how to help?
I should also mention I am a complete beginner to html/css so pretend you're talking to a 10 year old when explaining...