Autor | Zpráva | ||
---|---|---|---|
DeeJay Profil * |
#1 · Zasláno: 11. 2. 2013, 18:17:39
Ahoj, potřebuju pomoc s roztažením stránky.
Chci aby to bylo jako index.html http://kfc-gaming.eu/DeeJay/reference.html http://kfc-gaming.eu/DeeJay/index.html Ale chci tam jen to o mě a aby se mi narovnal footer tam kde má být. Díky :) |
||
jenikkozak Profil |
#2 · Zasláno: 11. 2. 2013, 18:40:15
DeeJay:
Nemáš uzavřené divy wrapper a wrapper2 .
|
||
DeeJay Profil * |
#3 · Zasláno: 11. 2. 2013, 19:02:11 · Upravil/a: DeeJay
Děkuju. A ještě to potřebuju roztahnout.
CSS: body {color: #000;background:url(images/bg.jpg) center top no-repeat;background-color: black;margin:0 auto;} /*Stránka*/ #wraper {background:url(images/stranka.png) center top no-repeat;width:1280px;height:551px;margin:0 auto;} #wraper2 {width:1280px;height:551px;margin-top:168px;} /*Panely na stránce*/ /*Panel o mě*/ .ome {background:url(images/ome.png) no-repeat;width:505px;height:217px;float:left;margin-left:113px;margin-top:23px;} .text {margin-left:20px;margin-top:20px;width: 460px;color:#c7c7c7;font-family:arial;font-size:12px;} .nadpisO {color:black;margin-left:225px;margin-top:10px;font-size:16px;font-family:arial;} /*Panel slider*/ .reference {background: url(images/reference.png) no-repeat;width:505px;height:218px;float:right;margin-right:157px;margin-top:23px;} .nadpisR {float:right;color:black;font-family: arial;font-size:16px;margin-top:10px;margin-right:212px;} .vice a {color:#0090ff;font-size:12px;font-family:arial;margin-top:5px;margin-right:23px;float:right;text-decoration:none;} /* Slider */ .jcarousel-prev { width:70px;height:100px;background:url('images/left.png') no-repeat 0 0;position:absolute;top:20px;left:-60px;cursor:pointer;z-index:20; } .jcarousel-next { width:72px;height:100px;background:url('images/right.png') no-repeat 0 0;position:absolute;top:20px;right:-60px;cursor:pointer;z-index: 20; } #slider {float:right;margin-top:20px;margin-right:40px; } .jcarousel-clip, .slider-carousel { width:419px;height:135px;} .slider-carousel ul { list-style:none; } #slider img {width:419px;height:136px; } /*Panel nabidka*/ .nabidka {background:url(images/nabidka.png) no-repeat;width:325px;height:167px;float:left;margin-left:122px;margin-top:60px;} .vice a {color:#0090ff;font-size: 12px;font-family:arial;margin-top:5px;margin-right:23px;float:right;text-decoration:none;} .tvorba {text-align:center;color:white;font-size:12px;margin-top: 15px;} .nabid{text-align:center;margin-top:15px;} .nab {color:#c7c7c7;font-size:12px;font-family:arial;} /*Panel odkazy*/ .odkazy {background:url(images/odkazy.png) no-repeat;width:333px;height:170px;float:left;margin-left:18px;margin-top:57px;} .odkaz a {text-decoration:none;color:#c7c7c7;font-size:13px;} .linky {text-align:center;margin-top:20px;} /*Panel statistika*/ .statistika {background:url(images/statistika.png) no-repeat;width:321px;height:167px;float:left;margin-left:7px;margin-top:60px;} .toplist {text-align:center;margin-top: 30px;opacity:0.2;filter:alpha (opacity=20);} .toplist:hover {opacity:1;filter:alpha (opacity=100);} /*Nadpis ve 3 panelech dole*/ .nadpis {color:black;margin-left:130px;margin-top:10px;font-size:13px;font-family:arial;} /*Konec panelu na strance*/ /*footer*/ #footer {background:url(images/footer.png) center top no-repeat;width: 1119px;height:29px;margin:0 auto;text-align:center;color:#c7c7c7;padding-top:3px;} a {color:#0090ff;text-decoration:none;} HTML : < <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DeeJay's Design</title> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="description" content="DeeJay's Design" /> <meta name="keywords" content="DeeJay's Design" /> <meta name="robots" content="noindex,follow" /> <meta name="author" content="DeeJay" /> <link rel="stylesheet" type="text/css" href="style1.css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.jcarousel.js"></script> <script type="text/javascript" src="js/jquery-func.js"></script> </head> <body> <div id="wraper"> <div id="wraper2"> <div class="ome"> <div class="nadpisO">O mě</div> <div class="text"> <p>Vítám vás na mé oficiální stránce na, které bych vám chtěl postupně předvádět své tvorby.</p> <p>Pokud by někdo z vás měl zájem o design není problém mě kontaktovat.</p> </div> </div> </div> </div> <div id="footer">DeeJay's Design</div> </body> </html> |
||
Časová prodleva: 11 let
|
0