Responsive CSS does not work / media question mobile devices

Similar Questions

• Add the page button in PDF format does not work on the mobile device

  I created a button in my form that generates a new page. This new page has been defined as a model (Named 'New Page') and hidden (page 2). My button is on page 1 and uses a command script to execute a JavaScript script (on the mouse down) what follows is this script:

  
  

  var a = this.getTemplate ('new Page');

  a.Spawn ();

  Now, it works fine on my desktop. However, my problem is, I sent this form to myself, so I could fill it out on my phone. All of the s form other functions working perfectly, except the button to generate a page does not work. I am currently using an Android and view the PDF file on the application Acrobat from Adobe.

  Thank you

  Kyle

  I'm not aware of any mobile-based PDF Viewer that supports this method. Mobile versions of Adobe Reader supports a very limited subset of what support versions of office.

• Questions from the media do not work on the mobile device.

  Hello. I don't know why my media queries do not work on my laptop. When I slide the narrow desktop as a mobile phone version, the smaller Tablet and mobile views appear to work. But they do not work on a real device. Is something wrong my my code? jenniferblatzdesign.com. thank you for your help.

  Here's the CSS:

  @import url ("http://fonts.googleapis.com/css?family=Gabriela'");

  HTML, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, I, Center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, brand, {audio, video

  margin: 0;

  padding: 0;

  border: 0;

  do-size: 100%;

  font: inherit;

  vertical-align: baseline;

  outline: none;

  -webkit - font smoothing: crenellated.

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  bottom: 30px;

  }

  HTML {overflow-y: scroll ;}}

  {body

  background: #fcfcfc url ('bg.png'); / * http://subtlepatterns.com/crossword/ */

  font size: 62.5%;

  line-height: 1;

  do-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  Padding: 45px 25px;

  padding-bottom: 100px;

  }

  / * Clearfix * /.

  . Clearfix: before,

  . Clearfix: after {}

  content: "";

  Display: table;

  }

  . Clearfix: after {}

  Clear: both;

  }

  {.clearfix}

  * zoom: 1;

  }

  / * Basic styles * /.

  {body

  background-color: #ece8e5;

  }

  {of NAV

  height: 40px;

  Width: 94%;

  background: #0068ac;

  font-size: 1.5 em;

  do-family: ' PT without ', Arial, without serif.

  make-weight: bold;

  position: relative;

  border-bottom: 2px solid #283744;

  }

  NAV ul {}

  padding: 0;

  margin: 0 auto;

  Width: 800px;

  height: 40px;

  }

  nav li {}

  display: block;

  float: left;

  Width: 20%;

  text-align: center;

  }

  NAV a {}

  color: #fff;

  display: inline-block;

  Width: 100px;

  text-align: center;

  text-decoration: none;

  line-height: 40px;

  text-shadow: 1px 1px 0px #283744;

  }

  nav li a {}

  border-right: none;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  }

  Li: last-child-NAV a {}

  border-right: 0;

  }

  NAV a: hover, nav a: active {}

  background-color: #89a8bc;

  }

  NAV a {#pull

  display: none;

  }

  #header {}

  text-align: center;

  }

  #header h1 {}

  display: none;

  }

  #header h2 {}

  Width: 70%;

  top of the margin: 30px;

  margin-bottom: 40px;

  left margin: auto;

  margin-right: auto;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  font size: 2.3em;

  line-height: 1.9em;

  text-align: center;

  Police-weight: 200;

  }

  #header img {}

  Width: 50%;

  margin-bottom: 40px;

  top of the margin: 30px;

  }

  #footer p {}

  margin-top: 10px;

  font size: 1.1em;

  Police-weight: 200;

  line-height: 1.5em;

  text-align: center;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  }

  #content #footer {p

  color: #005496;

  }

  #footer ul li a {}

  color: #005496;

  }

  #footer ul li {}

  display: inline;

  padding-top: 20px;

  top of the margin: 50px;

  left margin: 20px;

  right margin: 20px;

  }

  #about h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 1px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.2em;

  }

  #praise h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 10px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.7em;

  }

  #about p {}

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  Police-weight: 200;

  font size: 1.6em;

  line-height: 1.7em;

  }

  #about p {}

  color: #005496;

  }

  #praise p {}

  Width: 70%;

  padding-left: 25px;

  color: #474646;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  make-style: italic;

  Police-weight: 300;

  font size: 1.7em;

  line-height: 1.4em;

  margin-top: 10px;

  margin-bottom: 20px;

  }

  #praise h5 {}

  padding-left: 40px;

  color: #4C3B5F;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  make-weight: bold;

  font size: 1.8em;

  }

  #praise h6 {}

  padding-left: 56px;

  color: #474646;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  make-style: italic;

  Police-weight: 300;

  font size: 1.2em;

  line-height: 2em;

  }

  #praise HR {}

  height: 1px;

  top of the margin: 30px;

  margin-bottom: 30 x;

  color: #7B 7979;

  }

  {#about}

  Width: 70%;

  }

  #contact h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 1px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.2em;

  top of the margin: 40px;

  }

  #header p {}

  color: #4C3B5F;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  font size: 2.3em;

  line-height: 1.5em;

  margin-top:-30px;

  Police-weight: 500;

  }

  #contact p {}

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  Police-weight: 200;

  font size: 1.6em;

  line-height: 1.7em;

  }

  #contact p {}

  color: #005496;

  }

  #social h3 {}

  color: #005496;

  Police-weight: 300;

  font size: 2.5em;

  margin-bottom: 1px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2.2em;

  top of the margin: 40px;

  }

  #social h2 img {}

  margin-top: 10px;

  margin-right: 10px;

  }

  {#social}

  Width: 90%;

  }

  #linkedin h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #twitter h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #behance h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #facebook h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  #pinterest h2 a {}

  color: #005496;

  Police-weight: 400;

  font size: 1.9em;

  margin-bottom: 0px;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  line-height: 2em;

  margin-top: 0px;

  display: block;

  padding-bottom: 0px;

  text-decoration: none;

  }

  / * Styles for screen 600px and low * /.

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

  {of NAV

  height: auto;

  Width: 94%;

  }

  NAV ul {}

  Width: 100%;

  display: block;

  height: auto;

  }

  nav li {}

  Width: 20%;

  float: left;

  position: relative;

  }

  nav li a {}

  border-bottom: 1px solid #576979;

  border-right: 1px solid #576979;

  }

  NAV a {}

  text-align: center;

  Width: 100%;

  text-indent: 5px;

  }

  #header img {}

  Width: 90%;

  margin-bottom: 40px;

  top of the margin: 30px;

  }

  #header h2 {}

  Width: 80%;

  top of the margin: 30px;

  margin-bottom: 40px;

  left margin: auto;

  margin-right: auto;

  font size: 1.7em;

  line-height: 1.7em;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  text-align: center;

  }

  }

  / * Styles for screen 515px and low * /.

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

  {of NAV

  border-bottom: 0;

  text-align: center;

  Width: 94%;

  }

  nav li {}

  Width: 100%;

  float: left;

  position: relative;

  text-align: center;

  }

  NAV a {#pull

  display: block;

  background-color: #ece8e5;

  Width: 100%;

  position: relative;

  }

  NAV a #pull: after {}

  "content:" ";" "

  background: url('nav-icon.png') no-repeat;

  Width: 30px;

  height: 30px;

  display: inline-block;

  position: absolute;

  right: 15px;

  Top: 10px;

  }

  #header img {}

  Width: 100%;

  margin-bottom: 30px;

  top of the margin: 30px;

  }

  #praise p {}

  Width: 95%;

  }

  {#about}

  Width: 100%;

  }

  }

  / * Smartphone * /.

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

  nav li {}

  display: block;

  float: none;

  Width: 100%;

  text-align: center;

  }

  nav li a {}

  border-bottom: 1px solid #576979;

  }

  }

  BR {display: block; line-height: 1.6em ;}}

  Article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, {section}

  display: block;

  Police-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif;

  font size: 1.2em;

  line-height: 1.6em;

  text-align: center;

  text-decoration: none;

  }

  OL, ul {list-style: none ;}}

  Input, textarea {}

  -webkit - font smoothing: crenellated.

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  }

  BLOCKQUOTE, q {quotes: none ;}}

  BLOCKQUOTE: before, blockquote: after, q: before, q: after {content: "; content: none ;}}

  strong b, {make-weight: bold ;}}

  strong b, {do-family: Gotham, "Neue Helvetica", Helvetica, Arial, sans-serif}

  em, I {make-style: italic ;}}

  table {border-collapse: collapse; border-spacing: 0 ;}}

  IMG {border: 0; max-width: 100% ;}}

  H1 {}

  do-family: 'Gabriela', Tahoma, sans-serif;

  font size: 3.7em;

  make-weight: 700;

  line-height: 1.55em;

  margin-bottom: 18px;

  text-align: center;

  color: #514b 53;

  letter-spacing :-0 .06em;

  text-shadow: 1px 1px 0 rgba (255,255,255,0.8);

  }

  / * structure page * /.

  {#wrapper}

  display: block;

  Max-width: 1100px;

  margin: 0 auto;

  }

  {#portfolio}

  display: block;

  }

  #portfolio li {}

  display: block;

  float: left;

  Width: 30%;

  Max-width: 400px;

  right margin: 20px;

  margin-bottom: 20px;

  }

  #portfolio li a {}

  display: block;

  padding: 8px;

  Background: #fff;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -webkit-box-shadow: 2px 2px 1px rgba (0,0,0,0.25);

  -moz-box-shadow: 2px 2px 1px rgba (0,0,0,0.25);

  box-shadow: 2px 2px 1px rgba (0,0,0,0.25);

  }

  {.mfp-title

  font size: 1.2em;

  color: #ddd! important;

  make-weight: 700;

  }

  / * clearfix * /.

  . Clearfix: after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 ;}}

  . Clearfix {display: inline-block ;}}

  HTML [xmlns] .clearfix {display: block ;}}

  * html .clearfix {height: 1% ;}}

  / * media queries * /.

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

  #portfolio li {}

  Width: 45%;

  }

  }

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

  {#portfolio}

  text-align: center;

  }

  #portfolio li {}

  float: none;

  display: inline-block;

  Width: 80%;

  margin-bottom: 30px;

  }

  }

  You have this meta tag declared at the top of the page?

  PUBLISHED:

  A closer look reveals that you do not have. Insert it and see what happens.

