How can I show or hide an image based on screen size in CS6?

I have a web site built using Dreamweaver CS6. I used the fluid grid layout to have different views for each of the 3 types - phone, tablet, desktop. It works well, resizes as it should. I would like to be able to show an image in the desktop version but not the mobile version. How could I do that? I can see in the .css file that different size screens can have their own different settings. Is there code I could add that would hide/show and image based on the users viewport on the same page? Let's say I have a div tag named picture. How could I add a parameter to the picture div tag in the style sheet that would hide the image if it was mobile?
thanks,
Marilyn

Insert image into a container div.
Desktop CSS:
#divName {
height: xxxpx
width: xxxpx
Tablet & Mobile CSS:
#divName {display:none}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Similar Messages

How can I show and hide an image or a decoration on the front panel during execution of the vi?

Hello,
I've made a user interface with a little grafic description.
That description should change depending on user actions, e.g. if the user switches a button, some lines should disappear and some other lines should appear.
I thought some decorations could be shown and hidden via something like a property node, but that is not possible. Images can also not be hidden during execution of the program.
Is there any posibility to change a grafic user interface?
Johannes
LV 7.1
Greetings Johannes
Using LabVIEW 7.1 and 2009 recently
Attachments:
LV_Grafic.JPG ‏21 KB

Thanks to Tim for drawing what I suggested as option while I had some real work to do.
There is a trick of overcoming the index problem that was presented/devloped in the forum in the last month's:
You can place the decoration inside a cluster, so you can use the lable of the cluster to adress the decoration you want. The data type of the cluster doesn't mather for this, so you will hide the control/indicator. And you colour the cluster transparent (hint: right click with the coloring tool and use space to toggle).
Felix
www.aescusoft.de
My latest community nugget on producer/consumer design
My current blog: A journey through uml

HT1296 How can I capture and save an image on my screen for later retrieval

How can I capture and save an image on my iPad screen for later retrieval, perhaps on my Laptop (Windows 7)?
Is there a way to copy the image to a storage device?
Thanks, Don.

The Apple Support Communities are an international user to user technical support forum. As a man from Mexico, Spanish is my native tongue. I do not speak English very well, however, I do write in English with the aid of the Mac OS X spelling and grammar checks. I also live in a culture perhaps very very different from your own. When offering advice in the ASC, my comments are not meant to be anything more than helpful and certainly not to be taken as insults.
Its easy to take an iPad screenshot. Press & release the Home and the Power buttons quickly at the same time. I have trouble with that so I press & hold the Home button and then very quickly press and release the Power button. Your screenshot is stored in the Camera Roll of the Photos app. Probably the easiest way to get it to your PC is to be using iCloud, or email it to your PC. There are also some wireless sync apps in the iTunes app store that let you send photos from the iPad to a Mac or PC. I use PhotoSync.

How can I show or hide a subform if one of multiple checkboxes is checked?

Hi,
I have 8 check boxes and would like to show a subform if any one of the check boxes is checked and hide this subform when the check box is unchecked. How can I do that?
The action builder didn't work very well.
Thanks
Sou

Hi,
Can we assume that all the checkboxes are in the same subform and they have the default values for on and off (that is 1 and 0).
If so try the following JavaScript in the calculate event of the subform containing the checkboxes;
var checkBoxes = this.resolveNodes('#field.[ui.oneOfChild.className=="checkButton" and $ == 1]');
Subform2.presence = (checkBoxes.length > 0) ? "visible" : "hidden";
The first line gets a list of all the child fields that are checkboxes and have a value of 1 (or on).
The next line sets the presence of the subform (which I am calling Subform2) to visible if there is one or more set to true)
Regards
Bruce

How can I resize a JFrame ,to fit into the screen size

I have a Jframe which has JPanel and JPanel contains lot of other components.JPanel size is 980,1400. when i use JFrame.show method jpanel goes beyond the screen size in length and I am not able to see the portion below the screen.How can I resize the JFrame so that JFrame and JPanel shrinks to fit into the screen size.I need this because I have a PRINT button at bottom of the JPanel.Thanks.

