Solved

landscape versus portrait image display problem

Posted on 2013-12-05
3
256 Views
Last Modified: 2013-12-06
Is there a quick tweak I can do for the mobile site?  When you view it in landscape, the right hand column images display and they should not.  The image pushes site to the left which makes a wide black left border.  On portrait view the right column image doesn't display which is what I want and site looks good

I have this in the small css file.  Do I need to qualify this for portrait and landscape?

.img_border {display:none;}
.img_noborder {display:none;}  /* removes right column image from mobile site*/

http://nsitedesigns.com/nsitedesigns/wrb/index.html
http://nsitedesigns.com/nsitedesigns/wrb/css/screen_layout_small.css
0
Comment
Question by:nsitedesigns
  • 2
3 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39698864
If you don't want them to display in either portrait or landscape, the you should be able to use the same CSS rules for both orientations; so just make it the default in mobile.

Cd&
0
 

Author Comment

by:nsitedesigns
ID: 39698962
I never specified orientation in the css.  Do I need to specify that out?  If I don't mention it, wouldn't it apply to both portrait and landscape?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39699059
Yes If you don't qualify a scope then it will apply at all orientations and resolutions.

Cd&
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now