• footer css does not work

  I add a footer on my page and I want to change the color but his does not work, I created a class of footer, but the background won't change I don't its something simple, but I can't see it here is my code please.

  <! DOCTYPE html >

  < html lang = "en" >

  < head >

  < meta charset = "utf-8" >

  < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

  < meta name = "viewport" content = "width = device-width, original scale = 1" >

  < name meta = "description" content = "" >

  < name meta = "author" content = "" >

  <!-TemplateBeginEditable name = "doctitle"-->

  < title > my events calendar < / title >

  <! - TemplateEndEditable - >

  " < link rel ="stylesheet"href =" https://MaxCDN.bootstrapcdn.com/font-awesome/4.5.0/CSS/font-awesome.min.CSS ">

  <!-'bootstrap' Core CSS-->

  " < link rel ="stylesheet"href =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS ">

  <!-Custom-> CSS

  "< link href ="... / CSS/business-casual. CSS"rel ="stylesheet">

  <! - fonts - >

  " < link href =" http://fonts.googleapis.com/CSS?family=open+sans:300italic, 400italic, 600italic, 700italic, 00italic 8, 400, 300, 600, 700, 800 "rel ="stylesheet"type =" text/css"> "

  " < link href =" http://fonts.googleapis.com/css?family=Josefin+Slab:100, 300, 400, 600, 700, 100italic, 300itali c, 400italic, 600italic, 700italic "rel ="stylesheet"type =" text/css"> "

  < div id = 'fb-root' > < / div >

  < script > (function (d, s, id) {})

  var js, SJF = d.getElementsByTagName (s) [0];

  If (d.getElementById (id)) return;

  js = d.createElement (s); js.ID = id;

  js. SRC = "//connect.facebook.net/en_US/sdk.js#xfbml=1 & version = v2.5 & appId = 512896575525133;

  fjs.parentNode.insertBefore (js, SJF);

  (} (document, 'script', 'facebook-jssdk')); < /script >

  <! - HTML5 Shim and Respond.js IE8 takes in charge of HTML5 elements and questions from the media - >

  <!-WARNING: Respond.js does not work if you view the page via file://-->

  <!-[if lt IE 9] >

  " < script src =" https://OSS.MaxCDN.com/libs/html5shiv/3.7.0/html5shiv.js "> < / script > .

  " < script src =" https://OSS.MaxCDN.com/libs/respond.js/1.4.2/respond.min.js "> < / script > .

  <! [endif]-->

  <!-TemplateParam name = "class" type = "text" value = ""-> "

  < / head >

  < class = "@@(_document['class']) body @" >

  < div class = "mark" > my events calendar < / div >

  < div class = "address bar" > < strong > where all your events are a click away < facilities > < / div >

  <! - navigation - >

  < nav class = "navbar, navbar - default" role = "navigation" >

  < div class = "container" >

  <!-brand and toggle get grouped together for better mobile display->

  < div class = "bar navigation-header" >

  < button type = "button" class = 'bar of navigation-toggle' data-toggle = "collapse" data-target="#bs-example-navbar-collapse-1" >

  < span class = "sr only" > toggle navigation </span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < / button >

  <!--navbar-brand is hidden on larger screens, but visible when the menu is reduced-->

  "< a class = 'bar of navigation-brand' href ="... / index.html "> my events calendar < /a >"

  < / div >

  <!-collect the nav links, forms, and other content to alternate->

  < div class = "navbar-collapse collapse" id = "bs-example-navbar-collapse-1" >

  < ul class = "navbar-nav nav" >

  < li >

  "< a href ="... / index.html "> home < /a >"

  < /li >

  < li >

  "< a href ="... / calendar.html "> calendar < /a >"

  < /li >

  < li >

  "< a href ="... / events.html "> events < /a >"

  < /li >

  < li >

  "< a href ="... / venues/venues.html "> sites < /a >"

  < /li >

  < li >

  "< a href ="... / registration.php "> feedback < /a >"

  < /li >

  < /ul >

  < / div >

  <!-/ .navbar-collapse->

  < / div >

  <!-/-> .container

  < / nav >

  <!-TemplateBeginEditable name = "EditRegion2"->

  < div class = "container" >

  < / div > <! - TemplateEndEditable - >

  <!-/-> .container

  <>footer

  < div class = "footer" >

  < div class = "row" >

  < div class = "col-lg-12 text-Center" >

  < p > copyright & copy; Your site Web 2014 < /p >

  < / div >

  < / div >

  < / div >

  < / footer >

  <! - jQuery - >

  " < script src =" https://code.jQuery.com/jQuery-1.11.1.min.js "> < / script > .

  <!-'bootstrap' Core JavaScript-->

  " < script src =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> < / script > .

  <! - script to activate the carousel - >

  < script >

  $('.carousel').carousel ({}

  range: 5000 //changes speed

  })

  < /script >

  < / body >

  < / html >

  Thanks for the help I got it sorted, I removed my site from the wamp server and installed new ones now thanks again HAPPY NEW YEAR.

  My resulotion of new year is to get this bloody site finished lol

