html - How To Create A Responsive Horizontal Layout Using CSS? -


I work for a creative design studio who likes to break norms and conventions to create unique website layouts and Recently we have started the development of horizontal website layout while the horizontal website layout looks "cool", I have worked to make them liquid and responsive to work so far, as if you have a vertical grid base The can out of the website.

A website with a container generally for verticals that holds a percentage width on your container element, then set the maximum width, with a responsive layout, your content is infinitely far from the page. Scrolls, it can vary in width, especially if the content is unique and therefore the formula target / reference * 100 does not actually work (or what is it?).

Do you have any way of working on a grid-based responsive website to be responsible for the heights, padding and margins on the elements? I do not feel like using Javascript but a CSS fix would be ideal.

I'm trying to create an example of the type of layout for your reference:

Enter the image details here

You control the child elements of page container divas < Code>. By calculating OuterWidth , you can do this with jQuery and by adding all of them together, .css ('width') of that page or div

HTML structure : 

  & lt; Div id = "main" & gt; & Lt; Div & gt; & Lt; Img src = "#" / & gt; & Lt; / Div & gt; & Lt; Div & gt; & Lt; Img src = "#" / & gt; & Lt; / Div & gt; & Lt; Div & gt; & Lt; Img src = "#" / & gt; & Lt; / Div & gt; & Lt; / Div & gt; Edit: I forgot to add CSS, but the main point is that you want the children of 
 #main  to leave the divs temporarily.  
 Javascript:  
  function () {var window_width = jQuery (window) .Width (), container = jQuery ('# main'), page_width = 0; // Get every basic element of the "main" container container. children (). Each (function (index) {var incl_margin = true, $ this = jQuery (this); // Check that each child element has margin-left or margin-write if (persian ($ this.css ('margin-left') ) Get the width of the element, including the margins (if they are present from the above)

Comments

Post a Comment

Popular posts from this blog

Python SQLAlchemy：AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

I tried to create a new database in my project, but when I run the script, I get this error, I have another project, this type of definition worked before, but now it gets a single error. I am using Python 2.7.8 and the version of SQLAlchemy module is 0.9.8. By the way, using a project flask- SQLAlchemy, it works well, I'm confused. Traceback information is as follows: Traceback (most recent call final): File "D: / Projects / IOM / db_create.py", line 4, & lt; Module & gt; From the models the base file "D: \ Projects \ OO-IM \ models.py", in line 15, in the & lt; Module & gt; Column ( 'followed_id', int (), ForeignKey ( 'user.id')) file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ schema.py", line 369, __new__ schema = metadata. Schema file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ elements.py", line 662, AttributeError in __getattr__ key): Neither 'column' object nor ...
Read more

java - How not to audit a join table and related entities using Hibernate Envers? -

I use Eners to be hibernate to audit my institutions. I have an audit entity, Foo , which includes a list & lt; Bars & gt; However, I do not want to audit the bar institutions, in the form of properties, I have written that: @inti @edicated public class Foo {@JoinTable (name = "T_FOO_BAR", joinColumns = @JoinColumn (name = "FOO_ID"), inverseJoinColumns = @JoinColumn (Name = "BAR_ID")) @ManyToMany (Cascade = Persist) @ Indited (targetAuditMode = RelationTargetAuditMode.NOT_AUDITED ) Public listing & lt; Bars & gt; GetBars () {Return bars; }} Now, I want to retrieve an amendment of foo : AuditReader reader = AuditReaderFactory.get (GetEntityManager ()); FU modification = (FU) reader.CreativeTeA () .entensEtrevision (Foo Class, 42) .getSingleResult (); Unfortunately, when I want to retrieve all the data (i.e. when it loads lazy times ), error me ORA-00942: table or view is not present , because Tried to query this: Sel...
Read more

mongodb - CakePHP paginator ignoring order, but only for certain values -

While pagging my user model in kppp, I can sort with some values, but not others. For example, I can order results from created or email , for example, but username or reputation seems to come back order by arbitrary command for example with a list of users: $ this-> paginate = array ('condition' => array ( 'User.is_active' = & gt; true), 'border' => 24, 'order' => array ('User.created' => DESC)); Works as expected, but $ this - & gt; Paged = array ('conditions' = & gt; array (' user.isIactive '= & gt; true),' border '= & gt; 24,' command '= & gt; array (' user repeats' = ' & Gt; DESC ')); No, no. I first thought that this could be a database issue, but when I search the database directly, sorted as expected. Note: I am using Mangodebi with the Mongo DB plugin of Ichikawa for the KPPHP; Pagnetizing users are used to work properl...
Read more