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
Fiki

Help s CSS

By Fiki, in Web

Recommended Posts

Fiki    76

Fiki
Posted

potřebuju aby se mi vycentrovala stranka do stredu ale zachovala tvar tady je zdrojak :

 

.header {
width: 800px;
height: 150px;
background-color: red;
}

.menu {
width: 200px;
height: 1000px;
background-color: green;
float: left;
}

.obsah {
width: 600px;
height: 1000px;
background-color: Black;
float: left;
}

dekuju za pomoc;-)

Share this post

Link to post
Share on other sites

Fiki    76

Fiki
Posted
html > <center> css > body align: center;

 

body {
align : center;
}

zkusim... ale myslim ze uz sem to zkousel a jen header byl uprostred

Share this post

Link to post
Share on other sites

.eLhomer0.    12

.eLhomer0.
Posted 
body {
align : center;
}

.header {
align : center;
width: 800px;
height: 150px;
background-color: red;
}

.menu {
align : center;
width: 200px;
height: 1000px;
background-color: green;
float: left;
}

.obsah {
align : center;
width: 600px;
height: 1000px;
background-color: Black;
float: left;
}

Share this post

Link to post
Share on other sites

axxxa    78

axxxa
Posted (edited) 

#header {
position: absolute;
right: 50%;
margin-right: -400px; /* Prostě polovina šířky */
top: 0px;
width: 800px;
height: 150px;
background-color: red;
}

#menu {
position: absolute;
right: 50%;
margin-right: /* tady si chyť nějakou hodnotu aby to sedělo, popřípadě margin-left */;
top: 150px;
width: 200px;
height: 1000px;
background-color: green;
}

#obsah {
position: absolute;
right: 50%;
margin-right: /* tady si chyť nějakou hodnotu aby to sedělo, popřípadě margin-left */;
top: 150px;
width: 600px;
height: 1000px;
background-color: Black;
}

 

<div id="header"></div>
<div id="menu"></div>
<div id="obsah"></div>

 

Tohle by mělo stačit.

 

edit: Výhodou je to, že by se to mělo prakticky ve všech prohlížečích zobrazit na stejném místě (přesně)...ukázkou tohoto stylu budiž http://scprojekt.xf.cz ;)

Edited by axxxa

Share this post

Link to post
Share on other sites

axxxa    78

axxxa
Posted (edited)

Tak, takhle je to celé a funkční ;)

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style>
    #page {
    position: absolute;
    right: 50%;
    margin-right: -400px;
    top: 0px;
    width: 800px;
    background-color: yellow;
    }
    #header {
    top: 0px;
    width: 800px;
    height: 150px;
    background-color: red;
    }
    
    #menu {
    width: 200px;
    height: auto;
    background-color: green;
    float: left;
    }
    
    #obsah {
    width: 600px;
    height: auto;
    background-color: Gray;
    float: left;
    }
  </style>
  
  </head>
  <body>
  <div id="page">
    <div id="header"></div>
    <div id="menu">

    </div>
    <div id="obsah">

    </div>
  </div>

  </body>
</html>

Edited by axxxa

Share this post

Link to post
Share on other sites

Fiki    76

Fiki
Posted
Tak, takhle je to celé a funkční ;)

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style>
    #page {
    position: absolute;
    right: 50%;
    margin-right: -400px;
    top: 0px;
    width: 800px;
    background-color: yellow;
    }
    #header {
    top: 0px;
    width: 800px;
    height: 150px;
    background-color: red;
    }
    
    #menu {
    width: 200px;
    height: auto;
    background-color: green;
    float: left;
    }
    
    #obsah {
    width: 600px;
    height: auto;
    background-color: Gray;
    float: left;
    }
  </style>
  
  </head>
  <body>
  <div id="page">
    <div id="header"></div>
    <div id="menu">

    </div>
    <div id="obsah">

    </div>
  </div>

  </body>
</html>

 

Axxo dík si zlato ;)

 

Share this post

Link to post
Share on other sites

Jaras    5

Jaras
Posted (edited)
Axxo dík si zlato ;)

 

existuje mnohem jednodussi zpusob zarovnani divem:

 

body {
    background: #FF7D00; /* barva pozadi stranky */
    margin-top: auto; /* nulove odsazeni od vrchu */
    margin-bottom: auto; /* nulove odsazeni od spodu */
}

#main {
    width: 900px; /* menitelna velikost do sirky stranky */
    min-height: 1px; /* minimalni velikost na vysku stranky (doporucuju dat vetsi aby to bylo videt)
    margin: auto; /* automaticke odsazeni od vsech stran stranky (cili pozadovany efekt centrovani) */
}

 

temito divy udelas centrovanou cast stranky o velikosti 900px, pokud divu MAIN nedas zadnou barvu zustane pruhledny a zobrazi pozadi vrstvy pod sebou. Tento figl je funkcni pro Safari, IE 6 + 7 + 8, Operu 9.x, a FF 2.x a FF 3.x

 

Navic toto centrovani funguje pro jakekoliv rozliseni prohlizece...

 

enjoy

Edited by Jaras

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
×