Grid of fluid CC how to resize tags h for different screen sizes

Hello

I'm new to CC. I tried to create a header or a sensitive banner as follows: a logo image Center spot left, name and address, telephone number (more large fonts/bold) positioned more low rt. How to get the text to resize with responses? Can I use the properties panel to change the sizes of tag h for different devices or what I write and a link to the css file? I don't know how to proceed for several sizes of device without having to edit the fluid.css file created by DW. I know that sounds really simple for most. I hope if I get a basic understanding of the concepts that I'll be able to expand them.

Thanks again,

Andrea

In my view, it is better to create a separate external stylesheet for content.  Do not change the files fluidGrid.css or boilerplate.css.

In your content.css, use media queries to target different devices like this:

/ Special rules for mobile phones. */

@media only screen and (max-width: 481px) {}

Body {make-size: 75 %}}

}

/ Special rules for tablets * /.

@media only screen and (min-width: 482px) {}

Body {size are: 100 %}}

}

/ * Special rules that apply to workstations * /.

@media only screen and (min-width: 1024px) {}

Body {make-size: 135 %}}

}

Nancy O.

Tags: Dreamweaver

Similar Questions

  • How to resize a photo for which fills right up to the whole composition window?

    How to resize a photo for which fills right up to the whole composition window?

    Twirl in the transformation of the layer properties and resize it to the top. You can consider using the scale detail Preserving effect if the difference in size is important. Otherwise, its largest size in Photoshop.

    If you don't know how to scale a layer, you should really start here: starting After Effects

  • How to adjust the GUI on different screen resolution?

    Hi all

    I have an application that must be deployed on different stations with different screen resolutions. I want my application to be responsive, that it should be settled well in accordance with the resolution just like sensitive site. Is it possible to do?

    You have at least two simple ways to accomplish what you want: setting the resolution and dispatchers.

    The first automatically adjusts Panel when it is displayed on a screen with a different resolution than it was desigend on

    Dispatchersneed a little more effort: basically, they can be used to change the appearance of the window when they are moved interactively by the operator or by programming with OperateSplitter. You can decide what controls are suitable when a divider ir operated and if they are moved or resized.

    In the case of your example of the user interface, a horizontal separator could be used to resize the text box and move down buttons when the Panel is maximized.

    The choice between these alternatives is on hand: I personally do not feel good with the brutal scale operated when you use the resolution setting so I normall use dispatchers to adapt application windows to the size of the screen.

    You can see examples of the couplings in docking.prj and examples of splitter.prj located in the samples\userit folder. For an example of the first methos, the value attribute setting resolution 100, change the resolution of the screen and see what happens when you launch the program.

  • How to site adapt to different screen sizes?

    How can I make my site fit in all screen sizes?
    Thank you
    -Bryan

    "BryanRob" wrote in message
    News:emsf4m$NHC$1@forums. Macromedia.com...
    > Here's what I have I made a site about this size in photoshop then saved
    > and
    > Put it in dreamweaver in a layer and moved the layer so it woul dbe
    > centered
    > then I added this code to get the backround colar
    > text = "#000000" > and then added another layer on top just to the text. Who am
    > I
    > doing wrong? Some say, it seems that some do not.

    What you're doing wrong?

    1 creation of the site in Photoshop (web sites should not be made entirely of)
    graphics card...)

    2. the use of Dreamweaver layers

    3. deprecated code in style using the background instead of CSS color...

    As much as what it looks like, obviously we cannot say anything unless we see...

    --
    Patty Ayers | www.WebDevBiz.com
    Free articles on the business of Web development
    Web Design contract, quote request form, estimate Worksheet
    --

    --
    Patty Ayers | www.WebDevBiz.com
    Free articles on the business of Web development
    Web Design contract, quote request form, estimate Worksheet
    --

  • How to implement MÜDE for different locations

    Hi guys,.

    I am in a quandary how to implement MÜDE for developers from different countries.

    I have developers who are in 3 different countries and I need to make them all run on the same repository.

    I want to implement the project absed MUDE and wouldn't an administrator to merge the repository presented by developer.

    The developers will be responsible for changes in the repository.

    How can I go about it?

    Thank you
    Saurabh

    Hello

    See this link for the development of multi user below

    http://oraclebizint.WordPress.com/2008/03/27/Oracle-BI-EE-101332-multi-user-development-of-repositories-mud/

    Concerning
    NGO

  • How to resize pictures to fit the screen without losing the proportions?

    I am trying to create a PowerPoint presentation and it will essentially consist of pictures, text and background music.  I want pictures to fill the screen of my computer, so when I'm in 5 items, I go to the Image menu and then Image resize - size and changing the pixel dimensions here.  My monitor is set to 1280 x 1024 pixels and I'm trying to resize my photos at 1280 x 1024, so that they will fill all the screen when you view the PowerPoint presentation.  The problem is that when I go to resize photos, I must leave options maintain Proportions unchecked so that I can freely and manually enter the values I want for both the width and height according to my monitor dimensions.  When my photo is resized by using this method, the proportions will throw off and the picture looks a little funny.  But if I check, select the maintain Proportions, then I won't be able to enter a value for one of the dimensions given that items will automatically appear the other dimension for me.  In this way the proportions look good, but the photo does not completely fill the screen in the way that I want.

    Is there some kind of workaround for this kind of catch-22 type of problem?

    Thank you

    Lee

    Lee,

    DSLR camera digital SLR particular means: http://en.wikipedia.org/wiki/DSLR.

    Jürgen

  • How to resize pdf file to reduce its size

    Help

    Hi marku,.

    You can use Acrobat to reduce PDF file size. There are several options: Save as > PDF of reduced size and save under > optimized PDF (Acrobat Pro).

    You are welcome to try Acrobat free for 30 days. See http://www.adobe.com/products/acrobat.html for more information.

    Best,

    Sara

  • How to set the url for different environments such as DEV, PROD etc using the file resources in SSRS. How we determine the environment?

    While working with SSRS reports, I would like to store the URL once in a variable environment level and have all read reports from there. How this could be done. I think that by adding the resource file, that this might work. But how do we identify which URL should be invoked in varied such as DEV, TEST, PROD environments?

    Hello

    Your question of Windows 7 is more complex than what is generally answered in the Microsoft Answers forums. It is better suited for the public on the TechNet site. Please post your question in the following link for assistance:
    http://social.technet.Microsoft.com/forums/en/smallbusinessserver/

    I hope this helps!

  • How to configure user accounts for different users of the PC?

    I have various users for laptop. Need to have the 3 people you connect with password. How do you define this on a laptop?

    See this link on how to create and manage user accounts: http://windows.microsoft.com/en-US/windows-vista/Create-a-user-account. Expand the second link (my computer is on a workgroup) for your likely information. Don't worry if have to jump the "User and family security accounts" link in step 1.

    Ask us if you need additional assistance.

    Rifdhan

    If this is your answer, click on "Mark as answer" below. If it's useful, click on "Mark as useful" on the left.

  • How to set the password for the screen saver?

    When connecting, password is not necessary and I put it under 'control userpasswords2', but I'd like to set password within the screensaver 15 minutes idle.

    Anyone have any suggestions on how to do it?
    Thanks in advance for your suggestions

    Hello

    You will need to set a password for the connection on your computer user account.

    After that, you can set the screen saver and set the option on the resumption, the logon screen and specify 15 Minutes to time waiting .

    Concerning

  • How to assign the password for different SSID in embedded AP - w1941 Cisco

    Hello

    Can someone tell me the configuration of the CLI of assinging for SSID password created in cisco integrated access point 1941.

    If so, then can we use WEP encryption on cisco 1941 AP?

    Yet one thing, I get the message click the SSID that "information sent over this network might be visible to others" what does this mean and how to solve this problem. Thank you

    Gotcha!

    The command is...

    encryption [vlan vlan-id] key 1-4 size { 40 | 128 } encryption-key [transmit-key]

    We need to map the Vlan for each SSID..

    So the comand will be..

    encryption (vlan vlan#) key 1 size 40bit 7 F3546E765203 transmit-key

    We need to make sure that... under the SSID, we have mapped the coresponding vlan..

    that is.. if you have a SSID by name XYZ and you want the clients to get the IP from vlan 10.. then the config will be..

    en
    config t
    dot11 ssid XYZ
    vlan 10
    auth open
    mbssid guest-mode
    end

    config t
    int dot11 0
    encryption vlan 10 mode wep mandatory
    encryption 10 key 1 size 40bit 7 F3546E765203 transmit-key
    no shut
    end

    and followed by the subinterface commands.. and the same should be done for all the other SSIDs with different VLAN mappings and keys.

    let me know how this works out for you!!

    Regards
    Surendra

  • Image resizing background for all screen sizes

    How can I make my background image to comply with different size screens?  I got it for my 27 "monitor, but it looked horrible on my laptop so I made it is smaller and its still do more fit my scree cell phone and it looks so small on my 27' now its horrible here.  Help, please?

    Hello

    I suggest you use this image as the fill for the browser.

    You can check the links on the filling of browser:

    Add an image to the background of the page or the browser. Muse CC tutorials Adobe check in from 02:00

    https://helpx.Adobe.com/Muse/using/using-fill-browser-fill-options.html

    Concerning

    Vivek

  • How open/edit a list for different organizations

    Hi all

    I have the following question (installation of Oracle EBS 12.1.1 vision demo):

    When I create an element in oracle EBS, it is the 'Master of the elements' form where I can do and I also "open it" for several other associations in the same form/window. How does for BOMs?

    I have created schedules using the API PROCESS_BOM and with this API call, I can specify a parameter called P_ORGANIZATION_ID. If I use the id for org V1, I can create the Nomenclature and open it using oracle (GUI) forms. Everything is OK here. If I use at THE org, BOMs gets also created OK but I can't open/find it in oracle forms. There is no way or field to provide THE title of organization. How is that possible?

    All in forms of oracle connection and open the BOM dialog box, there is a pop up dialog asking the organization. There is none in this list, but there isn't V1. What does that mean?

    Thank you
    Konrad

    It is not attributed by you average u.
    Put type for org V1 and the name of responsibility and do Ctrl F11 and F11 to confirm that there are no registration assigned previously by someone else.

  • Resizing of components | IMG | SWF for different screen resolutions

    It is a question of several party and could be the best answer by directing them to some good tutorials/documentation on the topics, but I will use a specific instance.  Go here: site for this example.  The three areas that I edit are (the building, pole and neon sign) logo, photo stamps, and trailer animation (history).  If you change the screen resolution to 800 x 600 to 1280 x 1024, you will see the provision corresponds to the right of the screen at least in my opinion, with the exception of these three areas mentioned above.  So what I mean, is there a way to 'scaleContent' synonym = "true" for mx:Image (s) inside panels for custom components, img (by themselves), SWFs, etc.?  For example how can I do custom component neon adapt better when it is displayed on a screen of 1280 x 1024.  Here's the code.

    Index.MXML

    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"    
        creationComplete="init()"
        xmlns:comp="components.*"
        layout="absolute"
        verticalScrollPolicy="off"
        horizontalScrollPolicy="off"
         backgroundColor="#464d57">
     
     <mx:Script>
      <![CDATA[
       import mx.rpc.events.*;
       import mx.collections.*;
       
       import mx.resources.*;
       
       [Bindable]
       public var pic:ArrayCollection;
       
       private function init():void{
        picDataIn.send();
       }
       
       private function picHandler(event:ResultEvent):void{
        pic = event.result.pics.image;
        trace(pic);
       }
      ]]>
     </mx:Script>
     
     <mx:constraintColumns>
      <mx:ConstraintColumn id="col1" width="25%"/>
      <mx:ConstraintColumn id="col2" width="25%"/>
      <mx:ConstraintColumn id="col3" width="25%"/>
      <mx:ConstraintColumn id="col4" width="25%"/>
     </mx:constraintColumns>
        
     <mx:constraintRows>
      <mx:ConstraintRow id="row1" height="25%"/>
      <mx:ConstraintRow id="row2" height="50%"/>
      <mx:ConstraintRow id="row3" height="25%"/>
      
      </mx:constraintRows>
     
     <mx:HTTPService id="picDataIn"
         url="assets/data/books.xml"
         result="picHandler(event)"/>
     
     <mx:Image source="assets/view/Interface.png"
        top="row2:0"
        scaleContent="true"/>
     
     <comp:Neon  autoLayout="true" />
     
     <mx:LinkBar dataProvider="bookPages"    
        fontSize="24"
        horizontalGap="50"
        bottom="row1:-5"
        right="col4:0"
        disabledColor= "0xaf2d2d"/>
     
     <mx:ViewStack id="bookPages"
         top="row2:0" bottom="row3:0"
         left="col1:0" right="col4:0"
         resizeToContent="true">
      
      <comp:Home id="home"
         label="Home"/>      
      
      <comp:Pics id="pics"
         label="Pics"     
         width="100%" height="100%"
         picData="{pic}"/>
      
      <comp:History id="history"
          label="History"/>
          
      <comp:Contact id="contact"
          label="Contact"
          width="100%" height="100%"/>
          
     </mx:ViewStack>
    </mx:Application>
    
    


    model: neon (Neon.mxml)

    <? XML version = "1.0" encoding = "utf-8"? >
    "< mx:Canvas xmlns:mx ="http://www.adobe.com/2006/mxml">".
    < mx:SWFLoader id = "Loader".
    source="@embed(source='assets/view/Neon2.SWF')" / > "
    < / mx:Canvas >

    The neon.fla dimensions are 800 x 150, which goes hand in hand with my uncertainties.  Is there a preferred method for setting up of your images?  Would be implementation of several SWF files to load in the meantime on the user's screen resolution is the best way, and all the issues between the two?  Thank you very much for your time, understand that it is not easy to answer questions.

    SWFLoader has a scaleContent property.

    If a component is too big for its location, you must decide whether he should be allowed to shrink.  You can allow the narrowing by defining minWidth/minHeight.

    Alex Harui

    Flex SDK Developer

    Adobe Systems Inc..

    Blog: http://blogs.adobe.com/aharui

  • I did the screen too small (using about: config) and lost the address bar and all the menus. How to restore the display on a screen size can be used?

    I changed the size of display screen using about: config, as stated in the other answers help. After you use a value of 1.0, such as recommended, I've experimented with other sizes, because it seems small. I have entered a large number by chance (a typing error) and made the display so small that only a bug could read. And I lost all the features: bar address, menus, home, Favorites, settings icons.

    I uninstalled and reinstalled Firefox, thinking that this would fix it. But the new facility displays the same way: unreadable and no functionality.

    I found instructions on resetting to the factory settings, but cannot perform this task because I have to be able to access the menus to do so.

    Hello PaulaBob, have you changed the value of layout.css.devPixelsPerPx? -You can perform the following steps to change the still 'blind ': value

    1. Open firefox, and then press ctrl + L (this will focus in the address bar)
    2. type of topic: config
    3. Press ENTER twice
    4. type devpix
    5. Press the tab key
    6. Press enter
    7. type 1.0
    8. Press ENTER again and I hope you should be normal visibility now

Maybe you are looking for

  • Highlight the glitch in Firefox or Sidebar Bookmark Selector 2.3

    I have Firefox 12 with the app Sidebar Bookmark Selector 2.3. They ran together for at least a few years now. From last week when I opened my favorites I'll get points out, going through everything I ran over with the mouse in a way upward. If I get

  • 2 13 yoga shutdown problem (windows 10)

    Dears... After that I have improved my Yoga 2 13-10 windows, it does not stop, the screen goes black but the keyboard backlight stays on and the only way to respond is to press the button for a few seconds (force shutdown) everyone faced the same pro

  • Chrashed Application LabView sometimes - OPC, DSC, database

    Hello I have a problem with LabView. IAM using 8.6 with DSC. I have an OPC Server with 400 Variables to read a 40 to write My first try was the connection to the server via Datasocket. The reading 400 variables was very fast, but writing 40 variables

  • Issue of restoration of HP DV8000

    I have a HP DV8000 laptop and the hard drive has crashed on me and yes I did the recovery disc.  It had Windows XP Media Center Edition installed there.  I bought the laptop a few years ago and have moved at this time there and the problem is, I can'

  • BlackBerry Q10 Q10 cannot turn off after 10.3

    I have improved my Q10 to 10.3, after that that it restarts after several minutes since I turn it off. This means that I can't turn it off and it is still running on automactially. But it can be turned off while charging.