Pozicování

Pozicování

Vlákno bylo úspěšně vloženo.

Pokud sám přijdeš na řešení, nezapomeň ho sem přidat!

Salieri

~ Anonymní uživatel
~ 28 příspěvků

30. 11. 2013 #1

Zdravím,
doufám, že mi pomůžete......

Tento box potřebuji dostat tam kam je vyznačeno na obrázku.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   <meta name="generator" content="PSPad editor, www.pspad.com">

   <link rel="stylesheet" href="index.css" type="text/css">
   <title></title>
   </head>
   <body>

            <!------Pro hlavicku------->
            <center>
                  <div class="hlavicka">

                  </div>
            </center>
            <!------------------------->

            <!------Pro image-poprípadne slide-show--->
            <center>
                     <div class="image">
                     <img src="image/1.jpg" width="100%" height="100%">
                     </div>
            </center>
            <!---------------------------------------->

            <!--------Hlavni obsah----------->
            <center>
                     <div class="hlobsah">


                     </div>
                   <div class="menu">

                       <h4>Menu</h4>

                   <ul>
                     <li><a href="index.php">O nás</a></li>
                     <li><a href="#">Na prodej</a></li>
                     <li><a href="#">Prodané</a></li>
                     <li><a href="#">Prodej na splátky</a></li>
                     <li><a href="#">Pojištění motocyklů</a></li>
                     <li><a href="#">Doprava motocyklů</a></li>
                     <li><a href="kontakt.php">Kontakt</a></li>
                 </ul>

                    <br>

                    <h4>Aktuality</h4>
                    <div class="vypaktu">
                    <a href="uaktuality.php">Pro podrobnější aktuality</a>




                    </div>
                     <!---------------------->








                     </div>
            </center>
            <!------------------------------->




            <!-------Paticka---------->
             <center>
                  <div class="paticka">
                   <a href="logadmin.php">Administrace</a>
                  </div>
             </center>

            <!----------------------->


   </body>
 </html>
/* Pro body */
 body{
 padding:0px;
 margin:0px;
 color:white;
 background:#111111;
 }
 /* Pro hlavicka */
 .hlavicka{
 border:solid black 2px;
 color:white;
 background:#800000;
 padding:4px;
 max-width:62%;
 min-width:60%;
 text-align:left;
 font-weight:bold;




 }
 .vypaktu{
 text-align:center;

 }




 /* Pro image */
 .image{
 border:solid white 2px;
 height:38%;
 width:62%;


 }
 /*Pro hlavní obsah*/
 .hlobsah{
 border:solid white 1px;
 height:120%;
 width:50%;
 background:black;
 padding:0px;
 margin:0px;
 position:relative;left:6%;

 }
 /*Pro menu*/
 .menu{
 float:left;
 border:2px solid black;
 height:50%;
 width:15%;
 text-align:left;
 box-shadow: 0px 0px 6px white;





 }






 .menu a {
 color:white;
 text-decoration:none;

 }


 .menu a:hover{
 text-decoration:underline;
 color:gray;

 }
 .menu ul li{
 list-style:none;

 }
 .menu h4{
 color:red;

 }
 /* Pro paticku */
 .paticka{
 border:solid black 2px;
 color:white;
 background:#800000;
 padding:4px;
 width:62%;
 text-align:left;
 font-weight:bold;




 }
 .

Připojen obrázek.