Autor Zpráva
DeeJay
Profil *
Ahoj, potřebuju zvětšit ten rámeček "O mě"
http://kfc-gaming.eu/DeeJay/reference.html
Ale zvětšit aby končil u kraje rámu asi tak daleko jako na začátku.

Reference.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">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<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>   

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;}

A potřebuju tam dát češtinu protože na index stránce mi to jde normálně na utf-8 a tady ne.
Kamikazec
Profil *
Ja by so


Ja by som dal do kódu v CSS <code>left-margin: auto
right-margin: auto</code>
a požadovanú veľkosť a bude to v strede ;)


A namiesto UTF-8 ktoré po nahodení na hosting nefunguje daj <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
margin
Profil *
Kamikazec:
Plácáš nesmysly.
DeeJay sice píše nesrozumitelně, takže nechápu, co chce, ale píše, že chce „zvětšit ten rámeček "O mě"“.
left-margin ani right-margin a ani kdybys tyhle vlastnosti napsal správně, tak se DeeJayovi rámeček nevycentruje.

A namiesto UTF-8 ktoré po nahodení na hosting nefunguje daj <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
UTF-8 je regulérní kódování a DeeJay ná češtinu na stránce natolik pokaženou, že jakákoliv změna nevede ke správnému výsledku. Další důvod je ten, že na stránce je BOM (jeden na začátku, a ten při kódování utf-8 nevadí), takže prohlídnout si, jak stránky vypadá při jiném kódování není úplně triviální záležitost, ale jde to.
DeeJay
Profil *
margin:
A co mi pomůže na to vycentrování ?
margin
Profil *
Element, který má float, vzdoruje snahám o vycentrování.
DeeJay
Profil *
A dá se to nějak předělat ?


Trošku jsem to překopal teď je to uprostřed.
.ome {background:url(images/ome.png) no-repeat;width:505px;height:217px;margin-left:auto;margin-top:23px;margin-right:auto;}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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