Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Search results

  1. M

    can I use only landscape and portrait modes in media queries for responsive design

    Hi, If all screens are either landscape or portrait is it enough to query (container or media) the orientation to achieve a responsive design?
  2. M

    mobile first. Why do I need a media query for mobile?

    Hi, Silly question! If I'm designing "mobile first" do I need to wrap Mobile portrait mode in a media query? Shouldn't it just be the default layout without querying viewport size? and tablet, desktop etc. should be wrapped in media queries - this makes more sense to me - am I missing something?
  3. M

    how to position divs according to width without media query

    Hi, I have a 3 column layout widths are: 1. 30% 2. 30% 3. 30%. On screens < 900px I want them to appear: 1. 45% 3. 45% <---2. 90%---> I want to do this without media queries. Any suggestions? I just started to look as css clamp() and was wondering if I could use it to change size of div...
  4. M

    HTML & CSS width = widest edge = landscape = vw, height = narrowest edge = portrait = vh

    Hi, I need clarification. I thought vw and vh units where good for responsive design, but I'm confused how they apply in landscape and portrait views. Am I correct in assuming that VW units always apply to the widest side, and VH units always apply to the narrower side? Thanks
  5. M

    HTML & CSS How to rerun php code depending on button clicked

    Hi, I'm building a gallery site for paintings - the paintings are divided into groups eg. Oil on canvas, Water Color etc. This is the PHP loop I have for displaying Oil on canvas: if ($entry['medium'] == "Oil on canvas") { $count++; $nxtNum = $count + 1...
  6. M

    HTML & CSS how to resize content when sidebar slides out / collapses

    Hi, How do I resize page content / images depending on whether a sidebar is open or collapsed. For example when clicking Preview > Collapse here. Any help much appreciated. Thanks
  7. M

    HTML & CSS recommended way to keep webpage template changing only content

    Hi, I have a webpage for displaying paintings, I want to divide the paintings into 4 groups. I would like to put each group on it's own page, but keep the basic template the same, is there a recommended way to keep the same template site wide or do I create 4 identical pages (apart from the...
  8. M

    CSS how to collapse sidebar without main content moving to fill space left by collapsed sidebar

    Hi I've used this code (here is the jsfiddle) to create a collapsable sidebar it's working ok, except that the main content moves left to fill the space of the collapsed sidebar. Here's a couple of screen shots to illustrate: With scrollbar: Without scrollbar: Can someone please give me an...
Back
Top Bottom