Zarovnání stránky

Spectrik · Příspěvekod **Spectrik** » 12 led 2010 11:10

Nastav #all následující:

position: absolute;
left:50%;
margin-left: -380px;

Za zkoušku nic nedáš (:

Reklama

Tholus · Příspěvekod **Tholus** » 12 led 2010 13:32

Kdybys sem alespoň poslal odkaz na tu stránku nebo ukázal kód. Takhle ti asi neporadíme.

Stene · Příspěvekod **Stene** » 12 led 2010 14:53

Přesně, jak píše Tommy4.. Nevím co mu chcete poradit, když nemáte ani páru, jak jeho kód vypadá.

CZechBoY · Příspěvekod **CZechBoY** » 12 led 2010 15:17

position: absolute ?
to si už děláte srandu ne ?
řešení s pevnou šířkou je taky řešení, ale ten <div align=center> mi funguje, napiš tu adresu, protože takhle se fakt nic neví.

Stene · Příspěvekod **Stene** » 12 led 2010 15:24

Spectrik: Proč to budeš dělat absolute? :lol:

absolute- prvek bude vyjmut z toku dokumentu a umístěn na určitých souřadnicích - snad kravina nemyslíš?
relative- prvek bude posunut ze svého normálního umístění
static - prvek je umístěn normálně v dokumentu

CZechBoY · Příspěvekod **CZechBoY** » 12 led 2010 15:25

Přesně tak.Já tam zkoušel [syntax lang=css]position: relative; left: 50%; width: 100%;[/syntax]
zkus to ještě :-)

Příspěvekod **Myloš** » 12 led 2010 17:25

Stene píše:Spectrik: Proč to budeš dělat absolute?
absolute- prvek bude vyjmut z toku dokumentu a umístěn na určitých souřadnicích - snad kravina nemyslíš?
relative- prvek bude posunut ze svého normálního umístění
static - prvek je umístěn normálně v dokumentu

V prvé řadě souhlasím, že skládat stránku absolutním pozicováním z vrstev je pitomost. Přesto lze na stránkách absolutní pozicování použít, ale člověk musí moc dobře vědět, co dělá.
Tady bych upřesnil ty souřadnice – souřadnice určuje nejbližší nadřazený pozicovaný prvek (tj. ten, který nemá position:static), Pokud takový prvek není, vztahují se souřadnice k samému HTML (oknu prohlížeče).
Relativně pozicovaný prvek je posunut pouze tehdy, pokud je posunutý pomocí top/bottom a left/right. A na otázku, jaký význam má relativně pozicovaný prvek, když není nikam posunutý – může mít eliký význam, protože určuje souřadnice vnořenému absolutně pozicovanému prvku.
Pak ještě existuje position:fixed – fixní pozicování se podobá absolutnímu, ale liší se jednak tím, že je zafixován na svém místě i přesto, že se stránkou scrolluje, jednak tím, že jeho souřadnice ovlivňuje pouze HTML (okno prohlížeče).
Static – to vlastně není pozicování, nýbrž výchozí stav; proto není třeba ho zapisovat pomocí position:static.

Raziel00 · Příspěvekod **Raziel00** » 12 led 2010 19:08

Tady je z.k.:
[syntax lang="xhtml"]<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="title" content="RK-Translations">
<meta name="description" content="">
<meta name="robots" content="index,follow">
<meta name="author" content="design;n(at)post.cz">
<meta name="keywords" content="RK, Translations, Final, Fantasy, čeština, překlad, překlady, češtiny, R@ziel, Kruci, Martin, Košťál, Jindřich, Tomek

<title>RK</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<style type="text/css">

</style>
<script type="text/javascript" src="tooltips.js"></script>
</head>
<body alink="#CCCCCC" link="#CCCCCC" vlink="#CCCCCC" background="Data/background-test.jpg"><script type="text/javascript">var bt="#fff";var bg="#000";var google_ad_slot=6952141617;</script><script type="text/javascript">if (top.location.href==self.location.href) { document.write(unescape('%3Cdiv style="display:block !important;visibility:visible !important;overflow:hidden;top:0;left:0;height:24px;z-index:15;width:100%;font-family:arial;font-size:12px !important;text-align:center;color:#fff;background-color:#000;line-height:24px;"%3E')); }</script><div style="clear:both"><script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">var pageTracker = _gat._getTracker("UA-1200178-3");pageTracker._initData();pageTracker._trackPageview();</script><script type="text/javascript" src="http://ad.wz.cz/l/5/w.js"></script><noscript><div style="display:block !important;visibility:visible !important;overflow:hidden;position:absolute;top:0px;left:0px;height:24px;z-index:15;width:100%;font-family:arial;font-size:12px;text-align:center;color:#fff;background-color:#ff9800;line-height:24px;"><a href="http://www.kvalitniparfemy.net/" title="parfemy adidas">Parfémy</a> | <a href="http://www.mamimimi.cz/index.php" title="Potřeby pro miminka">Potřeby pro miminka</a> | <a href="http://the.cz/citaty" title="Citáty a přísloví">Citáty</a> | <a href="http://www.kvalitnikosmetika.net/" title="Kosmetika">Kosmetika</a> | <a href="http://www.digitalni-videokamery-fotoaparaty.cz" title="Digitální videokamery a fotoaparáty">Digitální fotoaparáty</a> | <a href="http://www.parfemy-darky.cz" title="Parfémy a dárky se slevou až 70%">Parfémy - 70% sleva</a> | <a href="http://www.c-shop.cz" title="Notebooky, počítače, foto, hardware a software.">Počítače, notebooky</a> | </div></noscript></div><script type="text/javascript">if (top.location.href==self.location.href) { document.write(unescape('%3C/div%3E')); }</script>
<div id="all">