• Active AF:commandLink: hover &amp; CSS does not work

  Hello
  
  I use JDeveloper 11.1.1.6
  
  My script is required to change the color in < af:commandLink > at this time active. I tried CSS styles below,
  
  + af | commandLink: active {+
  background-color: #7FFFD4.
  +}+
  
  + af | commandLink: hover {+
  background-color: #FFCCFF;
  +}+
  
  But it does not work. I followed this URL http://jdevadf.oracle.com/adf-richclient-demo/faces/components/skinningKeys/commandLink.jspx .

  Hi David,

  Looking for probably

  af|commandLink:link:active
  {
    color: Aqua;
  }
  

  Here are the other selectors

  af|commandLink:active
  af|commandLink:busy
  af|commandLink:disabled
  af|commandLink:hover
  af|commandLink:inline-selectable
  af|commandLink:inline-selected
  af|commandLink:link:active
  af|commandLink:visited
  

  See here: http://jdevadf.oracle.com/adf-richclient-demo/docs/skin-selectors.html

  Kind regards

  Lalit

• Swipe does not work on my mobile.

  Hello world

  My moblie tap does not work. I checked off "Activate the blow" and still does not work.

  I don't know what is the correct link for the phone but here is my link and just type on your phone: clinical EFS2 of Soccer: Media

  Maybe I missed something or something else, let me know!

  Thank you

  Debs

  Hi debstorres_08,

  
  

  When checked on my Iphone 5, the blow is works perfectly fine for the image slideshow here Media. You check in on any other phone? OR try another browser of your phone to make sure that it is not a problem with the browser settings.

  Best regards

