Autor | Zpráva | ||
---|---|---|---|
Adkjoif Profil * |
#1 · Zasláno: 2. 9. 2013, 11:37:56
Zdravím, stáhnul jsem si HTML/CSS šablonu a začal jsem jí upravovat, všechno je v pohodě až na API mapy.cz, když dím kód:
<div class="header"> . . . <div class="footer"> <div id="mapa" style="width:600px; height:400px;"></div> <script type="text/javascript"> var stred = SMap.Coords.fromWGS84(14.41, 50.08); var mapa = new SMap(JAK.gel("mapa"), stred, 10); mapa.addDefaultLayer(SMap.DEF_BASE).enable(); mapa.addDefaultControls(); </script> <div> <h1>Bzzzzzz</h1> <p> <ol> Bzzzzzz<br> Bzzzzzz<br> Bzzzzzz<br> Bzzzzzz<br> Bzzzzzz<br> </ol> </p> </div> </div> do těla stránky tak je všechno v pohodě a mapa se zobrazuje normálně, když ovšem vložím kód do patičky (<div class="footer">) tak se mapa zobrazuje takto: http://prntscr.com/1ooh7h což nechápu. Zde je css kód pro footer, prosím o radu, jak to "hodit do normálu", dekuji body { background: url(../images/bg-body.jpg) repeat; color: #356618; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; min-width: 940px; padding: 0; } a { outline: none; } img { border: 0; } p { margin: 0; text-align: justify; } p a { color: #356618; } p a:hover { color: #66a143; } #page { background: #356618; margin: 0 auto; padding: 0 20px; width: 900px; } #header { background: #ffffff; height: 49px; } #header a#logo { display: block; height: 86px; padding: 15px 0 0 20px; } #header a#logo img { display: block; margin: 0 auto; } #header > ul { background: #4b4b4b; height: 49px; float: left; list-style: none; margin: 0; padding: 0; width: 900px; } #header > ul > li { float: left; position: relative; width: 150px; } #header > ul > li > a { color: #f0f2c9; display: block; letter-spacing: 0.1em; line-height: 49px; text-align: center; text-decoration: none; } #header > ul > li.current > a, #header > ul > li.current > a:hover, #header ul li ul li.current a, #header ul li ul li.current a:hover { background: #96b285; color: #356618; } #header ul li a:hover { background: #daead0; color: #1b330c; } #header ul li ul { list-style: none; left: -99999px; margin: 0; overflow: visible; padding: 11px 0 0; position: absolute; top: 49px; width: 150px; z-index: 2; } #header ul li:hover ul { left: 0; top: 49px; } #header ul li ul li { background: #4B4B4B; } #header ul li ul li a { color: #f0f2c9; display: block; line-height: 31px; text-align: center; text-decoration: none; } #body { background: #ffffff; } #body div.header { height: 557px; } #body div.header div { position: relative; } #body div.header div a img, #body div.header ul li a.figure img, #body div.body ul li a img { display: block; filter: alpha(opacity=100);/* Needed for IE8 and old versions */ opacity: 1; } #body div.header div a img:hover, #body div.header ul li a.figure img:hover, #body div.body ul li a img:hover { filter: alpha(opacity=90);/* Needed for IE8 and old versions */ opacity: 0.9; } #body div.header div div { background: url(../images/bg-description.png) repeat; bottom: 0; position: absolute; padding: 17px 20px; left: 0; width: 860px; } #body div.header div div h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; margin: 0; text-transform: uppercase; } #body div.header div div h1 a { color: #e3e699; text-decoration: none; } #body div.header div div h1 a:hover { color: #ffffff; } #body div.header div div p { color: #ffffff; letter-spacing: 0.028em; line-height: 24px; } #body div.header div div p a.continue { background: url(../images/interface.png) no-repeat -400px 0; display: inline-block; height: 20px; left: 3px; position: relative; top: 5px; width: 20px; } #body div.header div div p a.continue:hover { background: url(../images/interface.png) no-repeat -400px -20px; } #body div.header ul { background: #356618; list-style: none; margin: 0; overflow: hidden; padding: 10px 0; } #body div.header ul li { background: url(../images/separator1.png) repeat-y; float: left; overflow: hidden; padding: 9px 20px 7px 0; width: 280px; } #body div.header ul li:first-child { background: none; } #body div#content ul.section li img, #body div.header ul li a.figure { display: block; float: left; } #body div.header ul li a.figure img { display: block; border: 1px solid #ffffff; margin: 0 20px 0; } #body div.header ul li.current h3 a { color: #e3e699; } #body div.header ul li h3 { font-size: 16px; font-weight: normal; line-height: 13px; letter-spacing: 0.028em; margin: 0; padding: 0 0 10px; } #body div.header ul li h3 a { color: #e3e699; text-decoration: none; } #body div.header ul li h3 a:hover { color: #ffffff; } #body div.header ul li p { color: #ffffff; letter-spacing: 0.022em; line-height: 18px; text-align: left; } #body div.body { padding: 23px 20px 0; } #body div.body h1, #body div.footer div h1 { background: #dce9d4; border-bottom: 2px solid #b3cca4; color: #836145; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; font-weight: normal; height: 37px; line-height: 37px; margin: 0; padding: 0 0 0 20px; text-transform: uppercase; text-shadow: 1px 1px 1px #ffffff; } #body div.body ul { list-style: none; margin: 0; overflow: hidden; padding: 21px 0; } #body div.body ul li { float: left; margin: 0 0 0 20px; width: 200px; } #body div.body ul li:first-child, #body div#content ul.section li:first-child, #body div#content div#sidebar div ul li:first-child { margin: 0; } #body div.body ul li h2 { color: #836145; font-size: 16px; font-weight: normal; margin: 0; padding: 24px 0 10px; text-transform: uppercase; } #body div.body ul li p { color: #4b4b4b; letter-spacing: 0.028em; line-height: 24px; text-align: left; } #body div.footer { border-top: 1px solid #d7d6cd; margin: 0 20px; overflow: hidden; padding: 23px 0; } #body div.footer img { display: block; float: left; } #body div.footer div { float: right; width: 540px; } #body div.footer div ol { margin: 0; padding: 20px 0 0 20px; } #body div.footer div ol li { color: #4b4b4b; font-weight: bold; margin: 10px 0; } #body div.footer div ol li p { font-weight: normal; letter-spacing: 0.028em; line-height: 24px; } #body div#content { border-top: 1px solid #5d8546; overflow: hidden; padding: 35px 20px; } #body div#content h1 { color: #818181; font-size: 20px; letter-spacing: 0.028em; margin: 0; text-transform: uppercase; } #body div#content h3 { color: #836145; font-size: 16px; font-weight: normal; letter-spacing: 0.028em; line-height: 24px; margin: 0; padding: 30px 0 0; } #body div#content h3.first { padding: 12px 0 0; } #body div#content p { letter-spacing: 0.028em; line-height: 24px; padding: 25px 0 0; } #body div#content ul.section { list-style: none; margin: 0; padding: 29px 0 0; } #body div#content ul.section li { margin: 35px 0 0; overflow: hidden; } #body div#content ul.section li span { display: block; float: left; } #body div#content ul.section li div { float: right; width: 520px; } #body div#content ul.section li div h2, #body div#content div#article h2 { color: #836145; font-size: 16px; letter-spacing: 0.028em; line-height: 13px; margin: 0; } #body div#content ul.section li div p { padding: 23px 0 0; } #body div#content form { margin: 0; padding: 30px 0 0; } #body div#content form p { color: #818181; padding: 0 0 25px; } #body div#content form label { display: block; margin: 20px 0; overflow: hidden; } #body div#content form label span:first-child { background: none; color: #836145; float: left; height: auto; text-transform: uppercase; width: 200px; } #body div#content form label span { background: url(../images/interface.png) no-repeat; display: block; float: left; height: 19px; width: 320px; } #body div#content form label span input { background: none; border: none; color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 17px; letter-spacing: 0.028em; line-height: 17px; margin: 1px 0 0 2px; padding: 0; width: 316px; } #body div#content form label span.message { background: url(../images/interface.png) no-repeat 0 -25px; height: 151px; } #body div#content form label span.message textarea { background: none; border: none; color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 147px; letter-spacing: 0.028em; margin: 2px 0 0 2px; overflow: auto; padding: 0; resize: none; width: 316px; } #body div#content form input#send { background: url(../images/interface.png) no-repeat -331px -56px; border: none; color: #ffffff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; height: 25px; letter-spacing: 0.028em; line-height: 25px; margin: 0 0 0 440px; text-align: center; text-shadow: 1px 1px 1px #514b61; text-transform: uppercase; width: 80px; } #body div#content form input#send:hover { background: url(../images/interface.png) no-repeat -331px -81px; } #body div#content div#article { border-right: 1px solid #96b285; float: left; padding: 0 20px 0 0; width: 580px; } #body div#content div#article img { display: block; margin: 0 0 35px; } #body div#content div#article h1 { padding: 0 0 17px; } #body div#content div#article h2 { line-height: 24px; } #body div#content div#article span { color: #818181; display: block; letter-spacing: 0.028em; line-height: 24px; } #body div#content div#sidebar { float: right; width: 242px; } #body div#content div#sidebar h3 { color: #818181; font-weight: bold; line-height: normal; padding: 0 0 15px; text-transform: uppercase; } #body |
||
Časová prodleva: 3 dny
|
|||
Fisir Profil |
#2 · Zasláno: 5. 9. 2013, 16:37:55
|
||
Časová prodleva: 11 let
|
0