Insert an AP Div tag

Similar Questions

• Using DIV tag on the design of the site

  I need some help on the design of this site (just started using dreamweaver this week.

  I have Div tags within the div tags, to auto height adjustment (so it expands when more information is inserted), however this

  

  Answers to the questions of layout are contained in your code.  No screenshots.

  #1 the design mode is not reliable to test the merits of your layout.

  Use the Live View or preview in browsers.

  #2 when floating elements that it seems you are doing (we don't really know because you haven't we shown your code), it is often necessary set the CSS of the container parent overflow: hidden which prevents the collapse of margin.

  #3 don't forget to add a float of compensation to your CSS code once the tanks are no longer needed.

  For reference:

  • All about floats | CSS-Tricks
  • CSS - float and clear formatting

  Nancy O.

• Hide the div tags in the media queries

  Hello

  I ran into a bit of a problem trying to get some div tags appear on some devices. I thought that if a div has been set to hidden then it does not appear. I pasted my code below.

  The theory behind my design is to have a different fixed background on the desktop image, Tablet and phone. So I inserted a transparent image on top to control how image is seen on each window.

  "What I try to achieve is when the site is displayed on a desktop ' #large-ipad" is hidden and the ' #-wide image' is seen. "" And then once the site reaches the correct display window i.e. an ipad ' #large-ipad ' becomes visible and the ' #-wide image "is hidden. Then a third image will swap when it is read on a mobile device, but I have not to this article yet.

  When it is viewed on a desktop computer I think it is still showing the image sheets before the roll content.

  This is just a test at the minute, so there is no content and background images are set on my computer. If you don't know what I'm after, please ask and I will try to rephrase my description.

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

  {.gridContainer}

  Width: 100%;

  padding-left: 0%;

  padding-right: 0%;

  margin: auto;

  background-attachment: fixed;

  background-image: url(images/bg-ipad.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  }

  {#LayoutDiv1}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #FFF;

  padding-top: 20px;

  padding-bottom: 20px;

  }

  {# image - wide

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  visibility: hidden;

  }

  {#body - text

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #FFF;

  padding-top: 300px;

  padding-bottom: 300px;

  }

  {#large-ipad}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  }

  }

  / * Desktop layout: 769px for a max of 1920px.  Inherits the styles of: Mobile and tablet. */

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

  {.gridContainer}

  Width: 100%;

  Max-width: 1920px;

  padding-left: 0%;

  padding-right: 0%;

  margin: auto;

  background-attachment: fixed;

  background-image: url(images/bg-image.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  }

  {#LayoutDiv1}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  height: 70px;

  z-index: 1000;

  background-color: #FFF;

  position: fixed;

  Top: 0px;

  }

  {# image - wide

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  position: static;

  z-index: 0;

  }

  {#body - text

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #FFF;

  padding-top: 300px;

  padding-bottom: 300px;

  }

  {#large-ipad}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  visibility: hidden;

  overflow: hidden;

  }

  }

  Any help would be massively appreciated I really want the effect I'm after.

  Kind regards

  Alex

  Hi all

  Think I have asked this question a little prematurely. I thought it, just needed to change the None display: display: none;

  Sorry to take your time to read above.

  See you soon,.

  Alex

• AP Div tags - multiple in CC?

  Is it possible to insert several CC AP Div tags? I can get (well, insert) ONE, but it won't let me do a normal Div after that. My request 3. Is this POSSIBLE in CC?

  I KNOW the Divs PA is no longer the norm, but please help me. I learn in class on CS6, but I work CC. I need for the love of the class, and I do not like if they are used or more. I don't want a debate on the subject, I just need to know for my assignments.* *.

  No, there is no APDiv feature in DW longer and there was never a 'add several APDivs' I know. You need to add the standard

  tags and then add the position: absolute manually by using the CSS designer. After they are added in this way, you can drag in design mode the same as previous versions of the program. Ensure that each

  has a unique id for the css can be written theexternal .css or for each individual

  separately.

  Out of curiosity, why do you use CBWMS to do a work of DWCS6 tutorials/lessons?

  If you are a Subscriber CC, DWCS6 is part of your subscription and can be installed at the same time as CC.

  1. open the creative application of cloud

  2. click on the applications tab

  3. scroll down to filters & Versions

  4. choose the previous Versions, this will change the buttons to install pull-down menus

  5. Select CS6 in drop down menu from Dreamweaver

  Even if I don't remember not so APDivs have been removed in the clouds DWCS6 (which is the version that you can catch). It will be much, much closer to all DWCS6 tutorial/lesson as CC, CC2014 or CC2014.1 and less likely to cause massive amounts of confusion.

