Autor Zpráva
Thorma
Profil
Dobrý den!
Chtěl bych požádat o radu ohledně mého problému.
Mám hotovou stránku - vše se zdá OK.
Problém nastane, když křížkem dám minimalizovat obraz.
Pak se prvek( budoucí fotka )jako jediný prvek přesune dolů a nezůstane na své pravé straně.
Poradíte co je třeba udělat?

Děkuji
margin
Profil *
Thorma:
Problém nastane, když křížkem dám minimalizovat obraz.
Nerozumím, (ve většině okenních systémů) se "křížkem" zavírá, pro minimalizaci je tlačítko s vodorovnou čárou, výsledek je vizuálně stejný, stránku není vůbec vidět.

Poradíte co je třeba udělat?
Použít pro stránku obalový element vhodné šířky, Pochopit příklad: Jednoduché schéma stránky.
Thorma
Profil
Jojo - máte pravdu. Pardon.
Pomůže pozicování např. absolutní?

Myslím, že to mám.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 <head>
   <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
   <meta http-equiv="cache-control" content="no cache" />
   <meta http-equiv="pragma" content="no-cache" />
   <meta http-equiv="Content-language" content="cs" />
   <meta name="description" content="" />
     <meta name="copyright" content="" />
   <meta name="keywords" content="" />
   <meta name="author" content="" />
   <title></title>
    <!-- <style type="text/css"> </style> -->
   <link rel="stylesheet" type="text/css" href="css/style.css" />

 </head>    
 <body>

<div class="obal">
  
  <div class="hlavicka_obal">         
  <div class="hlavicka">     
    <div class="horni_lista"></div>
    <div class="kontakt_horni"></div>
    <div class="sipka_horni"></div>
    <div class="logo"></div>     
    <div class="menu"></div>
    <div class="cara"></div>
  </div>
  </div>  
      
 <div class="body">  
   
                              
   <div class="blok_levy"> 
     <div class="tlacitka"></div>                     
     <div class="titulek"></div> 
     <div class="sipka_stred"></div> 
     <div class="hlavni_text"></div>
   </div>
      
   <div class="blok_pravy">
     <div class="foto"></div>
     <div class="deset_let"></div>
   </div> 

 
</div>                  
    
   <div class="paticka"> 
     <div class="text_dole"></div>
     <div class="barevna_lista"></div>   
     <div class="kontakt_dole"></div>
   </div>
</div>       

    
     
 </body>   

</html>


/* CSS Document */
html,body {
  font-style:verdana; 
  font-size: 14px; 
  margin:0px;
    padding:0px;
    min-height:100%;
  min-width:100%;
    }
     
html, body, h1, h2, p, menu, li, pre, ul  { 
    margin: 0; 
    padding: 0; }

h1, h2, h3  { 
    padding-left: 15px; 
    }    

div.obal {
  min-width:955px;
  text-align:left;
  margin:0 auto;
  text-align:left;
  background:yellow;
      }

div.hlavicka_obal {
  height: 250px; 
  width: 995px;
  background:lightblue;
    } 
    
div.hlavicka {
  height: 250px; 
  width: 995px;
  margin-left: 133px;
  background:red;
  }     

div.horni_lista {
  height: 12px; 
  width: 995px;
  float:left;
  margin-left:0px;
  background: #50253c;
   }     

div.kontakt_horni {
  height: 68px; 
  width: 106px;
  position:relative;
  left: 889px;
  top: -17px;
  background:lightgreen;
    }

div.sipka_horni {
  height: 31px; 
  width: 19px;
  float:right;
  margin-right:120px;
  margin-top:-50px;
  background: maroon;
    }

div.logo{
  height: 96px; 
  width: 216px;
  float:left;
  margin-top: -35px;
  margin-left: 23px;
  background:black;
    }  
  
div.menu {
  height: 60px; 
  width: 640px;
  margin-left: 355px;
  background:yellow;
      } 

div.menu a {
  margin-left: 15px;
  margin-right: 10px;
  text-align:top; 
      }

div.cara {
  height: 57px; 
  width: 995px;
  margin-top:30px;
  border-top: solid 2px #d6d8d5;
  border-bottom: solid 2px #d6d8d5;
  clear:right;
  background:orange;
  }
  
div.body {
  padding:0px;
    margin-bottom:63px;    /* Height of the footer */
  background:green;
   }  

div.blok_levy {
  width:452px;
  margin-top: 7px;
  margin-left:133px;
  float:left;
  background: gold;
    }    

div.tlacitka {
  height: 203px; 
  width: 410px;
  float:left;
  margin-top: -40px;
  margin-left:22px;
  background:silver;
   }

div.tlacitka img {
  margin-right: 14px; 
    }

div.titulek {
  height: 60px; 
  width: 340px;
  float:left;
  margin-top: 50px;
  margin-left:18px;
  background:gray;
    }

div.sipka_stred {
  height: 19px; 
  width: 31px;
  float:left;
  margin-top: 75px;
  margin-left:23px;
  background:silver;
    }

div.hlavni_text {
  width: 400px;
  float:left;
  margin-left:17px;
  background:pink;  
    }

div.hlavni_text p {
padding:15px;
margin-bottom:55px;
text-align:justify;
  }

div.blok_pravy {
  height:692px; 
  width:542px;
  float:left;
  margin-top: 7px;
  margin-left:0px;
  background:blue;
     }    

div.deset_let {
  height:283px; 
  width:190px;
  margin-top: -697px;
  margin-left:310px;
  background:blue;
     }

div.foto {
  height:667px; 
  width:542px;
  margin-top: -10px;
  margin-left:0px;
  background:maroon;
   }


div.paticka {
  position:relative;
  left:133px;
  top: 10px;
  width:995px;
    height:63px;
  background:lightgreen;
     }     

div.barevna_lista {
  height: 12px;
  width:995px; 
  background: #50253c;
  clear:left;
  float:left;
  background:yellow;
  
  margin-top: -59px;
  margin-left:-1px;
  }

div.kontakt_dole {
  height: 43px; 
  width: 106px;
  margin-top: -88px;
  float:left;
  margin-left:19px;
  background:pink;
    }
  
div.text_dole {
  height: 50px; 
  width: 995px;
  margin-top:-35px;
  margin-left:-1px;
  float:left;
  clear:both;
  background:#983266;
     } 

img {border:none;}

 

     

a {color:black;font-weight:bold; text-decoration: none;}  
a:visited  {color:black;font-weight:bold; text-decoration: none;}
a:hover  {color:black;} 
margin
Profil *
Žádný obrázek v HTML kódu nevidím. Místo haldy kódu dávej odkaz na živou ukázku.
Pocizování není cestou k řešení tohoto problému.
Thorma
Profil
Nemám živou ukázku... :-( (zatím)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: