Why the GLOBAL styles are overriding the styles of my TABLET?

I have worked with Dreamweaver since its inception, but it's my first delicate design. Using the latest version (Build Dreamweaver CC 13.2 6466) on Mac 10.7.5

By recommendation, I started in Mobile display and built most of the site successfully. But problems with a fluid layout 2 columns in tablet mode. I have inserted some DIVs in Mobile display and their style. Then I click on the Tablet icon, select the same div, and it is not resized with the handle. I note that the media query does NOT change to ' only of the screen and (min-width: 481px) ' it is stuck on WITH the overall class selected. I thought that the appropriate @Media class was supposed to automatically select.

If I select manually only screen and (min-width: 481px) and the correct class for this DIV, the definition of the width is well set to 49.1712%, but the word width has a bar. If I fly over the bar, I get this message ToolTip:

"width does not apply to your selection because it has been replaced by the rule. MerchCol1 (in other words, it is overridden by the GLOBAL/Mobile style.

I manually changed the Global classes and Tablet as shown below - but now the 49.1712% affects the Mobile DIV, although it is reported as 100%

Here's the corresponding code only from my main style sheet of layout, with the appropriate classes in bold. I'd appreciate any help that I have a bad headache 8 hours trying to solve this supposedly easy way to create a sensitive site.

/ * Mobile layout: 480px and below. */

{.gridContainer}

left margin: auto;

margin-right: auto;

Width: 96.7391%;

padding-left: 1.6304%;

padding-right: 1.6304%;

Clear: none;

float: none;

}

. {MerchCol1}

text-align: center;

background-color: #D1E5EC;

Width: 100%;

}

. {MerchCol2}

text-align: center;

background-color: #D1E5EC;

Width: 100%;

}

{.zeroMargin_mobile}

left margin: 0;

}

{.hide_mobile}

display: none;

}

/ * Tablet Layout: 481px to 768px. Inherits the styles of: Mobile layout. */

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

{.gridContainer}

Width: 91.4836%;

padding-left: 0.7581%;

padding-right: 0.7581%;

Clear: none;

float: none;

left margin: auto;

}

. {MerchCol1}

text-align: center;

background-color: #D1E5EC;

Width: 49.1712%;

}

. {MerchCol2}

text-align: center;

background-color: #D1E5EC;

Width: 49.1712%;

}


Add the size of the box to make it easier and add fleet to ensure that the columns sit next to each other, as in

/ * Mobile layout: 480px and below. */

* {

Box-sizing: Border-box

}

{.gridContainer}

left margin: auto;

margin-right: auto;

Width: 96.7391%;

padding-left: 1.6304%;

padding-right: 1.6304%;

Clear: none;

float: none;

}

. {MerchCol1}

text-align: center;

background-color: #D1E5EC;

Width: 100%;

}

. {MerchCol2}

text-align: center;

background-color: #D1E5EC;

Width: 100%;

}

{.zeroMargin_mobile}

left margin: 0;

}

{.hide_mobile}

display: none;

}

/ * Tablet Layout: 481px to 768px. Inherits the styles of: Mobile layout. */

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

{.gridContainer}

Width: 91.4836%;

padding-left: 0.7581%;

padding-right: 0.7581%;

Clear: none;

float: none;

left margin: auto;

}

. {MerchCol1}

text-align: center;

background-color: #D1E5EC;

Width: 50%;

float: left;

}

. {MerchCol2}

text-align: center;

background-color: #D1E5EC;

Width: 50%;

float: left;

}

Tags: Dreamweaver