• Why I'm not able to see the fluid Grid Layout Div tag

  Why can't I see no menu fluid Grid Layout Div in the Layout to insert tags

  DW CC changed signs.  If you work in FGLayouts, DW intuitively inserts the correct Div for you.

  Nancy O.

• Where is the box "Start a new line" when adding to a div tag?

  Since I have updated Dreamweaver, when I add a div tag I don't see the box "Start A New Row. The checkbox only I see is "Insert as an element of fluid". This option has been deleted or has been moved to a new location?

  

  Hi MichaelMuirhead,

  We have updated fluid grid 12.2 release of DW, as well as in CC version.

  Unlike before, now DW intelligently recognizes when a fluid page is opened and the Structure category converts to the category fluid layout.

  That is when it is inserted any item in the category of Structure on a fluid page, it will be inserted with light CSS to make it fluid, unless that other user tips.

  The idea is to build support for almost all the structural elements as fluid elements, rather than just support Div as an element of fluid. Therefore, insert fluid Grid Layout tag Div has been removed.

  Steps to insert a fluid element:

  1. Select Insert > layout.
  2. Select the item you want to insert. (that's to say Div or header or footer etc.) 3. in the dialog box that appears, enter a new class name, or enter a value for the code. The selected item is inserted on the page layout.

  (4) to insert a fluid normal/no item uncheck the box "Insert as a fluid element" check box in the previous dialog box.

  Now to answer the second part of your concerns "the box"Start A New Row"missing."

  All elements inserted on a fluid page, start on a new line by default. If the user wants to place the item in the previous row, then is possible by clicking on the button "Move up a line" who arrives on the FG HUD element, after the insertion of this element.

  Please refer page to better understand.

  

  For more details on the update browse to: http://helpx.adobe.com/dreamweaver/using/fluid-grid-layout-dreamweaver .html

  Here is the link to the new video on how to design a page of FG using new FG in paragraph 12.2 DW.

  http://blogs.Adobe.com/Dreamweaver/2013/02/updated-fluid-grids-in-Dreamweaver.html

  Please note that the 'Layout' category in paragraph 12.2 has been renamed most appropriate sounding 'Structure' category in DW CC.

  It will be useful.

  Please come back for questions or concerns.

  Thank you

  Puneet

• positioning of the div tags

  Hello Dreamweavers

  I practice using Div tags, and I added 2 boxes. My first thought was how can I have these boxes to be side by side. Have blue on the left and the right aqua area. So I did the box1_blue

  and was inserted in the upper left corner. And then the box2_aqua has been placed under the blue. While I was playing around with the properties of the area the box2_aqua suddenly moved to the upper right corner, exactly where I wanted it to be, but I do not understand how it got there!

  

  

  {#box1}

  background-color: #00F;

  height: 200px;

  Width: 300px;

  float: left;

  }

  {#box2}

  background-color: #0FF;

  height: 200px;

  Width: 300px;

  float: right;

  Read up on the fleet working in CSS

  http://CSS.maxdesign.com.au/Floatutorial/

  http://CSS-tricks.com/all-about-floats/

• Transfer of div tags PA with their content to another html file

  I'm kinda a newbie, I created my first website in depth and having a problem with the AP div tags.
  Initially, I created a template and used this model to create all my html code of the pages of content for the site.

  Now, I had to make changes to certain items and rather than clicking on each html file and this change, I wonder if there is a better way.

  I know that I can insert tags div of my stylesheet css to another html file but the problem is that it simply inserts the div without the content.  Is there a way to bring in a div, including all the

  content that is inside the div?

  Thank you very much

  Jason

  I am not good with code, I mostly do work that in design, so I don't know what to do with this...

  This will have to change if you're not bloody your forehead every day it bumping on the desktop.

  What is a div?

  It's a plan that contains elements (divs, images, forms, tables, etc., with CSS).

  How do I get this in Dreamweaver?

  View source in your browser.  Copy all.  In DW create an empty HTML page, click on mode code, select all and then paste.  You now have it in DW.  Review the code and CSS.  See if you can figure out what to do.

• SPAN or Div tags in ul OK?

  IM using a drop down menu like this:

  http://www.HtmlDog.com/articles/suckerfish/bones/

  I must apply 3 for the 2nd level ul background images. If they were normal div is then I would just add 2 spans more or divs around them to achieve. Is it OK to do this with links and lists or copy the following code is not valid?

  Thank you

  You will need two things to tie up your images, if you do not li and one of their coupling. I have a feeling that you will eventually break the menu if interpose you a div between the ul and li menu items. In fact, you can insert a div tag (without success), but the div will show no depth. If you do outside the submenu ul, it will show always; If you put the div only around items of li inside the ul tag, it will hide and show, but will still have no height for her. Thus, no background image.

  What about spacing your menu items such as you can use a background on the AMT for the left side, background, border and low (see instructions) and use the border of the right hand on the li elements. You would need to engineer the border so there no rough air, but you should be able to function.

  If you apply a style of menu, you can also use to do, using two images sliding doors.

  Make a picture that is a path that is wider than your typical menu item and which includes all three borders. Export the border of the right hand as an image on its own. Don't include the lower border.

  Use the first image as the background of the li element.

  Use the second image as the background of the element has . Background-position: right; Background-repeat: no-repeat;

  You want to make sure that the item has has display: block; applied. Also, be sure to make Background-color: transparent;

  The right border image will be actually on top of the background image and border left, but placed on the right side.

  Check if this isn't what you want.

  Beth

• Banner rotation 2 - How do you add links to images with div tags?

  I have a banner rotating images and need to add links to each image. I used jQuery Simple of Jon Raasch slideshow, suggested here.

  When asked how to add links to each image, he wrote "a more robust solution is to wrap each image in a div and target the div instead of the images (or anchor points). This would allow you to add text, images, etc. »

  Here is my code. Can someone show me how to wrap the images in the div tags and add a placeholder url as "index.html?

  ------------------------------

  < ! 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 ">
  < content meta = text/html"; charset = iso-8859-1 "http-equiv ="Content-Type"/ >"

  
  "< script type =" text/javascript"src ="... / jquery-simple-slideshow-example/jquery-1.2.6.min.js "> < / script >"

  < script type = "text/javascript" >

  
  function slideSwitch() {}
  var $active = $("#slideshow IMG.active");

  If ($active.length == 0) $active = $("#slideshow IMG:last");

  This allows to take images in their order of appearance in the tag
  var $next = $active.next () .length? $active.next)
  : $('#slideshow IMG:first');

  Uncomment the 3 lines below to shoot images in random order
  
  var $sibs = $active.siblings ();
  var rndNum = Math.floor (Math.random () * $sibs.length);
  var $next = $($sibs [rndNum]);

  
  $active.addClass('last-active');

  $next.css ({opacity: 0.0})
  .addClass ('active')
  . Animate ({opacity: 1.0}, 1000, function() {})
  $active.removeClass ('active last active');
  });
  }

  {$(function()}
  setInterval ("slideSwitch()", 5000);
  });

  < /script >

  < style type = "text/css" >

  / * the value width and height to match your images * /.

  {#slideshow}
  position: relative;
  height: 157px;
  Width: 220px;
  }

  #slideshow IMG {}
  position: absolute;
  top: 0;
  Left: 0;
  z index: 8;
  opacity: 0.0;
  }

  {IMG.active #slideshow
  z-index: 10;
  opacity: 1.0;
  }

  {IMG.last - active #slideshow
  z index: 9;
  }

  < / style >

  < / head >

  < style body = "" do-family: Arial, Sans-serif, without; ">"

  < h1 > < / h1 >

  <! - this will work with any number of images - >
  <!-set the current class about according to the image you want to appear as the default
  (if not, this will be the last image) - >

  < div id = "slideshow" >
  < img src = "donate.gif" alt = "Donate now" / > "
  < img src = "DVD.gif" alt = "Shop DVDs" / > "
  < img src = "legis3.jpg" alt = "Legislative coverage" align = "top" class = "active" / > < / div > "

  
  < / body >
  < / html >

  ----------------------------

  Each of the three lines img src should < div id = slideshow ">?"

  Thanks for any help.

  we210 wrote:

  No, it has not corrected the problem.

  Thanks again.

  Looking at the last code you have posted you have changed the url links to the two scripts jquery to dev/jquery.fancy.box-1.3.0.js etc.. It seems that the scripts don't maybe not in this folder 'dev '?

  
     

  The images do not turn has nothing to do with the block of css code or where it is inserted in thesection of the code, but has everything to do with getting links to the correct jquery scripts.

