| Autor | Zpráva | ||
|---|---|---|---|
| DeeJay Profil * |
#1 · Zasláno: 12. 2. 2013, 19:03:05
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 * |
#2 · Zasláno: 13. 2. 2013, 00:25:17 · Upravil/a: Kamikazec
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 * |
#3 · Zasláno: 13. 2. 2013, 11:51:50
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 * |
#4 · Zasláno: 13. 2. 2013, 18:56:18
margin:
A co mi pomůže na to vycentrování ? |
||
| margin Profil * |
#5 · Zasláno: 13. 2. 2013, 19:21:08
Element, který má float, vzdoruje snahám o vycentrování.
|
||
| DeeJay Profil * |
#6 · Zasláno: 13. 2. 2013, 19:49:18 · Upravil/a: DeeJay
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;} |
||
|
Časová prodleva: 14 let
|
|||
0