<div id="hlavicka" style="position:absolute; top:0px; left:0px">
<img src="Data/webgrafika/hlavicka.jpg" alt="hlavička" title="" width="1024" height="623" border="0">
<div id="OBSAH" style="position:absolute; top:599px; left:91px; width: 853px; height: 40px;">
<div align="left" class="styl23">
<blockquote>
<blockquote>
<h1 align="center" class="styl25">RK-Translations</h1>
Vítejte na stránkách překladatelského dua - R@ziela a Kruciho! Specializujeme se na překládání J-RPG, především pak Final Fantasy. Nemáme v plánu chrlit desítky překladů ročně, tento žánr je přece jen po textové stránce velmi obsáhlý, navíc kvalita si žádá čas. Buďte tedy trpěliví a nakonec se dočkáte.

Novinky: 
-> Sekce <a href="ff9cz_detail.php#Iifa" style="color:#999999;">strom Iifa</a>: Dovednosti, kouzla, rady, výskyt příšer - vše pro hru v českém jazyce.
 

-> Alfatest <a style="color:#999999;" href="ff9cz.php#ff9">FF9</a> dokončen. Náš postup si můžete prohlédnout <a style="color:#999999;" href="projekty.php">zde</a>. 
-> Hlavní dialogy <a style="color:#999999;" href="ff9cz.php#ff9">FF9</a> přeloženy. Náš postup si můžete prohlédnout <a style="color:#999999;" href="projekty.php">zde</a>. 

-> <a title="Když jsem se dozvěděl, že v Metropoli Zličín bude 31.7. a 1.8.2009 Melounový festival, který bude zároveň spojen s mistrovstvím Evropy v carvingu, připomnělo mi to dávné doby, kdy jsem se jím sám zabýval. Z nostalgie jsem tedy vyřezal také jeden meloun - jak jinak, než na motivy mého milovaného Final Fantasy 7 :-)" rel="lightbox[]" style="color:#999999;" href="images/FF7meloun.jpg">Meloun</a> RK-Translations na melounovém festivalu v Praze (31.7.2009). 
-> Oficiální oznámení překladu na <a href="http://cestiny.idnes.cz/zurnal/final-fantasy-ix-pro-psx-v-cestine-drr-/clanek.A090717_194853_bw-cestiny-zurnal_zel.idn" target="_blank" style="color:#999999;">češtinách.cz</a>. 

-> V <a style="color:#999999;" href="video.php">podsekci video</a> je nyní dostupná <a style="color:#999999;" href="video.php#ff9download">malá ochutnávka</a> připravovaného překladu FF9.
 Náhodné video z naší galerie: 


<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/onSn6JBwIB4" />
<embed src="http://www.youtube.com/v/onSn6JBwIB4" type="application/x-shockwave-flash" width="400" height="320"></embed>
</object>


 
Tipy z našeho webu: 
Veřejný betatest, tato dvě slova jsou vám, pokud jste s námi už nějaký projekt zažili, určitě známá. Po skončení překladu vždy otevřeme sekci hlášení chyb a uvolníme češtinu v0.9. Dobrovolníci z vašich řad následujících několik měsíců - obvykle 6 - hlásí všechny chyby, na které narazili. Může jít o překlepy, gramatické chyby, chyby v grafice, ořezaný text, chyby v pohlaví postav... Ti nejvěrnější, jako například Marty, budou pak uvedeni u daného projektu jako oficiální betatesteři. Pokud zrovna běží nějaký veřejný betatest, můžete nalezenou chybu nahlásit zde: <a href='hlaseni_zastaveno.php'> <img src='Data/webgrafika/button-chyby.gif' alt='Sekce hlášení chyb' width='208' height='28' border='0'></a>

 
Design: 
Decentní a prostý design s motýlky nahradil zaprášený sklad nepotřebného haraburdí a ten následně temný divadelní voodoo styl. Doufám, že se Vám bude líbit a také, že vydrží déle než ty předchozí. Zatím je to tak, že ke každému překladu máme nový :-) 
(<a href="Data/webgrafika/stary_design/design_01.jpg" target="_blank">Design 01</a> / <a href="Data/webgrafika/stary_design/design_02.jpg" target="_blank">Design 02</a> / <a href="Data/webgrafika/stary_design/design_03.jpg" target="_blank">Design 03</a> / <a href="Data/webgrafika/stary_design/design_04.jpg" target="_blank">Design 04</a> / <a href="Data/webgrafika/stary_design/design_05.jpg" target="_blank">Design 05</a>)

 
Náhodný obrázek z naší galerie: 