• The &lt; div &gt; tag button missing?

  I'm quite crazy here, try to insert a < div > tag... I'm still a beginner, learn to work with CSS, etc. My tutorial now wants me to insert a div via either:

  * Insert Div tag button in the common category of the Insert panel/bar

  * or use Insert > layout objects > tag Div

  Now: If I'm going to INSERT at the top of the page, there is no OBJECT PAGE layout to choose...

  I finally found what I think is common the Insert panel and even the category, but there is no button "Insert a div tag" (only, insert image, insert the rollover image, insert a table to insert generator).

  Am I missing something? I'm in error 'view' somehow? Do I have to buy an add-on? What's wrong?

  Thanks for your replies!

  Pipo

  No wonder I've been confused :-)

  Dreamweaver 4 (technically, version 4) and Dreamweaver CS4 (technically version 10) are completely different (about 8 years apart) versions

  http://en.Wikipedia.org/wiki/Adobe_Dreamweaver#Version_history

  You need a tutorial for Dreamweaver 4 (old version), CS4 (the current version).

• Disorder by selecting the Div tags

  Hello

  Im trying to create a website portfolio for me but I'm having trouble with the selection of some div tags, I added to my page.

  

  As you can see here the top right divtag is selected/clicked on illustrated by give it a blue box around it. It allows me to add a rollover image to which is what I try to do with home' 'info' and 'contact' buttons shown above right. However when I click on or around the div tags that hold these buttons I can't "select" them so that the blue box appears around the edge and therefore impossible to add the rollover image.

  This is the encoding of the page, if it helps (I) normally work in the design window, I have not been taught in the coding

  < ! 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 "/ >"

  < title > Untitled Document < /title >

  < style type = "text/css" >

  {#wrapper}

  float: none;

  Width: 1500px;

  margin: auto;

  }

  {#p1}

  float: left;

  height: 350px;

  Width: 490px;

  margin left: 15px;

  top of the margin: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p4}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp2.jpg);

  }

  {#p5}

  Clear: none;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p6}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p2}

  background-color: #333;

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url(images/testp2.jpg);

  }

  {#p3}

  background-color: #999;

  float: left;

  height: 350px;

  Width: 490px;

  right margin: 15px;

  top of the margin: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p7}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp3.jpg);

  }

  {#p8}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  margin left: 15px;

  background-image: url(images/testp1.jpg);

  }

  {#p9}

  float: left;

  height: 350px;

  Width: 490px;

  top of the margin: 15px;

  background-image: url (images/Logo1 - Tile.jpg);

  }

  {#home-btn}

  background-color: #999;

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-715px;

  margin left: 15px;

  background-image: url(images/home.jpg);

  }

  {#contact-btn}

  float: left;

  height: 30px;

  Width: 30px;

  margin-top:-625px;

  margin left: 15px;

  background-color: #FF6;

  background-image: url(images/contact.jpg);

  }

  {body

  left margin: 0px;

  margin-top: 0px;

  margin-right: 0px;

  margin-bottom: 0px;

  }

  {#info-btn}

  background-color: #09F;

  float: left;

  height: 30px;

  Width: 30px;

  margin left: 15px;

  margin-top:-670px;

  background-image: url(images/info.jpg);

  }

  < / style >

  < / head >

  < body >

  < div id = 'wrapper' >

  < div id = "p9" > < / div >

  < div id = "p8" > < / div >

  < div id = "p7" > < / div >

  < div id = 'p6' > < / div >

  < div id = "p5" > < / div >

  < div id = "p4" > < / div >

  < div id = 'p3' > < / div >

  < div id = "p2" > < / div >

  < div id = "p1" > < / div >

  < / div >

  < div id = "contact-btn" > < / div >

  < div id = "info-btn" > < / div >

  < div id = "Home-btn" > < / div >

  < / body >

  < / html >

  Any ideas?

  Cheers, Ryan

  I normally work in the design window that I've not been taught in the coding

  You will learn about code regardless if you make the effort. Start with these links:

  http://w3schools.com/

  http://www.csstutorial.NET/

  DW assumes that you have knowledge of HTML & CSS code.

  If you cannot or will not work with the code, you use the wrong tool.

  For the non-codeurs, Adobe offers 2 other options: Adobe Muse & portfolio

  Nancy O.

