Autor Zpráva
24polo
Profil *
Ahojte,

Nech sa snažím akokoľvek ani za svet neviem prísť na to ako urobiť čosi takéto len s tým, že stránka bude vycentrovaná: test. Skript si veľmi nevšímajte, to sa "oseká".
Poraďte pls nejak. ď
Nox
Profil
Oh... a rychle do externího stylopisu! Všechny ty style="" dej pryč a dej to do samostatnýho CSS souboru

Centrování si tu vyhledej, probírá se to aspoň 3x denně...a teď už je večer, takže to tu dnes bylo mockrát;)
24polo
Profil *
4 Nox / Hehe, nebudem dávať do ext. stylopisu keď len potrebujem poradiť ako práve toto vycentrovať. Potrebujem tam mat tie stĺpce presne tak ako sú lenže bez position: absolute to nejde a potom zas nejde vycentrovať. hmm =o)
Měsíček
Profil
"Hehe, nebudem dávať do ext. stylopisu keď len potrebujem poradiť ako práve toto vycentrovať. "

Bude to tak lehčí pro nás a ty to lépe pochopíš když ti ukážeme co přesně máš udělat ;) externí soubor je obvykle vždy lepší než psát styl interně.
24polo
Profil *
4 Měsíček / No tak nech sa vám páči, máte to mať s ext.css tu! =o) a teraz "babo raď".
Měsíček
Profil
Nemám teď čas přepisovat celou tvou šablonku, ale můžeš stavět na této hrůze ;)

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://" >
<html lang="cs">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Titulek</title>
    
    <style type="text/css">
    
    * {margin: 0px;padding: 0px;}
    
    html, body {background: #ffff66;text-align:center;}
    
      #obal {width: 1000px;margin: 0px auto;}
      
      #hlavicka {width: 900px;height: 70px;border: 1px solid black;text-align:left;margin: 10px auto;background: #EEEEEE;}
      #popis {width: 900px;height: 50px;border: 1px solid black;text-align:left;margin: 10px auto 5px;background: #EEEEEE;}
      
      #sloupec_1 {width: 400px;float:left;border: 1px solid black;margin-left: 50px;height: 200px;}
      #sloupec_2 {width: 200px;float:left;border: 1px solid black;border-left: 0px;height: 200px;}
      #sloupec_3 {width: 296px;float:left;border: 1px solid black;border-left: 0px;height: 200px;margin-bottom: 10px;}
      
      #paticka {width: 900px;height: 50px;border: 1px solid black;text-align:left;
                margin: 10px auto;background: #EEEEEE;clear:both;}
    
    </style>
    
  </head>
  <body>
  
    <div id="obal">
        <div id="hlavicka">
        Hlavička
        </div>
        
        <div id="popis">
        Popis
        </div>
        
        <div id="sloupec_1"> SLOUPEK </div>
        <div id="sloupec_2"> SLOUPEK </div>
        <div id="sloupec_3"> SLOUPEK </div>
        <br clear="all">
        <div id="paticka">
        Patička
        </div>
    </div>
  </body>
</html>
24polo
Profil *
4 Měsíček / ďakujem, dobre si to vymyslel, klobúk dolu ;) ...ale ak tam dám sloupec_4 viz tu! tak musím použiť position: ? Alebo sa to dá aj nejak inak urobiť aby sa ten <div> posunul na správne miesto?
Měsíček
Profil
Řekl bych, že to půjde i bez position .., ale s tím si pohraju až večer.
24polo
Profil *
4 Měsíček / Ok, aj tak si mi veľmi pomohol =o) Ja to tiež budem skúšať nejak vymyslieť no určite si dám poradiť lebo ešte nemám také skúsenoti.
24polo
Profil *
4 All / Vyriešil som to cez margin-top, kde som ale musel dať minusovú hodnotu, nejde to ešte nejak inak? hmm

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: