?
Solved

landscape versus portrait image display problem

Posted on 2013-12-05
3
Medium Priority
?
267 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 2000 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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

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