Jump to content

  • Announcements

    • Xmat

      Pravidlo pro postování v TTT

      Do sekce Tipy, triky, tutoriály nepatří žádné dotazy.   Postujte sem vaše návody, tipy a různé další věci jež uznáte za vhodné sdělit zdejšímu osazenstvu, ale veškeré dotazy směřujte do sekce Všeobecná diskuse.
    • Replik

      Seznam návodů a důležitých témat v této sekci

      Pro lepší přehlednost jsem vytvořil tento seznam, který vás, méně zkušené, lépe provede touto sekcí. Věřím, že zde najdete, co hledáte. Vypsané jsou návody, které jsou oficiálně uznané jako návody. Běžné diskuze, které neposkytují postupy a rady zvěřejněny nejsou.   Instalace vlastního MaNGOS Serveru Díky těmto návodům budete (měli by jste být) schopni vytvořit a následně spustit váš vlastní server. Nastavení je pro verze s i bez datadisku.   Instalace MaNGOS Serveru (bez datadisku TBC) - Autor Benny Instalace MaNGOS Serveru (s datadiskem TBC) - Autor Malfik Instalace MaNGOS Serveru v prostředí Linux - Autor charlie Instalace MaNGOS Serveru v prostředí Linux - Autor kupkoid   Chyby a jejich řešení při přihlašování k serveru - Autor Cybe   Zálohování uživatelských dat   Dávkový soubor (BAT soubor) pro vytvoření SQL záloh - Autor Replik   Kompilování - tvoření vlastních release (revizí)   Tvorba kompilací pro Win32 (MangoScript) - Autor bLuma   Ostatní - těžko zařaditelné, ale neznamená to, že nejsou dobré   VIP Systém - Autor charlie Tvorba Webových stránek pro MaNGOS - Autor zahuba Tvorba teleportačních NPC (MangoScript) - Autor Replik Registrační web (původně předělaná SPORA) Funkční pro Antrix i MaNGOS - Autor Replik Nastavení a spuštění Minimanager pro MaNGOS - Autor BlackMartin Nastavení MaNGOS Website - Autor Artorius   Samozřejmě jsou zde i jiné návody, ale tyto jsou nejvíce používané, proto věřím, že vám budou nápomocné. Tuto sekci budeme upravovat podle potřeby. Pokud by jste něco nenašli nebo si nevěděli rady, hledejte na fóru a teprve potom založte vlastní topik. Pokud nějaký autor vytvoří kvalitní návod a chtěl by ho zveřejnit i v tomto seznamu, doporučuji, aby mi napsal zprávu skrze PM.   Díky a přeji hezký den na WoWResource   Replik
    • Aristo

      Příspěvky tam, kde nemají co dělat

      Dodržujte zákaz přispívání do topiků s repaky pokud si to zakladatelé nepřejí!! Opakované psaní příspěvků bude trestáno warnem.
    • Aristo

      Používání spoilerů

      Poslední dobou má většina uživatelů fora zvláštní nutkání postovat extrémně dlouhé texty nebo kódy, které zabírají v nejedenom případu i 80% obsahu celé stránky a hodně tak zvedají nepřehlednost v topiku. Chtěl bych všechny uživatele požádat, aby při postování citací, jakýchkoliv kódů, errorů, atp... delších než 30 řádků používali funkci spoileru.   Funkci vyvoláte příkazem [spoiler] text [/spoiler]   Ukázka:  
Sign in to follow this  
Followers 0
Dendoo

margin, zarovnanie

By Dendoo, in Web

Recommended Posts

Dendoo    222

Dendoo
Posted (edited)

Zdravím,

 

vie mi niekdo poradiť ako zarovnať text

350px od lavého kraja webstránky?

 

<html>
<head>
<title>Webstranka</title>
</head>

<body>
Tento text chcem zarovnať aby bol 350x od lavého kraja..
</body>
</html>

 

skúšal som CSS .online_hrači {margin-left: 350px;}

<div class="online_hraci">Online hráčů:</div> (toto na webe)

a nefunguje.. tak isto aj padding.. mozno mam niekde chybu..

Edited by Dendoo

Share this post

Link to post
Share on other sites

Wladass    1216

Wladass
Posted

Tohle používám já :

 

 

.logo h1 {padding-left: 10px;

padding-top: 130px;

font: bold 20px Arial;

color: #FFFFFF;

margin: 5px 0em 0px .0em;}

  • Upvote 1

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted (edited)

Wladass a ked chcem aby som text posúval hore vyžsie

lebo jeden mam ale nechcem to mat v tom istom riadku, a nemožem to cez to CSS posunuť hore :D

 

tu je prvy text

_________________tu je druhy text

Edited by Dendoo

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted (edited)

sdwwttwwet.png

pod každým Online hráči: je obrázok ale ten od pravej strany

