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: 11 let
|
0