Help on css files for multiple platforms from media queries.

I am trying to make a new site friendly to bith the tablet and smart phone users.  My media queries program requires me to attach new css files for each new platform.  When I design these new css files do I simply go to the box and limit the width?  Is there something else I need to do?

If you're using the Media Queries panel in Dreamweaver, then yes. You just specify the .css file, and enter in the min and/or max width for each range of screen sizes.
It will insert code that looks something like:
<link href="tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width:481px)">

Similar Messages

  • Not able to find userChrome.css file for customizing the Firefox browser. I just installed 20.0.1 firefox browser. Want to disable/remove navigation bar.Pls Hlp

    Not able to find userChrome.css file for customizing the Firefox browser. I just installed 20.0.1 Firefox browser version.
    I want to disable/remove navigation bar from the browser window, making the browser to work like kiosk mode.
    Please Help,
    Thanks,
    Vishal.

    hello,
    here is the complete path ..
    ''C:\Documents and Settings\XXXXXXX\Application Data\Mozilla\Firefox\Profiles\chrome"
    Let me know
    Thanks,
    Vishal.

  • One file for multiple IDOCs

    Hi,
    Need help on IDOC files created on application server.
    For IDOCs of EDI type generally one file is created on application server for one idoc. Is there any way to create a common file for multiple IDOCs that are created in a batch job?
    Thanking in anticipation
    Sudhir Bhate

    Hi Sudhir;
       Yes, it is a setting on the outbound parameters of the partner profile.  In the section for "output mode," select "Collect IDocs."  This link to help.sap.com describes the procedure:
    http://help.sap.com/saphelp_nw04/helpdata/en/dc/6b812a43d711d1893e0000e8323c4f/content.htm
    Cheers,
    John

  • Separate CSS files for Differenct Applications in the Same Workspace

    I am working in APEX 4.0, using Theme 4 (Topaz), primarily with the region template "Top Bar." The application I am working on has gotten so large that I decided to break it into two applications. So I copied the original application and then deleted the pages that I did not want in the second application. I then modified the authentication for a single login. One of the nice things about the Top Bar template is that you can color the background. I had a blue background in the first application and wanted to use a differenct color in the other. So I created a second CSS file and uploaded it to the Cascading Style Sheets area of the Shared Components file for the second application. Turns out that both it and the style sheet for the first application now show up in the CSS file area. The CSS file for the second application has no effect. Here is the CSS code:
    .rc-content-main
          background-color: #E5E5AA;
         }I also tried giving the region on each page in the second application a static id and then identifying them in the CSS file by the id. That didn't work either, at least not yet. Sometimes it takes the server a while to refresh.
    Question: For two applications in the same workspace, can there be separate CSS files? If so, how do I set them up so that each responds only to one of the applications?
    Edited by: Doug on Nov 14, 2012 4:54 AM
    Edited by: Doug on Nov 14, 2012 7:16 AM

    Hello,
    If you upload your file to Shared Components >> Cascading Style Sheetst then:
    edit your page template in the header section and just before +*</head>*+ tag  add :
    <link rel="stylesheet" src="#WORKSPACE_IMAGES#MY_FILE.css" type="text/css" />And that will be applied for all pages that have the same Page Template.
    You can edit a page and put this in the header section to be applied only for a that page:
    <style>
    <link rel="stylesheet" src="#WORKSPACE_IMAGES#MY_FILE.css" type="text/css" />
    <style>If the file is on your web server then replace #WORKSPACE_IMAGES# with #IMAGE_PREFIX#
    This should be helpful to you:
    http://docs.oracle.com/cd/E23903_01/doc/doc.41/e21674/concept_sub.htm
    Best Regards,
    Fateh
    If you believe that my answer is correct or helpful to you, then please mark it as helpful or correct...

  • Redirect code to different css file for mobiles

    i need some code that i can use to detect mobiles and then change to a css file for the page so it looks good on mobiles. ive been looking around and i can only find redirect codes to mobile versions on websites and i dont want that, i want to stay on the same page but just use a different css file. Thanks to anyone that can help me.

    What you want are CSS Media Queries.  They can be incorporated into your main CSS file like so.  Feel free to adjust breakpoint values as required.
    /* Special Styles for Mobiles. */
    @media only screen and (max-width: 480px) {
        body { font-size: 75% }
    /* Special Styles for Tablets */
    @media only screen and (min-width: 481px) {
         body { font-size: 100%; }
    /* Special Styles for Desktops */
    @media only screen and (min-width: 1025px) {
         body { font-size: 135%; }
    Nancy O.

  • Using The Same Audio Files On Multiple Platforms

    When I import new audio into logic - often it will say that is creating wave forms for the display.
    Q: I notice that the audio files on disk do not show an altered modified date - so where are these wave form displays being saved - on the audio file or inside the logic song?
    Q: I am interested in possibly going back and forth between logic and Pro tools LE - and at different times using the same audio files for both platforms. Assuming I am not doing any destructive editing - is it OK to use the same set of files for both platforms - or do I need to make duplicates (I'd rather not)? Also, how does this wave form display get dealt with by going back and forth between the two platforms?

    A: the waveform overlays are stored in separate,
    temporary files - *.ovm files or something, but my
    memory is fuzzy on that for now. The original audio
    files are not modified in any way.
    Hmmm... I've wondererd about this, too, and as best I can tell, Logic DOES modify the original files.
    I just imported some stereo interleaved AIF files into a project (with "copy external audio files to project folder" disabled), and I couldn't see any evidence of waveform creation--a disk search by date revealed nothing looking like waveform overviews, and there were no modifications to the AIF file dates.
    So... the next time I imported some AIF files, I checked the file sizes before the import...
    Sure enough, the files got bigger by about 100K after being imported into a Logic session, even though the file's timestamps were not changed.
    Looks like maybe Logic does write the waveforms into the files themselves ?
    On a related note, the manual suggests that it's possible to change the "copy external audio files to project folder" setting after creating a project, but I haven't found this anywhere other than File->New... anyone know ?
    Thanks!
    James
    [email protected]
    Dual 1.25 G4   Mac OS X (10.4.8)  

  • Exporting MPEG2 files for Blu-ray from 720p60

    I am exporting MPEG2 files for Blu-ray from 720p60 using compressor 3.05. I export straight from Final Cut 6 to compressor. It all looks great except I end up with some frames in the video that pixelate. It is just one frame, and the average viewer may not see it, but if you go frame by frame you see it. I thought it was just a bad export, but I exported the file again and the same thing happens again on the exact same frame. The fact that it happened again on the exact same frame was very odd to me. It is this way on five different video files. It's certainly not like that in the original on my timeline, so I don't know why it is doing that.
    I guess I will try exporting a quicktime file first and then putting that file through compressor to see if that makes a difference. Any ideas from anybody?

    Exporting a quicktime file first still produced the pixelated frame. I'm not sure what else to try.

  • Can anyone provide a simple css file for Apex Application

    Hi,
    Can anyone provide a simple css file for Apex Application please don't mention W3schools link to learn...
    Regards,
    Pavan

    in each item have ..HTML Form Element CSS Classes .e.g style="color:red",  you can change whatever you want!
    or using CSS at page header level.
    check the page: http://apex.oracle.com/pls/otn/f?p=25110:3:0:::::
    more css and JS file in Google drive(If my application/js/css breaks your computer, your database, your car's transmission anything it's your fault not mine, I have nothing to do with it and will deny all responsibility.)

  • Do I need a css file for each fluid layout page I create

    DO I need a different css file for each fluid page page I create?
    THanks!

    The short answer is No!
    When you create a second or subsequent document, you need to ensure that the original style sheet has been attached as shown

  • How can I specify a different css file for mobile browsers?

    I'm experimenting with updating our website to be "mobile friendly". I could use some help.
    We use a lot of static HTML landing pages for things like links from email ads, etc. What I'm trying to do is have 1 landing page so the content/html page is always the same, but the page will detect what browser/device you are using and then load a different css file depending on what it is. But, we don't want to have to load the style info from the PC version if you're not on a PC.
    What I'm doing now is specifying the media type in the css link, like this..
    <link rel="stylesheet" href="style.css" type="text/css">
    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css">
    What's happening is it's loading the main stylesheet first, and then the 2nd one changes some styles if you're on a device with a max width of 480 pixels (like an iPhone). But since it's loading the PC styles first, it's making some things look screwy.
    So, is there a way to say "If you're on a PC, load this stylesheet. If you're on an iPhone, load this one instead." .. without javascript? I don't trust javascript too much on mobile devices. I feel like this some simple little thing that I'm missing that will make it all automagically work.
    We don't want to have different content depending on the browser, just different stylesheets. Can anyone help?

    Hi
    Would it be better to do 2 different stylesheets, or just one big one and add a section at the bottom like:
    @media only screen and (max-device-width: 480px) {   .styles {whatever: styles;} }
    2 separate style sheets are recommended. The reason for this is that the Safari mobile browser, (as used in iPhone etc) will download any/all images specified in a style sheet even if they are not used or specified in a media-query rule, this is a know bug with that browser.
    I'm also having a new issue where the style "clear: both;" doesn't seem
    to be working right. I set up my top horizontal menu using float: left,
    and there's a lot of links so on the smaller screen it wraps, which is
    fine but now the wrapped links are floating over the page content...
    This is one of the reasons that floats should not be used in style sheets for mobile devices, the only exception I know of is for small typographical feature such as 'pull-quotes', (and never use float: right;). It is also recommended to include a menu at the bottom of the page, (or at least a link back to the top).
    It works, if I have the iPhone as portrait it looks great, but if I turn
    it to landscape, everything is zoomed in. But if I switch back to
    portrait, everything is the right size. Is there any kind of way to get
    the landscape to have the normal zoom level? I know I can do
    "initial-scale=1.0", but that is just for when the page loads, not if
    you change it afterwards...
    I have heard of only one recommendation to fix this and that is a page refresh on resize, but due to bandwidth limits now being implemented by many providers it is probably not a good idea, you could try setting -
    maximum-scale = 1.0
    as well.
    PZ

  • MT 100 DME file for multiple Transactions

    Hello
    We are not able to generate the <b>DME file in MT100 format for Multiple Transactions of the Bank Account after F110.</b>
    We are able to generate DME file in MT 100 format for a Single Transaction.
    Please suggest us if we had missed any configuration or any specific process is required to generate the DME file in MT100 for Multiple Transactions of the Bank Account after F110.
    Regards
    Srini

    Hi,
    I am just trying to give some additional information on this one. Here is a snippet from the PDF handbook.
    Option:
    SpoolBatches Enter Yes to tell the PDF Print Driver to print an entire batch of transaction to a single PDF file. The default is No.
    Please do keep in mind...
    • To create a linearized PDF file (for page-at-a-time downloading), you must set this option to No.
    • If you are using single step processing, you must set this option to No.
    In addition to this, you must also turn off the MultiFilePrint callback function. To do this, remove or comment out the CallbackFunc option. Here is an example of commenting out the CallbackFunc option:
    < Print >
    ; CallbackFunc = MultiFilePrint
    You cannot generate linearized PDF files if you set the SpoolBatches option to Yes because when linearizing, the PDF Print Driver must have the entire contents of the PDF
    file in memory. Since batches can be very large, it is not practical to keep an entire batch in memory.
    Important point for your reference:
    I just went through the FAQ in the below link and understood that there are some problems when you try to create a single PDF for a batch as a whole - Acrobat Reader only display the first transaction in a PDF file which contains multiple transactions.
    FAQ Book link -> http://download.oracle.com/docs/cd/E16256_01/faq_book.pdf
    PDF Handbook -> http://download.oracle.com/docs/cd/E16256_01/pdf_book.pdf
    I did not get a chance to explore much on this. Please explore if it helps. Thank you.

  • Handling source files for multiple versions

    Ok, I've looked around on the web and multiple discussions and have yet to find an answer. We currently have two authors working on the same help project that we have handled relatively successfully under RoboSource. Our development environment has changed so that we need to be able to support multiple versions of the help at once ie- release branch vs development branch that we want documented but it is not yet slated to be in the release.
    I've looked at the help for RoboSource and there is an idea of branching but not much help on how this is done or if it really maintains two sets of the files, etc. I've also seen some postings on the forum for this that have gone unanswered. Makes me suspect that perhaps RoboSource doesn't really support multiple versions of help source files. I would be happy to admit that I'm wrong here.
    Another option to solve our challenge is by committing our source files to the development source system, SVN. I've noticed some threads discussing this. I'm unsure from reading these posts if RoboHelp alerts you when you are about to modify a file, such fpj or hhk, that is being used by someone else like RoboSource does. Since we still have two authors playing in the same help project it would be most efficient if it would notify us before letting us write over one another's work.
    Can anyone shed some light on:
    1) does RoboSource really support multiple versions of the help source files and how it is done?
    2) does RoboHelp notice when a file is locked in SVN and notify the other author to keep hands off until it is committed again?
    3) is there somewhere better for me to research this?
    Thanks you for any assistance you can provide,
    Nita

    We're using RSC 3.1 with RH 8 and with RH X5, and we've found that this is actually a two-step process:
    Branching is the method for copying a snapshot of a folder (to establish two branches of the same source).
    Reconciling (AKA forward/back patching) is the method for synchronizing edits between branches (or not, as the case may be).
    For example, a "V12.3" branch of the "main" source has been prepared for one customer's specific needs. All edits to "main" will be forward patched to "V12.3," but edits to specific areas of "V12.3" will not be back patched to "main."
    Tim, my boss, prepared the tutorials below, as much for himself as for us, and I have only stripped the screenshots to protect our intellectual property. Note also that we reference two publish locations, one for internal reviewing, and one for Release Engineering to include in our nightly product builds. Your environment might only have a single publish destination. Note also that the output files are never added to RSC.
    Pay special attention to your folder naming process before you start, by anticipating any potential future branching needs. Folder renaming after the fact can be problematic in RH and RSC.
    Good luck,
    Leon
    ===================================
    Branching Projects in RoboSource 3.1
    Since the Help for RoboSource and Robohelp lack a proper explanation for branching and updating configuration files to support proper branching, this document has been created to assist in creating future branches.
    Creating New Local Directories
    Individuals must create new local path directories on their systems. We use the following conventions:
              Ex. C:\902_imsmerge\projects (source folder)
              Ex. C:\902_imsgenerate\mergedProjects (output folder)
    Create New Server Directories
    New server directories need to be created in two locations for holding the output files.
    One is for the Robohelp output that gets put in the nightly .war file and checked into Perforce.
    The other is in the wwwroot of our IIS server for our doc web site.
    They are defined as follows:
    \\docsql01\Documentation\RoboHelp\9.0.3\imsgenerate
    \\docsql01\Inetpub\wwwroot\help_sys\9.0.3
    Create new directories with the correct branch number.
    Using RoboSource View Manager to Create a Branch
    You use the View Manager to create a new branch. In RoboSource 3.1, a branch is just a different type of view.
    Assume the version_903 branch has already been created. To create a new branch, click the Create button and name the new branch (version_910), leaving a blank root folder.
    Click on Set Root to define the root folder for the new branch.
    Select the root for the branch and click OK.
    Select the view (branch) and click Properties. In the Properties window, select Branch as the Type, then click Close.
    In the View Manager, check the check box to enable the view.
    Setting the Local Path for the New Branch
    Select the new branch and right-click.
    Type in or browse to the correct local path, check the Apply Recursively box, click Apply. Close the Properties window.
    Editing .xpj Files
    The .xpj files in the new branch need to be edited to point to the new branch. THIS IS VERY IMPORTANT. IF NOT DONE ROBOHELP WILL CHECK IN CHANGES TO BOTH THE BRANCH AND THE ROOT.
    One line in each project’s .xpj needs to change. See below.
    This value must match the branch the project lives in. In our above new branch example this would be changes to %version_910.
    In a merged project, you can change all these at once with the FAR tool.
    Edit the .ssl and .sss files
    These files need to be edited to redefine the generating and publishing paths. Note that this can also be accomplished with the FAR tool, or by having each writer do it through the GUI.
    ssl Files
    The .ssl files contain the data for the generate path. Although there might be seven .ssl files for each project, you only need to edit the ones for your Primary Layout and one or two others that you might also use.
    Make sure the generate path is defined correctly.
    sss Files
    The .sss file defines the publishing paths. This edit can also be done through the GUI if necessary.
    ====================================
    Forward and Back Patching in RoboSource
    This document describes the procedure of forward or back patching files (.htm or .gif) between branches in the RoboSource system. The RoboSource product uses a feature called Reconcile Changes to accomplish patching between branches.
    Example Scenario
    Throughout this document we will use a real life example from the refwindows project.
    We have edited the version 9.0.3 security_master_folder.htm file in RoboHelp.
    Now, we need to backpatch it to version 9.0.2.
    Selecting Folders or Files to Reconcile
    You can select either:
    A single file for reconciliation
    The source folder, or
    The destination folder
    If you have just one file to reconcile, you will probably want to use the single file method. If you have several files to reconcile, you will need to use the folder method.
    Working from the Source Folder
    Select the source folder (folder that contains the updated file) in source control. In our case, %version_903/refwindows.
    Select Reconcile Changes … from the Action menu. This opens the Reconcile window.
    Select the appropriate option in the Reconcile window.
    In our example we select the first option to reconcile from %version_903 because that is where our updated file is. Make sure the correct project is selected in the drop-down list. ($/version_902/refwindows).
    Other Options
    Reconcile changes made in another branch *into %verison_903/refwindows. This is the option you would use if you have an updated file in another branch that you want to put in 903.
    Reconcile changes made locally (in c:\903_imsmerge\projects\refwindows) and %version_903/refwindows. We would most likely never use this option.
    Reconcile changes made in another database *into* this database. Do not use.
    None of the above, let me select what to Reconcile. This one sounds like it would be a good option, but it gets even more complicated.
    Wildcard Filter. Use this to display only certain file types. For example, *.htm;*.gif;*.jpg would filter on those file types.
    Click OK to open the Difference Reconciliator window.
    Notice that this window shows all files in the project that have differences such as the .ssl and .xpj files.
    IMPORTANT: NEVER reconcile these files, they are supposed to be different.
    You can prevent these files from displaying by using the Wildcard Filter discussed above.
    Select the appropriate file (security_master_folder.htm). This window will allow you to replace the file in the version_902 project unfortunately, it will also allow you to replace the updated file with the older one. Be Careful Here.
    You can also View Differences from this window by clicking the View Differences link.
    Click the Replace button in the $/version_902 pane.
    You will get a confirmation dialog. Before clicking OK, take the time to read the question. This is your opportunity to catch potential mistakes!
    You will then get the Reconcile Checkout dialog.
    Be sure Perform the action directly on the Server is checked, click OK.
    You see that the Difference Reconciliator window now indicates No changes to merge from %version_903/rewindows/security_master_folder.htm in the $version_902 pane.
    Close the window.
    Check the Destination Folder
    In the source control window go to the destination branch and check the project. You can see in this shot that the security_master_folder.htm file now shows the date it was replaced, and that the server version is now different from your local version.
    Working from the Destination Folder
    If you had chosen the destination folder and select Reconcile Changes, the same window would have opened but with different options.
    Here you would have selected the second option to reconcile into $/version_902.
    You can do it either way, just pay careful attention to the options. The rest of the process is the same.

  • Where to find the css file for logon page customization

    Hi All,
    I am doing the logon page customization but i am not finding the stylesheet to change the background colors.
    While testing it is taking the default css stylesheet.
    Can anyone suggest from where to edit the css file?
    With Regards
    Ashutosh

    Dear Ashutosh
    You can find the css folder under the logon par file.
    Please find below reference for modifying the PAR file:- http://help.sap.com/saphelp_nw04s/helpdata/en/bb/1bb8428e05c86ae10000000a155106/content.htm
    A fast and easy Portal logon page customizing
    Modifying The Logon Par(or customising the Logon Screen)
    Customizing Portal Logon Screen
    Portal Customizations Intro - Login Part 1
    Portal Customizations Intro - Login Part 2
    Hope it will helps
    Best Regards
    Arun Jaiswal

  • Need help on XSD mapping for multiple objects

    Hi All,
    I am having a table in which row1.column1 data is mapped with xyz atttribute from XSD which is having multiple occuraces.
    Same attribute is mapped with row2.column1.
    But ro3.column1 data is not getting displayed completly only few data is gettin displayed.
    Example
    <MYXML>
         <EMP>
              <name>a1</name>
              <address>usa</address>
              <age>20</age>
         </EMP>
         <EMP>
              <name>a2</name>
              <address>canada</address>
              <age>21</age>
         </EMP>
         <EMP>
              <name>a3</name>
              <address>india</address>
              <age>22</age>
         </EMP>
    </MYXML>
    here row1.column1 mapped with name
    row1.col2 mapped with address
    row2.col1 mapped with name
    row2.col2 mapped with age
    Please help for the same.

    Mohit,
         Here is a sample file for your use..
    https://acrobat.com/#d=urni5MvK7Fx87liMbRpPgQ
        I used the below XML as data connection as well as Preview Data..
    <?xml version="1.0" encoding="UTF-8"?>
    <MYXML>
         <EMP>
              <name>a1</name>
              <address>usa</address>
              <age>20</age>
         </EMP>
         <EMP>
              <name>a2</name>
              <address>canada</address>
              <age>21</age>
         </EMP>
         <EMP>
              <name>a3</name>
              <address>india</address>
              <age>22</age>
         </EMP>
    </MYXML>
    Thanks
    Srini

  • Help in  getting Headcount for a month from a flatfile

    Hi All,
    I am need one help regarding i need to load data from a flat file like for eg
    empno  Location     joiningdate     releivingdate
    123       USA         11/3/2008        12/9/2008
    345       Mexico     14/4/2008         13/11/2008
    376       USA         12/2/2008          Null
    and the condition is if the releving date  have some value it should taken  employee left the company
    i need to create a cube and also on top of the cube need to create a report also
    in the query  the formula is
    for eg if the user is giving i/p like 05.2008( what ever the user is giving i/p it should automatically taken from current finanacial year ie april)
    and in the report i need to write a formula for
    %YTD for attrition =( (opening headcount of april 1st+ closing heda count of april end)/2 +opening head count on may 1st + closing head count of may end/2))/n*100
    i am getting stuk up with how to get the opening headcount for month and also the closing head count for a month.
    VR

    There's actually an example of this in the business content in the 0papa_c02 cube:
    Re: Head Count
    There's also some info about this cube in note 336229.
    Similarly, for your data, you might have something like this:
    headcount_vc is the change in headcount on the calday.
    empno      Location      calday        headcount_vc
    123      USA      11/3/2008         1
    345      Mexico      14/4/2008         1
    376      USA      12/2/2008         1
    123      USA      12/9/2008         -1
    345      Mexico      13/11/2008   -1
    There would be another key figure in the cube headcount_nc which is the cumulation of headcount_vc.
    When aggregated together up to a certian day, you will have the correct headcount.
    It can get fancier if need be for example if you want a count of retired employees or something:
    Anything you want counts by should be time dependant though.
    empno      Location      calday        headcount_vc        status
    123      USA      11/3/2008         1          active
    345      Mexico      14/4/2008         1          active
    376      USA      12/2/2008         1          active
    123      USA      12/9/2008         -1          active
    345      Mexico      13/11/2008   -1          active
    123      USA      12/9/2008         1          retired
    345      Mexico      13/11/2008   1          retired

Maybe you are looking for