• Dreamweaver. Is it possible to have AP div tags in a fluid Grid Layout Div?

  I am putting together a site with a very basic page layout; some titles at the top, each placed in an AP Div, with images below.  But I would use the fluid Grid Layout Div so that the positioning of the change of flags AP div on mobile devices.

  I can't figure out how to do so that the AP div inside my fluid Grid Layout Divs tags

  Thank you

  1. forget the AP Div they are of very little use and can only be deployed in a sensitive site with care (and knowledge).

  2 forget the fluid grid layouts, they are not sufficiently stable.

  That being said, take a look at create a responsive Web design in Dreamweaver | Adobe Dreamweaver tutorials CC and Bootstrap 3 tutorial

• RH9: How can I get a CSS class or id defined style applies to Word or PDF output using the &lt; div &gt; tags?

  HR I wrote the following:

  

  This is the code-behind:

  

  The 'DivNote' CSS id is defined:

  

  However, when I generate the printed output, I get this:

  

  The style of the Note disappeared.

  I created a class = "Note"...:

  

  .. .and applied to the div tag with similar results, but with some of the style through:

  

  The output HTML (.chm) seems, like the display of the preview (Ctrl + W).

  Your help is appreciated gracefully.

  Steve Roehrig

  In RoboHelp you map to a Word template or simply by selecting a CSS?

  I assume that you are by selecting a CSS and that the solution might be to map to a Word template, where you can map the. Note the style.

  Mapping to take word longer to set up the first time, but once done, you may be easier to get the desired results.

  See www.grainge.org for creating tips and RoboHelp

  

  @petergrainge