• Keyboard and numeric keypad does not work (Microsoft Bluetooth Mobile Keyboard 6000)

  I have no problem 'successfully' matching the two devices.

  According to the Association, only one paired device provides actually entered in the computer.
  Learn type / using the volume keys on the keyboard works; the numeric keypad does not work
  OR by tapping the keypad works but the keyboard does not work.
  Sometimes the first device remains "locked", sometimes the second devices seem to start the first.
  What gives?
  I have had this problem since I bought the unit in mid-2010.  I quit trying to solve the problem so far because I now have a need for the numeric keypad.
  I am running Windows Vista Basic Home Edition on a Dell Inspiron 530.
  I use no other Bluetooth devices.
  My mouse is wireless (non-Bluetooth).
  My LAN is wireless (non-Bluetooth).
  Any help would be greatly appreciated!

  Hello

  Thanks for the reply.

  I suggest you to follow a few troubleshooting steps more and check if this helps you fix the problem on your computer.

  Method:

  You can try to check on another user account and see if the problem still persists.

  Create a user account

  http://Windows.Microsoft.com/en-us/Windows-Vista/create-a-user-account

  Hope this information helps you.

• Bluetooth headset does not work with Windows 7 - device is detected.

  I have a Dell XPS 1530, which had Vista 32 bit running. I have recently upgraded to Windows 7 Ultimate. Ever after that the Bluetooth of DELL BH 200 headset does not work with my laptop.

  The bluetooth adapter and the device is fine since I'm able to search and find all bluetooth devices, including my helmet. However, I get a yellow exclamation on the headset under devices. The headset can be paired with other devices such as my mobile and works very well.

  I tried to update the drivers and reinstall the device and the adapter from the Device Manager. We have a similar setup on my brother's computer and it works fine.

  Another thing to watch, would be what battery is used.  I know from personal exp some devices work with Toshiba stack, vs the MSFT pile up.  Do a search and see if anyone else uses a different battery with these devices. Network systems engineer * Zvetco biometrics * Windows Server 2008 R2 * Core 2 6600 @ 3.30 GHz * 16 GIGS RAM * NVIDIA 9400GT * * > please VOTE MESSAGES ALSO USEFUL TO HELP OTHER USERS

