Autor | Zpráva | ||
---|---|---|---|
Thorma Profil |
#1 · Zasláno: 10. 4. 2013, 13:19:33
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 * |
#2 · Zasláno: 10. 4. 2013, 13:33:16
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 |
#3 · Zasláno: 10. 4. 2013, 13:43:58
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 * |
#4 · Zasláno: 10. 4. 2013, 13:53:30
Žá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 |
#5 · Zasláno: 10. 4. 2013, 14:16:08
Nemám živou ukázku... :-( (zatím)
|
||
Časová prodleva: 11 let
|
0