Re-sizing windows to smart phone on cs5

How do I re-size my window to a smart phone on cs5

Use your browser and drag the viewport window to desired width. 
If you use Firefox with the Web developer Toolbar, Click Resize > View Responsive Layout.  This will display your page in frames of various widths for mobile & tablet portrait/landscape and desktops.
Nancy O.

Similar Messages

  • Window 8 smart phones

    When they kept badgering me to sign up for infinity they did not tell me  that it did not work with windows 8.

    Disgraceful
    toekneem
    http://www.no2nuisancecalls.net
    (EASBF)

  • How do I print from my windows smart phone on my deskjet 2540

    I've just connected my new hp 2540 deskjet all fine, however I want to set up my windows 7 smart phone to do wireless printing. So far can't find a way to do this, hp site no help at all. Can anybody help please?

    Hi,
    Please try HP AiO Remote BETA for Windows phone. I ran few tests on my Nokia and 50% chance getting the output right. Please try it and wait for the final version.
    Regards.
    BH
    **Click the KUDOS thumb up on the left to say 'Thanks'**
    Make it easier for other people to find solutions by marking a Reply 'Accept as Solution' if it solves your problem.

  • Getting data into 4S from a different smart phone or Windows Outlook?

    I didn't think it would be this hard. I was using a Windows mobile 6.5 smart phone syncing to Outlook in Bootcamp (or Parallels) on my MacBookPro.  I assumed that I would be able to transfer all my pda data over. I went to the Apple store yesterday & talked to a set up person who only seemed to know about transferring contacts. Duh, this is a smart phone, not just a cell phone so there is a lot more in it than contacts.
    So then I went to Genius bar where I was tended to by the head Genius. I had run a conversion on the calendar to mac compatible. So he imported that. But it seems to have lost all the exceptions to my recurring events--like a weekly event that isn't happening this week & next because of the holidays is still showing up. & not only that, its in twice.
    I guess that may have happened when I ran the conversion program as it said something about exceptions that I didn't understand.
    But now I'm thinking that, wait a minute, it says the iPhone can sync with Windows & Outlook. So now I"m thinking that maybe we should have set it up to sync with Outlook to get the calendar info in, & maybe the contacts as well.
    As it is, it looks like I will have to go in & re-enter the calendar exceptions that I had carefully previously entered.
    I'm wondering if I could just delete the calendar info in iCal and/or iPhone & go back & sync to Outlook, & then change it back to sync to the Mac side.
    I have an Apple One to One on the iPhone this afternoon, but I want to use that to learn how to work the thing. Frustration right now in that I don't know how to do all the things that I knew so well on the old phone. So I want to learn how to use the basic functions I've already been used to useing, calendar, etc as well as getting used to typing on it. Not doing real well on that yet, lol. & I want to learn how to use Siri & reminders right away before a planned trip next week.
    So any suggestions appreciated. Don't know if it would have been different in transferring data if I went to a Verizon store. & I also need to get my email set up. That I may be able to do myself since I've done it a few times on my old phone & different computers.

    OK, this confirmed somewhat, what I had realized overnight--after the Apple store did things the hard way. I didn't follow exactly what they were doing, but I asked for help with setup. & I told them that I had my data in OutlookWindows, which I thought I told them was in Bootcamp on my Mac.
    But it seems that the one who did setup had a device that Verizon uses & which apparently is what they use when moving info from an old cell phone to a new one. & So he just brought over the contacts. In the process, the photos associated with them were lost. I'm not sure, maybe he asked me what I wanted to bring over, I'm not real sure, but I remember I mentioned I needed my contacts & my calendar but he seemed unsure how to get the calendar in.
    Of course I had made the mistake of thinking that I needed to do it the way that I had gotten the earlier contacts in--but that was before I had the iPhone that could sync with the Mac so I had converted the data.  So I wasn't thinking straight & it appears that neither were they.
    I mean it seems that they were doing it like what Verizon used to do when switching from one cell phone to another--ones that didn't have pda type functions.
    I mean, duh, when one is switching from one smart phone to another, it kind of seems a given that we want all our stuff brought over to the new device, especially when it can be done by syncing it over.
    What I finally did today was that after my One to One appointment, I got back to back Genius bar appointments (after reading this solution that confirmed what I had been thinking--which was after I came out of the Verizon store where they got my email set up so I could see this notice) & asked if we could delete the messed up calendar & instead sync it in from Outlook.
    So he did it by givng me step by step instructions. (below) & then he created a new calendar. Then he deleted the original one--this on my macbookpro--& then renamed the one Home.
    These are the step by step instructions he gave me.
    1. Download iTunes to Windows from iTunes.com, (I did this in Parallels which uses bootcamp running Win 7 as a virtual machine)
    2. Open iTunes & plug in iPhone
    3. click on left side on my phone
    4. click on info tab at top--where personal info is
    5. click sync all contacts
    6. scroll to bottom under advanced (this was because I was only syncing calendars since the rest had already been brought over). So then I clicked on sync calendars
    7. Hit apply button on bottom right.
    then click on phone icon in iTunes to eject phone
    Then do the same things on the Mac side except not using advanced, just a regular sync of calendar.
    One other frustrating thing in all this is that I had an apple id, but had to change that to set up iCloud since it required an email address. So changed my ID, but same password. But then when iTunes wanted me to register or register my device, it said my password was invalid. They have slightly different rules for the password. Would have been nice if they were uniform so I don't have to change things twice!
    I did it & it worked so now, I do have 2 calendars on my iPhone, but I guess I can delete one of them later.
    But this brought the calendar events over the way I had entered them with the exceptions to the recurring events. That is the weekly events that don't happen some weeks due to holidays or other reasons. Those exceptions were recognized so those events that are not happening this week, properly now do not show up in my calendar. So I don't have to go back & re-enter the exceptions.
    But I'm really disappointed that the Apple Store personnel who as part of the iPhone One to One training lists syncing with Outlok, didn't seem to even think of that as the best way to get pda data from Windows was not to pull it from the old phone, but instead to first sync the iPhone with Windows.  Not sure what they tell those just using Windows computers.

  • After a Windows 8.1 automatic update yesterday my other wireless devices like smart phones, tablets, etc can't use my routers wireless signal unless my laptop is turned on

    Hi guys, please help, I'm desperate.
    After an automatic update to my windows 8.1 yesterday none of my other other wireless devices like smart phones, tablets, etc. can join my wireless network unless my laptop is turned on.  If I turn my laptop off, after a couple of minutes my iphone,
    my wife's iphone  and my Galaxy Tab lose connection and are unable to join my router's network. When I turn my laptop back on, all the other devices are able to use my router's wireless internet without any problems.  How can I fix this???
    Thanks.

    Hi,
    First, I suggest to reset the router, meanwhile disable the network card and enable it again, because it is obviously network issue.
    Then, as you post this happened after windows update, try to find the update that was already installed on your computer
    Restore your computer by following the way listed below:
    http://windows.microsoft.com/en-us/windows-8/restore-refresh-reset-pc
    Hide the  update if it is not an important one and related to wireless internet according to this article:
    http://technet.microsoft.com/en-us/magazine/ff382716.aspx
    I hope it works for you .
    v-yamliu

  • I have what I consider the best smart phone on the market, but I resently upgraded my Windows Vista PC to Windows 8 and my Itunes went away.  Is there anything that I did wrong or aren't the two compatible?

    I have what I consider the best smart phone.  I recently upgraded my PC from Windows Vista to Windows 8 and my Itunes went away.  Did I do something wrong or aren't the two compatible?

    If the update did not preserve all your Applications you may simply have to download iTunes again and instrall it on Windows 8.
    There's nothing strange about an update not preserving installed Applications.

  • I have created a PDF with mp3 audio clips, the file works on PC's with audio playback (WIndows 7, 8 ) however the audio does not play when hosted on a website or an ipad/tablet computer or smart phone when used with PDF reader

    I have created a PDF with mp3 audio clips, the file works on PC's with audio playback (WIndows 7, 8 ) however the audio does not play when hosted on a website or an ipad/tablet computer or smart phone when used with PDF reader

    adobe42135678 wrote:
    the audio does not play when hosted on a website...
    When viewing in what browser?

  • Header text not responsive at smart phone size & BG question

    The header text doesn't fit into the view for a smart phone. I don't know how to correct that other than to change my width from 85% to 100% when at the smallest size (if that can be done). Help?
         I thought it would be better to ask this next question on a new thread but both needed the code so I'll add that here:
    The purse (& butterfly) images have an incomplete BG color. The partial upper BG color comes from div hover which really isn't a functional div. Since the image boxes are within the body but not a separate div I don't know how to get BG color (same as footer). help?
    Code:
    <!DOCTYPE>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Lapinel Arts Leatherwork</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
    <style>
    box-sizing: border-box;
    body {
        margin: 0;
        padding: 0;
        background: #fff;
        font: 14px/20px 'Lucida Sans',sans-serif;
        background-color: #cfc6b0;
    .wrap {
    overflow: hidden;
    .box {
    float: left;
    position: relative;
    width: 25%;
    text-align: center;
    margin-bottom: 24px;
    .boxInner {
    position: relative;
    text-align: center;
    margin: 0 12px;
    overflow: hidden;
    img {
    max-width: 100%;
    .titleBox {
        position: absolute;
        bottom: 10px;
        left: 130px;
        right: 0px;
        margin-bottom: -50px;
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        padding: 10px;
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    .titleBox h2 {
    font-size: 16px;
    margin: 0;
    padding: 0 0 5px 0;
    .titleBox a {
    text-decoration: none;
    color: #fff;
    .boxInner:hover .titleBox {
    margin-bottom: 0;
    @media only screen and (max-width : 768px) {
    .box {
    width: 50%;
    margin-bottom: 24px;
    @media only screen and (max-width : 480px) {
    .box {
    width: 100%;
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
          padding-bottom: 25%;
    </style>
    <style>
    section, header, nav {
        display: block;
        background-color: #cfc6b0;
        box-sizing: border-box;
    body{
        font-family: 'Marcellus', normal;
        background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
        font-size: 90%;
        line-height: 140%;
        color: #555;
        margin: 0 auto;
        padding: 0;
        background-color: #FFF;
        width: 1000px;
        max-width: 85%;
    #hover-image {
        background-color: #cfc6b0;
        text-align: center;
        height: 2000px
        overflow: hidden;
    img {
    max-width: 100%;
    height: auto;
    .container {
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    color: #000;
    header h1 {
    font-size: 300%;
    line-height: 150%;
    text-align: center;
    letter-spacing: 4px;
    padding: 20px 0;
    color: #000;
    font-weight: bold;
    /* top level navigation */
    nav {
        background-color: #E5E4E2;
    nav ul {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    nav li {
    margin: 0;
    padding: 0;
    display: inline;
    position: relative;
    nav a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 25px;
        color: #000;
    nav a:hover {
        background-color: #cfc6b0;
        color: #000;
    nav span {
    display: none;
    /* droplist navigation */
    nav ul ul {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 2em;
    background-color: #E5E4E2;
    text-align: left!important;
    display: none;
    nav ul ul li a {
    display: block;
    width: 12em;
    border-top: 1px dotted #ccc;
    .about {
    padding: 0 8%;
    margin: 0 auto;
    text-align: center;
    background-color: #E5E4E2;
    .about h2 {
        font-size: 260%;
        line-height: 200%;
        margin: 0;
        padding: 0;
        color: #000;
    .about p {
    font-size: 110%;
    line-height: 150%;
    margin: 0;
    padding: 0 0 20px 0;
    .productsWrapper {
    background-color: #000;
    overflow: hidden;
    padding: 30px 25px;
    .product {
    float: left;
    width: 25%;
    padding: 12px;
    text-align: center;
    color: #fff;
    .product img {
    border: 1px solid #fff;
    .view_details {
    text-decoration: none;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 6px;
    border: 1px dotted #ccc;
    color: #555;
    background-color: #fff;
    .view_details:hover {
    background-color: #E5E4E2;
    #mobileTrigger {
    padding: 10px 25px;
    font-size: 120%;
    display: none;
    color: #000;
    footer {
    clear: both;
    background-color: #cfc6b0;
    padding: 30px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    footer a {
    text-decoration: none;
    color: #000;
        float: left;
        width: 33.33%;
        color: #000;
        border: #000
    .footerBox {
        float: left;
        width: 33.33%;
        color: #000;
    @media screen and (max-width: 768px) {
        .container {
    width: 100%;
    .product {
    width: 50%;
    #mobileTrigger {
    display: block;
    text-align: right;
    nav ul {
    display: none;
    nav li {
    display: block;
    text-align: left;
    nav a {
    display: block;
    font-size: 120%;
    border-top: 1px dotted #ccc;
    nav span {
    display: inline-block;
    float: right;
    font-size: 130%;
    /* droplist navigation */
    nav ul ul {
    position: static;
    nav ul ul li a {
    width: 100%;
    @media screen and (max-width: 480px) {
    .product {
    float: none;
    width: 100%;
    body,td,th {
    font-family: Marcellus, normal;
    #copyright {
    color: #000;
    font-weight: bold;
    </style>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script>
    $(document).ready(function() {
    //activate mobile navigation icon when window is 768px
    $('#mobileTrigger').css('cursor','pointer').click(function() {
    $('#mobileTrigger i').toggleClass('fa-bars fa-times');
    $('nav ul').toggle();
    // show main desktop navigation onresize/hide sub navigation
    $(window).on('resize', function(){
    var win = $(this); //this = window
    if (win.width() > 768) {
    $('nav ul').show();
    $('nav ul ul').hide();
    //listen for navigation li being clicked
    $('nav ul li').click(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //events if window is less than 768px
    if ($(window).width() < 768) {
    //stops submenu sliding up when mouse leaves mobile
    $('nav ul ul').show();
    else {
    //activate desktop submenu on hover
    $('nav ul li').mouseenter(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //desktop submenu slides up when mouse leaves ul/li
    $('nav ul ul').mouseleave(function() {
    $(this).slideUp();
    $('nav ul li').mouseleave(function() {
    $(this).find('ul').slideUp();
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    </style>
    </head>
    <body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
    <header>
    <h1>LAPINEL ARTS LEATHERWORKS</h1>
    <nav>
    <div id="mobileTrigger"><i class="fa fa-bars"></i></div>
    <ul>
    <li><a href="#">ABOUT US</a></li>
    <li><a href="#">PROCESS</a></li>
    <li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
    <ul>
    <li><a href="#">PURSES</a></li>
    <li><a href="#">POUCHES</a></li>
    <li><a href="#">TOTES</a></li>
    <li><a href="#">WALLETS</a></li>
    </ul>
    </li>
    <li><a href="#">CART</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
    </nav>
    </header>
    <section class="about">
    <h2>PURSES</h2>
    <p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
    <p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
    </section>
    <div id="hover-image">
    <div class="wrap">
    <!-- Define all of the tiles: -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end wrap -->
    <footer>
      <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
    <div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
    <div class="footerBox">COPYRIGHT 2015</div>
    </footer>
    </div>
    </body>
    </html>

    <!DOCTYPE>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Lapinel Arts Leatherwork</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
    <style>
         box-sizing: border-box;
    body {
        margin: 0;
        padding: 0;
        background: #fff;
        font: 85%/90% 'Lucida Sans',sans-serif;
        background-color: #cfc6b0;
    .wrap {
         overflow: hidden;
    .box {
        float: left;
        position: inherit;
        width: 25%;
        text-align: center;
        margin-bottom: 24px;
        white-space: inherit;
    .boxInner {
         position: relative;
         text-align: center;
         margin: 0 12px;
         overflow: hidden;
    img {
         max-width: 100%;
    .titleBox {
        position: absolute;
        bottom: 10px;
        left: 130px;
        right: 0px;
        margin-bottom: -50px;
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        padding: 10px;
        text-align: center;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    .titleBox h2 {
         font-size: 16px;
         margin: 0;
         padding: 0 0 5px 0;
    .titleBox a {
         text-decoration: none;
         color: #fff;
    .boxInner:hover .titleBox {
         margin-bottom: 0;
    </style>
    <style>
    section, header, nav {
        display: block;
        background-color: #cfc6b0;
        box-sizing: border-box;
    body {
        font-family: 'Marcellus', normal;
        background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
        font-size: 90%;
        line-height: 140%;
        color: #555;
        margin: 0 auto;
        padding: 0;
        background-color: #FFF;
        width: 1000px;
        max-width: 85%;
    #hover-image {
        background-color: #cfc6b0;
        text-align: center;
        height: 2000px
        overflow: hidden;
        overflow: hidden;
    img {
         max-width: 100%;
         height: auto;
    .container {
    width: 85%;
    max-width: 1000px;
    margin: 0 auto;
    color: #000;
    header h1 {
         font-size: 300%;
         line-height: 150%;
         text-align: center;
          letter-spacing: 4px;
          padding: 20px 0;
          color: #000;
          font-weight: bold;
    /* top level navigation */
    nav {
         background-color: #E5E4E2;
    nav ul {
         display: block;
         text-align: center;
         margin: 0;
         padding: 0;
    nav li {
         margin: 0;
         padding: 0;
         display: inline;
         position: relative;
    nav a {
        display: inline-block;
        text-decoration: none;
        padding: 10px 25px;
        color: #000;
    nav a:hover {
        background-color: #cfc6b0;
        color: #000;
    nav span {
         display: none;
    /* droplist navigation */
    nav ul ul {
         position: absolute;
         z-index: 1000;
         left: 0;
         top: 2em;
         background-color: #E5E4E2;
         text-align: left!important;
         display: none;
    nav ul ul li a {
         display: block;
         width: 12em;
         border-top: 1px dotted #ccc;
    .about {
         padding: 0 8%;
         margin: 0 auto;
         text-align: center;
         background-color: #E5E4E2;
    .about h2 {
        font-size: 260%;
        line-height: 200%;
        margin: 0;
        padding: 0;
        color: #000;
    .about p {
         font-size: 110%;
         line-height: 150%;
         margin: 0;
         padding: 0 0 20px 0;
    .productsWrapper {
         background-color: #000;
         overflow: hidden;
         padding: 30px 25px;
    .product {
         float: left;
         width: 25%;
         padding: 12px;
         text-align: center;
         color: #fff;
    .product img {
         border: 1px solid #fff;
    .view_details {
         ext-decoration: none;
         display: inline-block;
         padding: 15px 20px;
         border-radius: 6px;
         border: 1px dotted #ccc;
         color: #555;
         background-color: #fff;
    .view_details:hover {
         background-color: #E5E4E2;
    #mobileTrigger {
         padding: 10px 25px;
         font-size: 120%;
         display: none;
         color: #000;
    }footer {
         clear: both;
         background-color: #cfc6b0;
         padding: 30px;
         color: #fff;
         text-align: center;
         overflow: hidden;
    footer a {
         text-decoration: none;
         color: #000;
        float: left;
        width: 33.33%;
        color: #000;
        border: #000
    .footerBox {
        float: left;
        width: 33.33%;
        color: #000;
    </style>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <script>
    $(document).ready(function() {
    //activate mobile navigation icon when window is 768px
    $('#mobileTrigger').css('cursor','pointer').click(function() {
    $('#mobileTrigger i').toggleClass('fa-bars fa-times');
    $('nav ul').toggle();
    // show main desktop navigation onresize/hide sub navigation
    $(window).on('resize', function(){
    var win = $(this); //this = window
    if (win.width() > 768) {
    $('nav ul').show();
    $('nav ul ul').hide();
    //listen for navigation li being clicked
    $('nav ul li').click(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //events if window is less than 768px
    if ($(window).width() < 768){
    //stops submenu sliding up when mouse leaves mobile
    $('nav ul ul').show();
    else {
    //activate desktop submenu on hover
    $('nav ul li').mouseenter(function() {
    $(this).find('ul').slideToggle();
    //toggle font awesome icons
    $(this).find('i').toggleClass('fa-bars fa-times');
    //desktop submenu slides up when mouse leaves ul/li
    $('nav ul ul').mouseleave(function() {
    $(this).slideUp();
    $('nav ul li').mouseleave(function() {
    $(this).find('ul').slideUp();
    function MM_swapImgRestore() { //v3.0
         var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
         var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
         var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
         if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_findObj(n, d) { //v4.01
         var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
          d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
          if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
         for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
         var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
          if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    <style type="text/css">
    </style>
    <style>
    @media screen and (max-width: 768px) {
    .container {
         width: 100%;
    .product {
         width: 50%;
    #mobileTrigger {
         display: block;
         text-align: right;
    nav ul {
         display: none;
    nav li {
         display: block;
         text-align: left;
    nav a {
         display: block;
         font-size: 120%;
         border-top: 1px dotted #ccc;
    nav span {
         display: inline-block;
         float: right;
         font-size: 130%;
    /* droplist navigation */
    nav ul ul {
         position: static;
    nav ul ul li a {
         width: 100%;
    body: {
        font-size: 100%;
    @media screen and (max-width: 480px) {
    .product {
         float: none;
         width: 100%;
    body: {
        font-size: 95%;
    body,td,th {
         font-family: Marcellus, normal;
    #copyright {
         color: #000;
         font-weight: bold;
    </style>
    </head>
    <body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
    <header>
    <h1>LAPINEL ARTS LEATHERWORKS</h1>
    <nav>
    <div id="mobileTrigger"><i class="fa fa-bars"></i></div>
         <ul>
              <li><a href="#">ABOUT US</a></li>
              <li><a href="#">PROCESS</a></li>
              <li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
         <ul>
                   <li><a href="#">PURSES</a></li>
                   <li><a href="#">POUCHES</a></li>
                   <li><a href="#">TOTES</a></li>
                   <li><a href="#">WALLETS</a></li>
    </ul>
    </li>
    <li><a href="#">CART</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
    </nav>
    </header>
    <section class="about">
    <h2>PURSES</h2>
    <p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
    <p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
    </section>
    <div id="hover-image">
    <div class="wrap">
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    </div>
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0856 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0859 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0877_edited-1 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk">Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <div class="box">
    <div class="boxInner">
    <img src="810_0861 copy.jpg" />
    <div class="titleBox">
    <a href="http://www.bbc.co.uk"> Details</a>
    </div>
    </div>
    <!-- end boxInner -->
    </div>
    <!-- end box -->
    <!-- end wrap -->
    <footer>
    <div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
    <div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
    <div class="footerBox">COPYRIGHT 2015</div>
    </footer>
    </div>
    </body>
    </html>

  • My new IPad 3 cannot connect to WIFI even it has a full bar of the reception. In the same location, my PC and my smart phone get a full bar connection without any issues.  How can I do to fix the issues (can I switch to IPad 2)?

    My new Ipad 3 cannot connect to WIFI even it has a full bar of reception. In the same location, my Windows 7 PC and Andorid Smart phone can connect to the same WIFI without any issues.  How can I fix it?  Without WIFI, the WIFI only IPAD is nearly useless. If it cannot be fixed, can I get a replacement for IPad 2?

    Take it to an Apple Store for evaluation. If defective, you'll get a replacement.
    Look at iOS Troubleshooting Wi-Fi networks and connections  http://support.apple.com/kb/TS1398
    Additional things to try.
    Try this first. Turn Off your iPad. Then turn Off (disconnect power cord) the wireless router & then back On. Now boot your iPad. Hopefully it will see the WiFi.
    Change the channel on your wireless router. Instructions at http://macintoshhowto.com/advanced/how-to-get-a-good-range-on-your-wireless-netw ork.html
    How to Quickly Fix iPad 3 Wi-Fi Reception Problems
    http://osxdaily.com/2012/03/21/fix-new-ipad-3-wi-fi-reception-problems/
    If none of the above suggestions work, look at this link.
    iPad Wi-Fi Problems: Comprehensive List of Fixes
    http://appletoolbox.com/2010/04/ipad-wi-fi-problems-comprehensive-list-of-fixes/
     Cheers, Tom

  • PDF file annotation in smart phones and tabs

    Is it possible to open attachments inside PDF file through Adobe Reader in smart phones and tabs?

    Hi Vikrantt,
    Am still looking for a solution, I am attaching a few snapshots which I hope will help you understand my issue. These snapshots are taken from my desktop where as the same feature not working (rather not found) in Android or windows os mobile phones.
    I have made some comments in each image, I hope that makes a better understanding.
    Thanks,
    K.Rajesh

  • Smart phones not working

    I recently went from a windows 3002 server housing exchange 2007 (everything working fine including smart phone connectivity) to a new box, Windows 2008R2 housing Exchange 2013 this past weekend. Every thing is working but the smartphone connections. I can't
    get any smart phone connected. My iphone 4 comes up with "Exchange Account Unable to verify account information. two androids I have to work with both fail trying to authorize.
    Anybody having smart phone connectivity problems with exchange 2013, especially with the iphone?
    Any help would be appreciated,
    RJM 

    Hi Rod,
    Ensure you have certificate installed on the Exchange 2013 server and it should be assigned to the DWS in IIS VD
    Check authentication settings on IIS directory - basic and SSL should be checked
    If still issue exists remove and recreate active sync virtual directory
    Remove-ActiveSyncVirtualDirectory -Identity "Microsoft-Server-ActiveSync (Default Web Site)"
    Create new VD with New-ActiveSyncVirtualDirectory parameter
    Please mark as helpful if you find my contribution useful or as an answer if it does answer your question.That will encourage me - and others - to take time out to help you.
    Regards,
    Sathish
    website - exchangequery.wordpress.com

  • Can I use any smart phone to play webcam flash games?

    Can I use any smart phone to play webcam flash games?
    I'd tried to use my smartphone ( Android 2.2 + Flash Player 10 ) to play some "webcam flash games" with browser, but all failed, is anything necessary must downloaded to smartphone first? or any other system (for example, IE9? Windows Phone 7?) can make it?

    The Flash Player forum is here:
    http://forums.adobe.com/community/webplayers/flash_player
    This one is only for discussions on the forums themselves.

  • Video quality difficulties with Vimeo and Youtube sites and with smart phone

    Ever since the Vimeo and Youtube sites have changed, it has been pretty difficult to get the video quality I had before. I'm using Final Cut Express to edit, Quicktime Player to resize the video to 640x480 (is too wide when saving FCE project as Quicktime movie), and Jes Deinterlacer to remove all of the jaggies that the original deinterlacing on FCE doesn't fully do (skateboarding video). I'm aware Final Cut Express 4 is a discontinued product, and Apple support over the phone can't help me. The quality is TERRIBLE on my smart phone, and used to be really good before the site changed. The Vimeo app played my videos very clear. I'm using a MyTouch smart phone. I want to know if the quality being bad on mobile is because of the sites being changed, and if there is anything I can do to get the quality I want. I've worked on this the past three weeks, and this is my final option, so any help would be greatly appreciated. Thanks. Here are the steps I'm using to export (still trying more export options in Jes Deinterlacer).
    Step 1: In FCE, click "File", "Export", "Quicktime Movie". In "Include:", choose "Audio and Video", "All Markers" for "Markers:", and check box "Make Movie Self-Contained".
    Step 2: Open file in QT Player. Click "Window" (at the top between "View" and "Help"), and choose "Show Movie Properties". Click "Video Track", and click "Visual Settings". Change the dimensions (which are supposed to be 720x480 4:3 but the video is stretched). Enter "640 x 480" for "Scaled Size:", then same with "Offset:" Keep "Preserve Aspect Ratio" unchecked, then when finished entering numbers check it (doesn't let you uncheck it which would be best). Check the "High Quality" box if it hasn't already been checked. Close the window, and click "File", and then "Save".
    Step 3: Open file in Jes Deinterlacer. In "Input", check box "Reinterlace Chroma", choose "Video range", and check "Remove Jaggies". For "Project", choose "Deinterlace" and "Use Bottom Field". Check "Adaptive", "Local", and "Filter Chroma". In "Output", choose "Video range". Choose "Export", and "Mpeg-4". For "File Format:" choose "MP4", for "Video Format:" choose "H.264", and for "Data Rate:" enter "2000" for "kbits/sec". Leave "Optimized for:" "Download" as is. Choose "640x480 VGA" for "Image Size:", and "Current" for "Frame Rate:". For "Key Frame:" choose "Every", and enter "24" for "frames". Click "Video Options". Leave the "Main" box checked, and check "Baseline" for "Restrict Profile(s) to:". Choose "Best Quality (Multi-pass)" for "Encoding Mode:". Click "Ok". Click "Audio" (since done with "Video"). For "Audio Format:" choose "AAC-LC (Music), for "Data Rate:" choose "320 kbps", for "Channels:" leave as "Stereo", for "Output Sample Rate:" choose "44.100 kHz", and for "Encoding Quality:" choose "Best". Click "Ok" (leave "Streaming" alone).

    First, I would do a Search on this forum for "FRAPS." There are several articles with comments on the best workflow and also settings for Import and for Export.
    Next, YouTube is trobulesome. First, they re-encode everything and their specs seem to change weekly. It's tough to find out what they want on any given day. I'd go to their site and get the very latest instructions and attempt to duplicate those perfectly, knowing that they might be different tomorrow.
    Good luck with this one, and good luck with the FRAPS footage.
    Hunt

  • Introduction of Lenovo Lephone S720 Smart phone

    Lenovo lephone S720 smart phone is a dual core 1.0 GHz processor and have the Andriode Version 4.0 in multi language. Do you know that it has RAM of 512 MB. Its size is 132.3 x 68.3 x 9.9 mm and have a wide screen 4.5 inches with 16M colors. 
    http://www.jsxltech.com/collections/c1-cellphone-c2-brand-c3-lenovo/products/lenovo-lephone-s720-sma...
    It supports dual sim and also have the facilty of FM, GPS and Gravity Sensor. It has dual Camera, blue tooth and WiFi.

    Hi Pat,
    Sorry - I misunderstood your first post. Of course, when the cover is closed it is useful that pressing the power button switches on clock mode. However, it might also be nice to have the option that opening the cover (when not in clock mode but asleep) switches the phone straight to homescreen, so you don't have to press the power button.
    Maybe the reason you can't (as far as I know) do this is that the cover doesn't appear to work by some magnetic mechanism so can actually fall open quite easily when it's out of your pocket. I also imagine it might drain the battery.
    What's also a bit strange is that when I switch lockscreen in settings to 'none', then without the cover that is what I get: no lockscreen - pressing the power button goes straight to homescreen. However, with the cover, if the screen is off and you open the cover and then press the power button, you still get a lockscreen and therefore have to swipe to get to homescreen. Therefore, in general it is better to wake up the phone with the power button BEFORE you open the cover.
    The cover is very thin; the outside is made of some kind of very matte faux-leather plastic that has a rather papery feel. The inside is made of a textured rubber. The quality is reasonably good.
    1. The window is made of transparent plastic (which attracts finger prints).
    2. The camera window is simply a hole and the the cover more than raises it past the protruding camera (which is a good thing).
    Overall, the cover takes the phone from 7.7mm to almost 12mm, which is acceptable.
    I bought it on alza. lenovoonline.sk has it, but for a similar price. I'm sure you can get something similar considerably cheaper on aliexpress or amazon, but I couldn't guarantee quality, functionality, delivery times and costs, etc.
    Regards,
    Beaton

  • Smart Phone O2, Dopod, iPaq can't authen with WPA-PSK(TKIP)

    I used Cisco AP 1100 and WPA-PSK (TKIP) My notebook can authenticated but smart phone can't it. I see log at AP "authentication failed" What happen?

    Hello,
    I have similar problem. We have wireless handhelds same firmware version however different types of wireless cards. The old type has Cisco AIronet 350 and the new ones have Wistron 802.11G. The new ones can authenticate successfully using WPA + TKIP. The old ones don't authenticate and I get authentication failure on the access point log.
    I appreciate if anybody can give me some ideas.
    Remark: I connected my laptop and directly connects as well. It is only the old type of handhelds having the Cisco Aironet 350.
    All handhelds have windows CE 5.0 and latest drivers and firmware installed.
    Thanks,

Maybe you are looking for