8 Replies Latest reply on Apr 7, 2014 1:50 AM by sashaa777

    hov to move pictures separetly

    sashaa777

      I posted a video here so u see my problem. https://www.youtube.com/watch?v=JgqcE2d5-PQ&feature=youtu.be

      My 3 pictures are moving, why?

      I did not do anything.

      I want thouse pictures to mever separetly to their own location but they are moving like they are linked and staked on top.

       

      Please help!

        • 1. Re: hov to move pictures separetly
          Ken Binney Adobe Community Professional & MVP

          No more videos please, without seeing your code, we can only guess.

          Please paste code here or put it on your server and post a link.

           

          My quess is that you are using absolutely positioned DIVs and possibly one of those DIVs is positioned inside another.

           

          Don't use AP DIVs for layouts http://www.apptools.com/examples/pagelayout101.php

           

          You are also using images of text. Google can't read image to index and rank your site,

          • 2. Re: hov to move pictures separetly
            sashaa777 Level 1

            Hello.

            I am posting videos because i think it will be much better to explain what i have for me.

             

            This is the reason why i am using images because i have custom fonts and i do not want my site to be transleted by google because it cannot do it 100% corectly and i want it to be 100% corectly!!!

             

            Also i am taping in full Cirillic which unfortionaly is not awailable in unicode.

             

             

            Here is a code for ur demend:

            <!DOCTYPE HTML>

            <html>

            <head>

            <meta charset="UTF-8">

            <title>Слово и дело</title>

            <meta name="viewport" content="width = 1200, minimum-scale = 0.25, maximum-scale = 1.60">

            <meta name="generator" content="Freeway Pro 6.1.2">

            <style type="text/css">

            <!--

            body {

                      position: absolute;

            }

            html { height:100% }

            form { margin:0px }

            body > form { height:100% }

            img {

                      left: 89px;

                      top: 279px;

                      position: absolute;

            }

            button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }

            table { empty-cells:hide }

            td { padding:0px }

            .f-sp { font-size:1px; visibility:hidden }

            .f-lp { margin-bottom:0px }

            .f-fp { margin-top:0px }

            em { font-style:italic }

            h1 { font-weight:bold; font-size:18px }

            h1:first-child { margin-top:0px }

            h2 { font-weight:bold; font-size:16px }

            h2:first-child { margin-top:0px }

            h3 { font-weight:bold; font-size:14px }

            h3:first-child { margin-top:0px }

            strong { font-weight:bold }

            #PageDiv { position:relative; max-width:1200px; min-height:100% }

            #item2 { position:absolute; left:238px; top:411px; width:811px; height:63px; z-index:1 }

            #item1 { position:absolute; left:267px; top:248px; width:700px; height:95px; z-index:2 }

            #item3 { position:absolute; left:388px; top:21px; width:96px; height:120px; z-index:3 }

            #item4 {

                      position: absolute;

                      left: 227px;

                      top: 22px;

                      width: 842px;

                      height: 186px;

                      z-index: 4

            }

            -->

            </style>

            <!--[if lt IE 9]>

            <script src="../Resources/html5shiv.js"></script>

            <![endif]-->

            </head>

            <body>

            <a href="nacatok.html"><img src="Resources/slovoi1.png" width="709" height="95" alt=""/></a><a href="nacatok.html"><img src="Resources/slovoi2.png" width="804" height="68" alt=""/></a><a href="nacatok.html"><img src="../Resources/Заголовок.png" width=648 height=240 alt="  СОВЭСТЬ." style="float: left; position: absolute; left: 189px; top: 17px;"></a><a href="nacatok.html"><img src="Resources/Слово-те....png" width="523" height="77" alt=""/></a>

            </body>

            </html>

            • 3. Re: hov to move pictures separetly
              Ken Binney Adobe Community Professional & MVP

              Thanks you for providing the code we need to see.

              I don't see any classes on your 3 DIVS to have them controlled by your CSS

              • 4. Re: hov to move pictures separetly
                MurraySummers Level 8

                I don't see any divs!

                • 5. Re: hov to move pictures separetly
                  Ken Binney Adobe Community Professional & MVP

                  A wild assumption on my part... mea culpa

                  • 6. Re: hov to move pictures separetly
                    sashaa777 Level 1

                    Lol guys.

                    Originaly i creatd my web site with Freeway, but i like Creative Cloud alot more so i want to switch, but i do not know anything about code.

                    If it will not be hard what i have to change exactly?

                    • 7. Re: hov to move pictures separetly
                      osgood_ Level 8

                      You would need to change your code to as below:

                       

                       

                      <div id="item1"><a href="nacatok.html"><img src="Resources/slovoi1.png" width="709" height="95" alt=""/></a></div>

                       

                      <div id="item2"><a href="nacatok.html"><img src="../Resources/Заголовок.png" width=648 height=240 alt="СОВЭСТЬ."></a></div>

                       

                      <div id="item3"><a href="nacatok.html"><img src="Resources/slovoi2.png" width="804" height="68" alt=""/><img src="Resources/Слово-те....png" width="523" height="77" alt=""/></a></div>

                       

                       

                      Also you need to delete this css:

                       

                      img {

                                left: 89px;

                                top: 279px;

                                position: absolute;

                      }

                       

                       

                      I don't know what your doing but its the wrong approach.

                      1 person found this helpful
                      • 8. Re: hov to move pictures separetly
                        sashaa777 Level 1

                        Hello. Thank u very much.

                        I dsided to created the page from scratch and used all advices from here, and also got CSS from here https://raw.github.com/agat/css-framework/master/css/framework.css

                        http://agat.github.io/css-framework/

                        and here what i did

                        http://давайте-жить-по-совести.рф/Slavic%20Language/Глаголь%20о%20деле.html

                         

                        Thank u very much to awrybody!!!