Solved

landscape versus portrait image display problem

Posted on 2013-12-05
3
255 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
Comment Utility
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
Comment Utility
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
Comment Utility
Yes If you don't qualify a scope then it will apply at all orientations and resolutions.

Cd&
0

Featured Post

Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn how to count occurrences of each item in an array.

762 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

6 Experts available now in Live!

Get 1:1 Help Now