je vždy nižšie neviem prečo a nedá sa dať vyžšie..

 

neni to robené na riadky.. je to cez css cez ten margin.. a padding..

Edited by Dendoo

Share this post

Link to post
Share on other sites

Wladass    1216

Wladass
Posted

Tak oba dva dej do stejného stylu ne ? A budou ve stejné výšce, určitě nemáš nad tím pravým nic ? mezeru/řádek ?

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted

Ono ten hráči online: z pravej strany sa riadi podla laveho ked dám dole

lavú stranu hráči online dá sa aj tá prava

Share this post

Link to post
Share on other sites

Wladass    1216

Wladass
Posted

Jo takhle.. Mno tak jim dej rozdilne styly ne ? napis je stejne a kym posunes styl.leva a druhy nechas melo by to ist nie ?

Share this post

Link to post
Share on other sites

Addanos    10

Addanos
Posted (edited)

sdwwttwwet.png

pod každým Online hráči: je obrázok ale ten od pravej strany

je vždy nižšie neviem prečo a nedá sa dať vyžšie..

 

neni to robené na riadky.. je to cez css cez ten margin.. a padding..

Vytvoril bych takovy 20px vysoky a auto siroky pruh cerny do ktereho bych to napsal.

CSS styl by vypadal asi tak

 

<style>

.logo {padding-left: 10px;
padding-top: 130px;
font: bold 20px Arial;
color: #FFFFFF;
margin: 5px 0em 0px .0em;}

.online {
width: auto;
height: 20px;
margin-top: 20px;
background: black;
color: red;
}
</style>

<div class="logo">
  <div class="online">
    Online hraci         Online hraci:
  </div>
</div>

 

Ale je to jen tip

Edited by Addanos

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted (edited)

No trošku zrozumiteľnejšie ja by som chcel aby v jednom riadku

bolo Online Players 350px od lavej strany a v tom istom riadku zase Online Players od praveho

boku 350px a pod ňimi budu 2 obrázky..

Edited by Dendoo

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted (edited)

Takto sa to vždy pokazí ked kod použijem takto

 

<div class=online_hraci_wotlk>Online hráčov:</div>
<a href=""><img src="wotlknormal.png" style="float: left; margin-left: 350px; margin-bottom: 0px"
borders:none padding-right: 376px onmouseover="this.src = 'wotlklight.png'" onmouseout="this.src = 'wotlknormal.png'" border="none"></a> 
<div class=online_hraci_tbc>Online hráčov:</div>
<a href=""><img src="tbcnormal.png" style="float: right; margin-right: 350px; margin-bottom: 0px"
borders:none padding-right: 376px onmouseover="this.src = 'tbclight.png'" onmouseout="this.src = 'tbcnormal.png'" border="none"></a>

 

+ Style css

 

.online_hraci_wotlk {padding-left: 376px;
                 margin: 0px 0em 0px .0em;} 

.online_hraci_tbc   {padding-right: 376px;
                 margin: 0px 0em 0px .0em;}

 

pokazene.PNG

 

a chcem to takto

 

dobre.PNG

Edited by Dendoo

Share this post

Link to post
Share on other sites

Wladass    1216

Wladass
Posted

Zkus to dát do tabulky, nic jinýho mě nenapadá. Nikde jsem nenašel chybu..

 

<table width="100%">

<tr>

<td align="left">

Leva strana

</td>

<td align="right">

Prava strana

</td>

</tr>

</table>

 

Tu tabulku si udělej aby se ti to dělalo o tech 350px zleva a zprava a mělo by to jít si myslím..

  • Upvote 1

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted (edited)

Prosím, dajte tému do koša je to vyriešene..

+ Ďakujem :)

Edited by Dendoo

Share this post

Link to post
Share on other sites

Wladass    1216

Wladass
Posted 

<div style="text-align: right;">Online hráčů: 324                        </div>

 

Geniální řešení :D

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted 

<div style="text-align: right;">Online hráčů: 324                        </div>

 

Geniální řešení :D

 

To nieje naozvaj, to je len ukazkove :lol:

Share this post

Link to post
Share on other sites

.eLhomer0.    12

.eLhomer0.
Posted

Navíc nevím co je na tom tak strašného popřemýšlet, aby vás napadlo hodit dva texty do dvou různých divů, každému divu dat opačný float a nakonec pomocí margin-left a margin-right nastavit mezeru od krajů. Ah.

Share this post

Link to post
Share on other sites

Dendoo    222

Dendoo
Posted (edited)

Navíc nevím co je na tom tak strašného popřemýšlet, aby vás napadlo hodit dva texty do dvou různých divů, každému divu dat opačný float a nakonec pomocí margin-left a margin-right nastavit mezeru od krajů. Ah.

 

to ma nenapadlo :D (stym Float)

Edited by Dendoo

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0
Go To Topic Listing Web
×