• Responsive Design - Show and hide the div tags

  Hello

  I am building a website using sensitive design. I want a certain div tag to be read on a desktop and a tablet but then to disappear and a different div be made visible on the mobile device.

  I realized the above with the code below, but I found a problem. The problem I found is that the div is hidden here still an empty space remains there then it creates a large empty space. Anyway is to hide this great space?

  (mobile)

  {#tab-container}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  {#phone-tabs}

  display: block;

  visibility: visible;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  line-height: 30px;

  }

  (Tablet)

  {#tab-container}

  display: block;

  visibility: visible;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  {#phone-tabs}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  (office)

  {#tab-container}

  display: block;

  visibility: visible;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 70%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  {#phone-tabs}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 70%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 0px;

  padding-bottom: 0px;

  text-align: center;

  border-top-width: 0px;

  border-bottom-width: 0px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;

  }

  Thanks for your help!

  Alex

  Try to delete the two lines, as shown below.

  Display: block overrides display: no because it is further down in the code.

  For this reason, visibility: hidden comes into play. This statement is exactly intended to hide the contents, while leaving the blank space.

  Edit: I think that really is all you need:

  {#tab-container}

  display: none;

  }

  (mobile)

  {#tab-container}

  display: none;

  visibility: hidden;

  Clear: both;

  float: none;

  left margin: 0;

  Width: 96%;

  display: block;

  margin-right: auto;

  left margin: auto;

  padding-top: 10px;

  padding-bottom: 10px;

  text-align: center;

  border-top-width: 1px;

  border-bottom-width: 1px;

  border-top-style: solid;

  border-bottom-style: solid;

  border-bottom-color: #000;

  border-bottom-color: #000;