Thank you for your reply.I tried with the following code as you have told.But the frame is still going beyond the screen.Can you please look into it and tell me whats wrong ?
//public class PlayerRegForm extends javax.swing.JFrame implements Printable
public static void main(String args[]) {
PlayerRegForm prf = new PlayerRegForm();
Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
Dimension frameSize = prf.getSize();
if (frameSize.height > screenSize.height)
frameSize.height = screenSize.height;
if (frameSize.width > screenSize.width)
frameSize.width = screenSize.width;
System.out.println("Screen Size ----------------- " + screenSize);
System.out.println(" Frame Size ----------------- " + frameSize);
prf.setSize(frameSize.width, frameSize.height);
prf.pack();
prf.show();
=============================================================================
Screen Size ----------------- java.awt.Dimension[width=1024,height=768]
Frame Size ----------------- java.awt.Dimension[width=112,height=28]

How can I show a pop up menu based on the selection in a previous pop up menu?

For example, if "Company" is selected in a pop up menu in C6, then show another pop up menu in C7. if "Bob" is selected in a pop up menu C7, show another pop up menu that contains the talks "Bob" has in C8.
I am trying to create a talk scheduling spreadsheet with different talk outlines for different speakers. I'm not sure if there are any functions or formulas that can accomplish this. Can anyone help?

Pop-up menus contain fixed values in Numbers. You might be able to do this using Steppers or sliders. These produce a numerical result, which could be used to direct a second slider or stepper's output to a specific column or table.
If you can provide a map of the structure of your list(s), there may be someone here able to take on the task of constructing the tools to do the job.
Regards,
Barry

How can I view information about an image, such as the file name and exposure, on the Ipad?

how can I view information about an image, such as the file name and exposure, on the Ipad?

You can't with the built-in Photos app, but there are apps such as iPhoto which allow you to see the exposure details (aperture, shutter speed, focal length, ISO). PhotoMeta also shows you that info

How can I show my scanner in Photoshop import menu?

How can I show my scanner in Photoshop import menu?

Does it not appear when you go to Import > Images from Device? Please provide answers to the questions listed here: "FAQ: What information should I provide when asking a question on this forum?"

Wda How dynamic the show or hide the window

Hello
wda How dynamic the show and hide the window.
thank you

Hi Sarah,
For any webdynpro queries , post it under Application server->Webdybnpro-ABAP OR JAVA forum.
You can hide the entire group by binding a attribute to the visible property of the group.
if lv_i_text is initial.
* to set GROUP hidden
      lo_el_context->set_attribute(
        name = `VIS_GRP`    " Attribute name in the context binded to visible property of the group.
        value = 'X' ).
endif.
I hope it solves your problem.
Regards,
Kiruba

How can we show data in rows when it is in Columns........

I have strucked with a simple but a complex problem.
I have a Report with data in vertical rows..need of the hour is how can we show that data into column structure.
here is the table sample which i have in Database..
Location      chrg_type    Effective_date
xxxxxxx        xxxx          xx-xx
thhis is the structure in effective date we have several months in it in a single column i want show the effective date or effective month in various columns instead of a single column.
my required table is....
                            Effective_date     Effective_date
Location      chrg_type     xx-xx              xx-xx
xxxxxxx        xxxx          xx-xx
any tough heads?????

Hi Sunil,
Your 1st problem is that you are going to need one more field to accomplish you goal. What type of data do want under your new date columns?
Anyway, once you have that you need to move on to how to move the data out into columns based on date.
Try something like this.
0_Date = IF DATEPART('m',{tbl.Effective_date}) = DATEPART('m',CurrentDate) AND
DATEPART('yyyy',{tbl.Effective_date}) = DATEPART('yyyy',CurrentDate)
THEN {tbl.DataField}
1_Date = IF DATEPART('m',{tbl.Effective_date}) = DATEPART('m',DATEADD('m', -1, CurrentDate)) AND
DATEPART('yyyy',{tbl.Effective_date}) = DATEPART('yyyy',DATEADD('m', -1, CurrentDate))
THEN {tbl.DataField}
2_Date = IF DATEPART('m',{tbl.Effective_date}) = DATEPART('m',DATEADD('m', -2, CurrentDate)) AND
DATEPART('yyyy',{tbl.Effective_date}) = DATEPART('yyyy',DATEADD('m', -2, CurrentDate))
THEN {tbl.DataField}
... Repeat this process until you have all of the columns you need, following this format.
Hope this works for you,
Jason

Forms 6.0-- How can I show records in a block in different colours.

In a multi record block, how can I show few records in one colour and few more in a different colour depending on a condition.

Use DISPLAY_ITEM.
This will change the visual attribute of the item in the current(!) record,
set_item_property changes the attributes of the item in all(!) records.

How can i export a series of images in different aspect ratios to the same height

How can i export a series of images in different aspect ratios to the same height?
I wish to make a slider callery for my website. all the images need to be 750 Pixels high, the width does not matter. I have a mixture of square pandscap and protraite images can i do thing as one export or do i have to do it twice? Once for long edge and once for shot edge?
Thanks

Yes, you can but there is a trick to it.
In the Export Dialog under <Image Sizing> select Widdth & Height.
Then enter 750 pixels for Height.
Put your cursor into the Width field behind all the numbers that appear there and with the backspace key delete the numbers. If you enter "0" it will not accept that. But it accepts when you just delete the field for Width with the backspace key. The Width field will now be just blank.
When you then export all image will have a height of 750 pixels and the width will fall variously according to thne height / width ratio.
Or alternatively you can enter 7.5" for height at a resolution of 100 ppi.

How can I create a java.awt.Image from ...

Hi all,
How can I create a java.awt.Image from a drawing on a JPanel?
Thanks.

JPanel p;
BufferedImage image =
new BufferedImage(p.getWidth(), p.getHeight, BufferedImage.TYPE_INT_RGB);
Graphics2D g = image.createGraphics();
p.paint(g);
g.dispose();

How can I create a high res image gallery, need to have print res photos for a pressroom section.

How can I create a high res image gallery, need to have print res photos for a pressroom section.

If you want Muse to "pass through" your images and not adjust, compress, crop etc - you need to place your images in the lightbox EXACTLY at the right size, pre-cropped and prepped in Photoshop.
So if your light box is 800x600 the image you're dropping into that must be 800x600 exactly with no effects, rotation etc added to the lightbox frame. This stop Muse fiddling with your images, if they are perfect when inserted and you're not asking Muse to crop, expand, add effects etc. If it's perfect when inserted, Muse SHOULD also leave the resolution alone too, but I have not tried that one, but in theory, it should work.

How can I use some of the image i am working on to paint with? like if I wanted to give someone an extra eye in the forehead, ow could i then paint their own i in the forehead? I know there is a paint tool for that, i just can't find it ... :/

How can I use some of the image i am working on to paint with? like if I wanted to give someone an extra eye in the forehead, ow could i then paint their own i in the forehead? I know there is a paint tool for that, i just can't find it ... :/

It sounds like you are talking about the cloning tool?
Tool looks like this:
Then when selected you can change the size of the brush and using Alt (windows) and Command (Mac) to select your region you want to copy then start to create you cloned image.
Hope this helps?

How can I show or hide an image based on screen size in CS6?

Similar Messages

Maybe you are looking for