• App does not work on the physical device

  Hi, I just got word that my first submitted application does not work on any device - but gave the following error message:

  "An error occurred when starting (AppName). The application has ended."

  I tested my application and it worked perfectly for me on several simulators. I read a few similar posts on this forum, and I wonder if the problem is with code signing. So my question is this: do I have to sign my application again before each release, or that I only don't sign only once when, at the beginning?  Or the problem is maybe something else altogether?

  Thomas.

  Agree with RexDoug.

  Your messge gives however to think that you do some long processingon the thread of events, for example, connect to a server as part of the start of the process and block the user interface until you get an answer.  This kind of thing is not in the Simulator, perhaps because it works in LAN connection speeds, so that blockages are still small.

• HTML &amp; CSS does not work in the iphone browser

  My website looks fine in safari and firefox, but when I watch the divs on an iphone/ipad, etc get cut and does not develop the full screen.

  Also when I do a browser compatibility test I get the error code "any content that does not fit into an area of fixed-width or - height causes the box will expand to fit the content rather than letting the overflow of content."

  Someone at - it suggestions?

  Help!

  It is not admissible.  It is not optimized to work well in anything other than a desktop display.  iPhones and iPads to use their built-in zoom function to make a regular site 'fit' in the display area that works well most of the time.  But this is not optimal.  The only way to make your site works well in all devices to be rebuilt with a Responsive Web Design approach.

  Responsive Web Design

  http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-Web-design/

  Introduction to CSS Media Queries

  http://www.Adobe.com/devnet/Dreamweaver/articles/introducing-media-queries.html

  CS6 (17 min video) fluid grid layouts

  http://TV.Adobe.com/watch/learn-Dreamweaver-CS6/using-fluid-grid-layouts/

  EXECUTIVES OF REAGENTS

  =======================

  Zurb Foundation

  http://Foundation.ZURB.com/templates.php

  Reusable skeleton

  http://www.getskeleton.com/

  Initializr (HTML5 Boilerplate, sensitive or "bootstrap")

  http://www.Initializr.com/

  Extension FREE Bootstrap of the DMX Zone for DW

  http://www.DMXzone.com/go/21759/DMXzone-bootstrap/

  Nancy O.

• Hello. Coding CSS does not work with v16. The site is something I coded myself. He managed the validation of HTML and CSS. Cleared cookies &amp; restored to ltvds back.

  The code works in all other browsers.

  I appreciate all the work you are already doing and any help looking for a solution to this problem.

  Thank you.

  Firefox does not load the CSS (CSS/style. CSS)

  The character encoding of the plain text document has not been declared. The document will be made with text truncated in some browser configurations if the document contains characters from the US-ASCII range. The character encoding of the file must be declared in the transfer protocol or file needs to use a byte as a signature of coding order mark. @ http://www.shelflifemagazine.com/css/style.css

  Try to remove the attribute type for the CSS file.

  You have:

  <link rel="stylesheet" href="css/style.css" type="type/css"/>
  

  Use it instead:

  <link rel="stylesheet" href="css/style.css" />
  

