Autor Zpráva
DeeJay
Profil *
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
DeeJay:
Nemáš uzavřené divy wrapper a wrapper2.
DeeJay
Profil *
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>  

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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