Similar Questions

  • Get annoying action ads at the top of the Yahoo home page. I always use Firefox and haven't changed the settings, then why the big announcements? I know that they are put there by Yahoo\, but they were not there before, and they aren't there when I open

    Get annoying action ads at the top of the Yahoo home page. I always use Firefox and haven't changed the settings, then why the big announcements? I know that they are put there by Yahoo, but they were not there before and they aren't there when I open Yahoo with Explorer.

    Install adblock more with subscription easylist and check

  • Why the download options are more classified as flv, WMP, MP3 etc?

    Why the download options are more classified as flv, WMP, MP3 etc?
    All gets them one in the download dropdown is:
    (480 p), (240 p) or (360) for example and the name of the video course.
    The way it is now, I can't identify the type of video I download as I could before.
    Thank you!


  • Why the last OS update cost me gigabytes of data when you are connected directly to my computer and ISP via Itunes February 29, 2016

    Why the last OS update cost me gigabytes of data when you are connected directly to my computer and ISP via Itunes.  29 February 2016

    While it is connected to ITunes via my Dell system, I was informed of the latest OS update for my IPhone 6.  I decided that the direct connection to the internet would be the fastest way to download and install the software.  During the process I started to have some warning of our AT & T account that I approach the limit of our data plan, then in quick succession, only warnings, said I've reached the limit and then passed in the data, limit charges.  At the time it was done, I had accumulated more than 2 gigabytes of additional data charges.

    Until that point, I was very pleased with the device and confident in the ability to use Wifi and data.  Due to this incident, I became very suspicious of the camera and the huge potential for data overcharges. It is extremely disconcerting as it happened while it is directly connected to the internet using my computer at home.

    Please note that, in the episode my ISP and the computer is remained connected to the WEB with no sign of connectivity issues.

    Someone at - he had a similar experience and understand what went wrong?

    Thanks for your support,

    Jerry

    JerrolK wrote:

    Why the last OS update cost me gigabytes of data when you are connected directly to my computer and ISP via Itunes.  29 February 2016

    While it is connected to ITunes via my Dell system, I was informed of the latest OS update for my IPhone 6.  I decided that the direct connection to the internet would be the fastest way to download and install the software.

    You have chosen the option of direct download, you have received a message of warning from AT & T about it yet.

    He did what you asked it to do.

  • Why the acquired data are not from min to max (DAQmxCreateAIVoltageChan, PXI-4472) values

    Hello

    I'm developing a program for the PXI-4472 acquisition on opensuse 11.4 device (linux 2.6.34).

    I try to acquire analog data and to read in a wav file.

    Configure the task of acquisition with the following functions:

    DAQmxCreateAIVoltageChan(taskHandle,"Dev1/ai0","OnboardClock",DAQmx_Val_Cfg_Default,-10.0f,10.0f,DAQmx_Val_Volts,NULL);
    DAQmxCfgSampClkTiming(taskHandle,"",48000,DAQmx_Val_Rising,DAQmx_Val_FiniteSamps,48000);

    DAQmxDisableStartTrig (taskHandle);

    I don't understand why the data stored in the wav file are not-10V,-10V but-5V, 5V... (the value of the gain is 0dB). (Perhaps a scale of 0.5?...)

    Thanks for your help,

    Amandine

    You're right, in my example, I considered as unsigned data.

    Concerning

  • Why the outputs that are grouped in a waveform chart in a loop of Simulation show distortion?

    Is anyone know why the outputs that are grouped in a graphic waveform distortion to see the Simulation loop unlike these forms of output wave that are placed individually in each waveform graph Microsoft Graph?


  • Global variables are accessible from the local computer

    While he was trying to use RT project, I can deploy the file to the RT target and communicate with the host using a shared variable.

    But the host VI file returns an error stating that the shared in the pattern-block VI host variable is illegal.

    (RT.lvib\Link reqd\ 'shared variable' node is illegal)

    It also gives a description mentioning that global variables are accessible only to local machines.

    What is the cure?

    Hi Shan21,

    I think your problem with communication between the aim of RT and the host PC might be caused by how your deployment of your variables. Please take a look at the following and let me know what you think,

    Kind regards

    ******************************************************************************************************************************************

    When you make the executable of a project using shared variables, you must have a local copy of the variables on the deployment computer that are then linked to the 'real' shared variables stored on the target - cRIO, in this case.

    This means that the display of your project should look like this:

    Note: Two libraries, which can have variables with the same name because they aren't both on the local computer.

    The steps required are:

    1. create variables shared in the normal Manor on the cRIO:

    a. right click on the target
    b. new > Variable
    c. properties of the variables enter the name (stop); Data type (Boolean) and the Variable type (always in network-published).

    2. create variables shared on the host PC:
    a. follow the steps 1 a - c
    b. right click on the box to enable anti-aliasing

    c. linking to the URL of the PSP, click on Browse - and select variable on the target:

    d. click Ok.

    Note: Remember also to deploy the shared manually variable llb. See the related links for more information.

    It's from a base of knowledge to write soon.

    Note:3UCBHM8T knowledge base: how to deploy network Variables shared a compiled executable

  • Why my desktop icons are so small after you restart the computer?

    Original title: why my desktop icons are so small. When I first started, I noticed that, out of the blue, my desktop icons are at least 1/2 smaller. What can I do about it?

    Why the my desktop icons are so small. When I first started, I noticed that, out of the blue, my desktop icons are at least 1/2 smaller. What can I do about it?

    Simple, press in and hold the CTRL key and scroll the mouse wheel.

  • Why the NFC are not available in android 4.0 update?

    Why the NFC are not available in android 4.0 update?

    Bobbles, can link you to me?

    Some galaxies (s2) have NFC chips and some not... but now they have released the galaxy S3 and who is capable of NFC

    Its really not possible to do a NFC capable of upgrading software device

    Device needs to have the NFC chip

  • Why the "send this Page / link by e-mail" are gray out?

    Why the ' file - > Page / link by e-mail "are gray out?

    I use Win 8.1 (x 64) with IE 11.  Window live mail has already been set as a default for the reading of e-mail files.  Grateful if someone could give advice to the problem.

    wosozeng

    This is for W7, but it does not help? - http://www.winhelponline.com/blog/fix-send-page-by-e-mail-grayed-internet-explorer/

  • Why the temporary files are created?

    Original title: temporary files

    Hi, I searched the Web for a long time to know "why the temporary files are created?"
    what I understand so far is there are temporary files created by MS WINDOWS, and others created by other applications like MS OFFICE APPS? RIGHT?

    - and understand that they are created for purposes of backup in the case of MS OFFICE applications,- and I do not know how? they are created when the App crash or every few minutes or what?

    - and I do not understand why "windows Temp files are created?"

    Show me examples please.

    Thank you

    Hello

    There are many reasons why temporary files may need to be created.

    Windows temporary files
    https://support.Microsoft.com/en-us/KB/92635/

    Wiki - temporary file
    http://en.Wikipedia.org/wiki/Temporary_file

    Wiki - temporary Internet files
    http://en.Wikipedia.org/wiki/Temporary_Internet_Files

    I hope this helps.

    Rob Brown - Microsoft MVP<- profile="" -="" windows="" experience :="" bicycle="" -="" mark="" twain="" said="" it="">

  • Why the office buttons, Tablet and phone are switched in the last update?

    Why the office buttons, Tablet and phone are switched in the last update? Are they placed in a different location or have they been deleted all together? I need these options.

    Greg

    I thought about it. They have moved to the Page, and then add another layout.

    Greg

  • Why the new version of Adobe flash (20) collapse in my computer and all the paintings are froozen for me?

    I use window 10 64 bit on a pc with 16 GB of RAM and 20 to 32-bit version of flash from adobe and mozilla firefox on the edge of microsoft and google chrome all pages that use adobe flash not working and collapsing.

    Message editado por: borja mc

    Captura de pantalla (48).png

    Captura de pantalla (49).png

    Message editado por: borja mc

    It was suggested that the 64-bit version of Firefox may relieve this problem for you. Which can be found here https://www.mozilla.org/en-US/firefox/beta/all/ . Install with all the default values.

    Since you're on the 64-bit version of Windows 10 that you can take advantage of that.

    The explanation as to why this is happening are in a post from jeromiec83223024 this thread here

    and additional results here: Adobe 20 crashing on Firefox 43

    You should now see two instances of flash player not to run out of process in the Task Manager.

    Hope that helps

    Best regards

  • Why the bounding boxes are different between the XI Acrobat Pro and Acrobat DC?

    Hello

    Firstly apologies if this been asked elsewhere, but so far I have failed to find a solution.

    I have Acrobat Pro XI and Acrobat DC, each on two different PCs using Windows 8. Why the function edit text & Images interprets the same PDF document differently when displaying the bounding boxes. In Pro XI he produced 7 inclusive about 7 decent size paragraphs of text only. In MS bounding boxes are reduced to only 3 each effectively covering most thick of text in the document. To quickly select 3 of 7 bounding boxes to remove them entirely from my PDF seems not to be possible in DC, where I appear instead of having to select large portions of the text instead and delete accordingly.

    I don't see where in preferences maybe you can change the 'sensibility' or 'threshold' to distribute a PDF file in smaller sizes (but more) bounding boxes. Is it possible to make DC behave like a Pro XI?

    Any help would be appreciated.

    Mark

    These boxes are the result of speculation, well enough. The algorithm behind

    He probably changed between versions, so the different results.

    There is nothing you can do about it.

  • Why the index are lost after recovering from a REPLICATE_PERSISTENT region?

    GemFire Version V7.0.1.3 for region below specifications. java.lang.String com.foo.bar.Positon after recovery of the store persistent it is no markings on the region. All indexes are lost. CacheFactory cacheFactory = new CacheFactory(); cache = cacheFactory.create (); Ins ByteArrayInputStream = new ByteArrayInputStream (cachexmlstring); cache.loadCacheXml (ins);

    OK I understood why the index get lost. Is that the way cache is initialized.

    CacheFactory cacheFactory = new CacheFactory();

    cache = cacheFactory.create (); Cache is created here without consideration of persistence pdx

    Ins ByteArrayInputStream = new ByteArrayInputStream (cachexmlstring);

    cache.loadCacheXml (ins); Now loading data it has no definition pdx index data.

    So now even if I get the data loaded in the regions, when I probe through gfsh, there's no index.

    I just changed the code of

    FileOutputStream ops = new FileOutputStream ("cache.xml");

    OPS. Write (cachexmlstring. GetBytes());

    CacheFactory cacheFactory = new CacheFactory();

    cache = cacheFactory.create ();

    The indexes are coming fine...

  • Why the new logoes of the AIR and Flash Player runtime are very dark on the theme?

    Hey Adobe,

    Could you explain why the new logoes sets are very dark? Y at - it one reason for this?


    Not the background stands dark for 'Dark horse' or ' old and die "?


    Thank you!


    DarkStone

    2015-06-05

    No reason that I know others that the user interface team was trying to align products with similar color schemes.  I think that all the free products will have a color scheme more dark/Cup.

Maybe you are looking for

  • Apple Watch 2 GPS series

    GPS can be used for other features such as instructions for the cards, or is this just the year (followed by running routes, etc.)?  For example, I can leave the House without my iPhone and navigate somewhere using the built-in GPS?  Thank you!

  • Since the download of windows live I can't log out hotmail. How to solve the problem

    I bought a windows mobile and Zune downloaded on my desktop, windows live was also downloaded. Since then, I was unable to log out of my account hotmail of origin on my desk. I have since deleted zune, but the problem is still there.  It seems to be

  • code 58745877

    I forgot my administrative password or the password of power. The code I received is 58745877 someone please help

  • You cannot change the settings of the source of #R3d

    Hey guys,.I did a project on the 5K EPIC and modified by means of frame rates, now I'm trying the RAW settings and 'the source settings' can be clicked.I'm doing something wrong?

  • Latency of the network after the Redial

    Hi all.We are running view 5.2.0 and will be upgrading to 5.3.2 this weekend.   We have 250 32 - bit Windows 7 VM on our network divided into 8 pools all related to persistent clones using management Persona.  That being said, we have a problem of la