<IMG src="images/ff9cz_scr_41.jpg" width="640" height="480" border="2" style="border-color:#333333">
</blockquote>
© 2007-2010 
Webdesign: R@ziel 

</blockquote>
</div>
</div>

 
 
 
 
 
 

 
 
 
</div>

<div id="hlavicka" style="position:absolute; top:118px; left:244px"><img src="Data/webgrafika/mainlogo.png" alt="Logo" title="" width="548" height="128" border="0"></div>

<div id="menu1" style="position:absolute; top:366px; left:214px"><a href="o_nas.php"><img src="Data/webgrafika/button_01_a.png" alt="Autoři" title="" width="195" height="154" border="0"></a></div>

<div id="menu2" style="position:absolute; top:259px; left:255px"><a href="projekty.php"><img src="Data/webgrafika/button_02_a.png" alt="Projekty" title="" width="234" height="111" border="0"></a></div>

<div id="menu3" style="position:absolute; top:438px; left:504px"><a href="download.php"><img src="Data/webgrafika/button_03_a.png" alt="Download" title="" width="195" height="112" border="0"></a></div>

<div id="menu4" style="position:absolute; top:271px; left:504px"><a href="kontakty.php"><img src="Data/webgrafika/button_04_a.png" alt="Kontakty" title="" width="176" height="148" border="0"></a></div>

<div id="menu5" style="position:absolute; top:292px; left:718px"><a href="gbook.php"><img src="Data/webgrafika/button_05_a.png" alt="Guestbook" title="" width="130" height="223" border="0"></a></div>

</div></body>
</html>[/syntax]

Tholus · Příspěvekod **Tholus** » 12 led 2010 19:40

[syntax lang=css]#all {
width: 760px; /*šírka layoutu*/
text-align: left; /*zrušenie vycentrovania textu*/
margin-left: auto;
margin-right: auto;
}[/syntax]
Zkus toto.

CZechBoY · Příspěvekod **CZechBoY** » 12 led 2010 19:45

Pak by mě zajmalo proč se sem vůbec přidával ten Zvýrazňovač syntaxe...
// Už jsem jim to opravil.
// Myloš

Pak vůbec nechápu tohle:
[syntax lang=xhtml]<div id=hlavicka style=.....>[/syntax]
tu hlavicku si snad nastavim už v tom CSS kódu ne ?
Pošli radši adresu, nebo já to hodim na net, ale pokud tam máš obrázky tak neručim za obsah

Jak tak koukám na ten kód docela mě s***e takový ty zbytečný tagy jako mezera 8× za sebou
nehledě na to hádání html a css <body background:...> a v css body{background:url(...);} samozřejmě bez uvozovek.
v čem si dělal ten web ?
Jinak soubor uploadován.

Tholus · Příspěvekod **Tholus** » 12 led 2010 19:52

Kód je určitě psán WYSIWYG editorem, tak proto ten chaos a zbytečný použití tagů. Typuju to na Macromedia Dreamweaver.

P.S.: Adresu si z toho kódu co poslal můžeš v pohodě zjistit.

Příspěvekod **Myloš** » 12 led 2010 21:45

CZechBoY píše:Jak tak koukám na ten kód docela mě s***e takový ty zbytečný tagy jako mezera 8× za sebou

Tommy4 píše:Kód je určitě psán WYSIWYG editorem, tak proto ten chaos a zbytečný použití tagů.

Jojo, myslím si totéž. Za své mluví už jen kvanta inline stylů (atribut style="") a ne-lidsky (člověk by nevymyslel taková jména) psané názvy tříd (class="styl21"):
[syntax lang=xhtml][/syntax]
V něčem takovém se snad ani nemá smysl hrabat, protože to je jako hledat jehlu v kupce sena.
Buď to opravit v onom WYSIWYGu, nebo celé napsat od začátku ručně.

Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Re: Zarovnání stránky

Kdo je online