• Does not display the images and CSS does not work generated WebHelp

  Hi all

  I have two issues which I believe are related. It miss me probably a simple step somewhere, since I can't find this issue covered in the forum or help.

  We have just upgraded to RH7 to RH9. When I build a project to test, the CSS was fate not (it was connected properly in the topics of the project, but he was not released when the WebHelp has been generated). Trying to open the CSS file directly led to a 404 error.

  I was able to solve that by checking the "Apply to all" button and selecting the CSS file we use (see image). However, none of our lists - ordered and unordered - are properly formatted. The font and size of numbered lists is incorrect, lists all nested lists display with numbers, even if they are not ordained and autonomous bulleted lists use evenly filled as circles dig balls, where previously they used the small squares, circles, or a picture of triangle. The CSS is called correctly in the subject, lists are formatted to use the styles and the styles are in the style sheet, so I do not know what causes this problem. So far, I have not noticed any other styles does not, but those are the ones that stand out.

  

  The other problem is with the images. This problem appears in both our WebHelp generated and in the printed documentation. The images are not output. In WebHelp, the text appears (typically the name of the file). in the printed documentation, nothing appears. (I checked all the printed documents that "embedded" is selected, but as far as I know, there isn't a similar function for the WebHelp).

  What Miss me? Thanks in advance for any help!

  Source code control is involved?

  So you can see the CSS in the project manager and it works very well in the design editor but does not every time that you build for. Can you just build or generate and publish? You use Windows Explorer to check the CSS in both places?

  How do you get a 404 error? This happens when you click on a link where the target does not exist. Normally you would use Windows Explorer to locate the CSS.

  Lists are a known problem on upgrade from 7. See the lists on my site.

  The images show in the project manager?

  See www.grainge.org for creating tips and RoboHelp

  @petergrainge

• Transition CSS does not work in Internet Explorer

  I only tested in Firefox and IE, and for some reason any the legend that is supposed to slide comes automatically appears in Internet Explorer. You can find an example here http://css-tricks.com/examples/SlideinCaptions/. I've modified it a bit more, try to make friendly browser but I still can not work in Internet Explorer. Any help would be really appreciated here, thank you! I have bolded the parts I am having trouble with. Here is my code:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml ">

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

  < link rel = "stylesheet" href = "style.css" type = "text/css" / > "

  < script type = "text/javascript" src = "javascript.js" > < / script >

  < script >

  NUM = Math.floor (Math.Random () * 3);

  If (num == 1) {}

  image = "bg1.png";

  }

  If (num == 2) {}

  image = "bg2.png";

  }

  < /script >

  < title > embroidery by CJ < /title >

  < / head >

  < onload = "MM_preloadImages('contact1.png','about1.png','producst1.png','index1.png') body, document.body.background = image" >

  < div class = "header" >

  < div class = 'wrapper' >

  < div class = "logo" >

  < img src = "logo.png" width = "438" height = "56" alt = "Embroidery by CJ" / > "

  < / div >

  < div class = "nav" >

  < div class = "link4" >

  < center >

  "< a href ="contact.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Contact',", 'contact1.png', 1) "> < img src =" contact.png "alt ="Contact"name = 'Contact' width = height"73"="15"border ="0"id ="Contact"/ > < /a >

  < /Center >

  < / div >

  < div class = "link3" >

  < center >

  "< a href ="about.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('About',", 'about1.png', 1) "> < img src =" about.png "alt ="About"name = 'About' width ="56"height ="16"border ="0"id ="About"/ > < /a >

  < /Center >

  < / div >

  < div class = "link2" >

  < center >

  "< a href ="products.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Products',", 'producst1.png', 1) "> < img src =" products.png "alt = 'Products' name = 'Products' width ="83"height ="20"border ="0"id ="Products"/ > < /a >

  < /Center >

  < / div >

  < div class = "link1" >

  < center >

  "< a href ="index.html"MM_swapImgRestore" onmouseover ="MM_swapImage ('Home'", 'index1.png', 1) "> < img src =" index.png ' alt = 'Home' name = 'Home' width = "54" height = "16" border = "0" id = "Home" / > < /a >

  < /Center >

  < / div >

  < / div >

  < / div >

  < / div >

  < br / > < br / >

  < div class = "container" >

  < div class = "sidebar" >

  Menu < h4 > < / h4 > < hr / >

  < a href = "babies.html" class = "linkmain" > babies < /a > < br / > "

  < a href = "bibs.html" class = "linksecondary" > bibs < /a > < br / > "

  < a href = "blankets.html" class = "linksecondary" > covers < /a > < br / > "

  < a href = "rot - cloths.html" class = "linksecondary" > bibs < /a > < br / >

  < a href = "onesies.html" class = "linksecondary" > Bodies < /a > < br / > < br / > "

  < a href = "bathroom.html" class = "linkmain" > bathroom < /a > < br / > "

  < a href = ' WC - paper.html "class ="linksecondary"> paper toilet < /a > < br / >

  < a href = "soaps.html" class = "linksecondary" > SOAP < /a > < br / > < br / > "

  < a href = "hats.html" class = "linkmain" > hats < /a > < br / > "

  < a href = "womens - hats.html" class = "linksecondary" > hats women < /a > < br / >

  < a href = "baseball - caps.html" class = "linksecondary" > Baseball caps < /a > < br / > < br / >

  < a href = "kitchen.html" class = "linkmain" > kitchen < /a > < br / > "

  < a href = "aprons.html" class = "linksecondary" > aprons < /a > < br / > "

  < a href = "napkins.html" class = "linksecondary" > towels < /a > < br / > < br / > "

  < div class = "currentmain" > towels < / div >

  < a href = "golf.html' class ="linksecondary"> Golf < /a > < br / >"

  < a href = 'Cook - towels.html' class = "linksecondary" > kitchen < /a > < br / > < br / >

  < a href = "weddings.html" class = "linkmain" > weddings < /a > < br / > "

  < a href = "bottle - cozys.html" class = "linksecondary" > bottle comfortable < /a > < br / >

  < a href = "t-shirts.html" class = "linksecondary" > T-Shirts < /a > < br / >

  < a href = "lace - gloves.html" class = "linksecondary" > Lace Gloves < /a > < br / >

  < a href = "lace - hankies.html" class = "linksecondary" > handkerchiefs lace < /a > < / div >

  < div class = 'hand' >

  < div class = "productleft" >

  < center >

  < class figure 'cap-right' = >

  < img src = "img.png" alt ="" > "

  < figcaption > kitchen towel with apples embroidered. < / figcaption >

  < / figure >

  < /Center >

  < / div >

  < div class = "productright" >

  < center >

  < figure class = "heading on the right" > < a href = 'Cook - towels.html' > < img src = "kitchentowelsapplesthumb.jpg" alt ="" > < / a > "

  < figcaption > kitchen towel with apples embroidered. < / figcaption >

  < / figure >

  < /Center >

  < / div >

  < br class = "clearfloat" / > < br / > < br / > < br / >

  < / div >

  < div class = "ad" >

  < p > < /p > < br / >

  < / div >

  < / div >

  < / body >

  < / html >

  And style.css:

  @charset "utf-8";

  / * CSS document * /.

  HTML, body {}

  height: 1195px;

  margin: 0;

  padding: 0;

  background-color: #F0F0E3;

  background-repeat: no-repeat;

  }

  H4 {}

  color: #2FBBFF;

  }

  {.clearfloat}

  Clear: both;

  }

  / * Header * /.

  . Header {}

  height: 110px;

  background-image: url (bg.png);

  background-repeat: repeat-x;

  -webkit-box-shadow: 0px 10px 1px #1E1E1E;

  -moz-box-shadow: 0px 10px 1px #1E1E1E;

  -ms-box-shadow: 0px 10px 1px #1E1E1E;

  -o-box-shadow: 0px 10px 1px #1E1E1E;

  box-shadow: 0px 10px 1px #1E1E1E;

  }

  {.linkmain}

  color: #1E1E1E;

  text-decoration: underline;

  }

  {.linksecondary}

  color: #666;

  text-decoration: underline;

  }

  {.linkmain:hover}

  color: #2FBBFF;

  text-decoration: none;

  }

  {.linksecondary:hover}

  color: #8AD9FF;

  text-decoration: none;

  }

  {.currentmain}

  color: #2FBBFF;

  }

  {.currentsecondary}

  color: #8Ad9FF;

  }

  . Wrapper {}

  Width: 960px;

  margin: 0 auto;

  }

  .logo {}

  float: left;

  Width: 438px;

  margin: 34px 0 0 0;

  }

  . NAV {}

  float: right;

  Width: 510px;

  margin: 70px 0 0 0;

  }

  {.link1}

  Width: 25%;

  }

  {.link2}

  float: right;

  Width: 25%;

  }

  {.link3}

  float: right;

  Width: 25%;

  }

  {.link4}

  float: right;

  Width: 25%;

  }

  / * Container * /.

  . Container {}

  Width: 960px;

  margin: auto;

  margin-top: 10px;

  }

  / * Buffer * /.

  . Sidebar {}

  height: 738px;

  Width: 17.5%;

  float: left;

  text-align: right;

  background - image: URL (transparent1.png);

  }

  / * Main * /.

  .main {}

  height: 675px;

  Width: 624px;

  float: left;

  Padding: 0px 0px 0px 63px;

  background-color: #FBFBF7;

  }

  .title {}

  color: #1E1E1E;

  }

  {} .description

  color: #666;

  }

  . Row {}

  Width: 100%;

  }

  {.productleft}

  Width: 50%;

  float: left;

  }

  {.productright}

  Width: 50%;

  float: right;

  }

  Figure img {}

  Width: 300px;

  display: block;

  }

  Figure {}

  display: block;

  position: relative;

  float: left;

  overflow: hidden;

  margin: 0 20px 20px 0;

  }

  figcaption {}

  position: absolute;

  background: rgba (0,0,0,0.75);

  color: white;

  padding: 20px 10px;

  opacity: 0;

  -webkit-transition: all s 0.6 facilitated;

  -moz-transition: all s 0.6 facilitated;

  -ms-transition: all s 0.6 facilitated;

  -o - transition: all s 0.6 facilitated;

  transition: all s 0.6 facilitated;

  }

  Figure: hover {} figcaption

  opacity: 1;

  }

  Figure: before {}

  content: 'paper towel ';

  position: absolute;

  color: white;

  opacity: 0.75;

  -webkit-transition: all s 0.6 facilitated;

  -moz-transition: all s 0.6 facilitated;

  -ms-transition: all s 0.6 facilitated;

  -o - transition: all s 0.6 facilitated;

  transition: all s 0.6 facilitated;

  }

  Figure: hover: before {}

  opacity: 0;

  }

  .Cap-law: before {}

  Bottom: 10px;

  right: 10px;

  }

  figcaption .cap-right {}

  bottom: 0;

  right: 30%;

  }

  .Cap-right: hover {} figcaption

  right: 0;

  }

  / * Ad * /

  .ad {}

  Width: 144px;

  float: right;

  background-color: #FFF;

  }

  Hi John

  IE10 even if he plays "catch up" on some features he surpassed all other browsers when it comes to typography, see - http://blogs.msdn.com/b/ie/archive/2012/01/09/css-corner-using-the-whole-font.aspx

  hix77-

  You could get the same effect by using a transformation matrix of IE in IE8 and below, (but I would not recommend this). The other possibility is to use a transform of IE9 with the content property property (this property css insert text in the document) that way when you hover over the image that 'extra' text is inserted. But this is not a gradual slide in as the property of transition is needed for this.

  The other alternative is to use slide-in jQuery plugin.

  (I'll cause a disagreement now, then you have been warned!) -

  IE8 is now on a decline in its use for private users, so if you're not targeting companies or professional users, don't worry about this browser too. Also IE introduced an automatic upgrade of the browser in its system of regular updates, (auto updates) users not on XP will have the most recent version of Internet Explorer installed for their system, (currently in Australasia, other regions in the fall of this year).

  XP will be IE8, (using xp down at approximately 2% per month, currently 34 percent of the total, (Microsofts digits not mine)) Vista will be IE9, Windows 7/8 will be IE10, but illegal copies of windows are not these or other updates.

  PZ

• CSS does not work for some reason any...

  Hello
  I use Dw MX and I use it back after having been there for a while. There are a couple of keys made here that may be important. First of all, I imported this site from Frontpage 2002 (it has been done initially in Frontpage 2003). Secondly, I am under Dw MX on Ubuntu Linux using CrossOver.
  
  So it is possible that this may be a problem of Linux, but it's a 50-50 as far as I know. In short, nothing that to do with CSS seems to work. I can't redefine a style Html - nothing appears. I tried to do and attach an external style sheet to get a picture in the background, and nothing is displayed. BTW, I do these especially for a model, but regular pages seem to have this problem as well.
  
  I can not even a background picture is displayed using the Page Properties.
  
  I am quite experienced with web programs; I did something like that for 6 years now. But here, I am puzzled, even if it is possible something in fair DW on me because it's been awhile. Also, I installed the MX 6.1 update.
  
  I appreciate any assistance.
  
  Thank you, Frank B.

  Murray, have you noticed:

  "First I imported this site.
  Frontpage 2002 (it has been done initially in Frontpage 2003). »

  It might be just stacking CSS rules at the top of the old rules of CSS, or even on top of
  HTML styles. It sounds like a code problem, not a problem of DW...

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

  "Murray * AS *" wrote in message
  News:f6888a$3JL$1@forums. Macromedia.com...
  > Frank:
  >
  > Hmm - well, it means that the file system is not the problem. I don't
  > have much to do, as I don't remember the last time I saw someone
  > breaking in DW * nix on these cards...
  >
  > --
  > Murray - ICQ 71997575
  > Adobe Community Expert
  > (If you * MUST * write me, don't don't LAUGH when you do!)
  > ==================
  > http://www.dreamweavermx-templates.com - model of yard!
  > http://www.projectseven.com/go - DW FAQs, tutorials & resources
  > http://www.dwfaq.com - DW FAQs, tutorials & resources
  > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
  > ==================
  >
  >
  > "brightbelt" wrote in message
  > news:[email protected]...
  > Yes, if I see a page with a link to another page in the same
  > site, the link works.
  >>
  > Thank you, Frank B.
  >
  >

• Phone plan does not load on my mobile device correctly... site Web is not automatically updated to the scale.

  So I just started with the Muse... Site office came out perfectly, but the mobile site (phone) does not expand the width of the phone... I used the width standard 380px for the phone, so there is a white bar on the right side of the screen where the 380px to stop. So I created the layout more than 500, now I have to scroll left and right to see the site.

  Each screen phones being different, how can you autosize for that matter or just to get the site to really focus in the mobile browser?  I implemented the same way as the office and there is no problem of centering with the desktop version.

  Thank you all!

  You can use the predefined standard size that covers most of the common formats of mobile screen.

  Smartphone screens are wider, if a visitor has a larger screen, and then the function of window in the Muse automatically adjusts the width of layout of phone to fit the available screen real estate.

  With a preset size if there is any space empty or bar, please check if any object is outside the page area or any setting empty.

  Thank you

  Sanjit