layout Questions

How to align Bootstrap grids like a masonry layout?-Twitter bootstrap

October 4, 2018
Mohan Prasad
2 Answers

My grid setup now is as follows: <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> <div class='col-md-12 col-sm-12 col-xs-12'> <div class='col-md-9 col-sm-9 col-xs-12 text-center' style="height:200px;background-color:#0077CC; border-right:2px solid white; border-bottom: 2px solid white"> DIV 1 </div> <div class='col-md-3 col-sm-3 col-xs-12'style="height:320px;background-color:#0077CC; border-right:2px solid white; border-bottom: 2px solid…

VIEW QUESTION

How do I change the order of elements using only CSS? – SEO

January 22, 2018
Abhishek Kumar
2 Answers

I know of two ways this can be achieved: Flexbox layout and CSS Table layout. However, I can't use Flexbox since I need to support older browsers. CSS Tables, as far as I know, won't work in my situation. I…

VIEW QUESTION

designing layout of magento 2 theme

December 5, 2017
P.Smith
2 Answers

I am new to Magento. I am creating Magenta 2 site, I have managed to install Magento, and for it to use the luma theme. I want to be able to edit the theme (through Inheritance), I understand it uses…

VIEW QUESTION

Magento xml layout strange behavior

November 7, 2017
sissy
2 Answers

I'm on a 1.9.3 Magento installation, trying to optimize the existing application. There is a custom theme, which defines the custom layouts where I found a big mess: duplicated files everywhere, totally absurd overwriting of core behavior, so I tried…

VIEW QUESTION

Place text behind background image – Photoshop

September 10, 2017
Kuebiko
2 Answers

Right now I am having trouble placing a paragraph behind a background image. I have tried using z-index and position relative, but have not found any success. How could I do this? .pageone { background-image: url(headerhalf.png); background-attachment: fixed; background-repeat: no-repeat;…

VIEW QUESTION

Scale image both vertically and horizontally within a gridlayout – Photoshop

March 17, 2017
Andrew Larsen
2 Answers

I am new to Android development, and I am trying to use the GridLayout to create rows with 3 columns, each column with a imageview. In this case I am using a square image created in photoshop, all red, just…

VIEW QUESTION

PyQt: wrap-around layout of widgets inside a QScrollArea – Photoshop

January 12, 2017
Cheyn Shmuel
2 Answers

I am developing an app for memorizing text using PyQt4. I want to show all the words in bubbles so that you see how long the word is. But when I have all the bubbles in my QScrollArea, they are…

VIEW QUESTION

Expanding animation layout – Photoshop

December 4, 2016
Mario López Batres
2 Answers

I am starting to work with Android Studio and I am having some problems without my activity. I would like to represent a layout, and after clicking on it, I would like to increase the size of it. I think…

VIEW QUESTION

Uneven Bootstrap Pills when Collapsed – Twitter bootstrap

April 4, 2016
Eli K Miller
2 Answers

The following code produces "pills" of unequal width when displayed on small or extra small screens (as defined by twitter bootstrap by default). <header> <div id="brand" class="container"> <div class="row"> <div class="col-sm-12"> <h1>Website</h1> <h2>header</h2> </div> </div> </div> <div id="navbar" class="navbar navbar-default"…

VIEW QUESTION

How do I stop css pushing <li> to the right? – Photoshop

February 21, 2016
Chris
3 Answers

This is my first question and I'm having real difficulties sorting this problem. Basically I have created a gallery using ul and li to make it responsive. The gallery can be found here: http://www.radiologycafe.com/radiology-trainees/normal-variants The issue I'm having is that…

VIEW QUESTION