| Autor | Zpráva | ||
|---|---|---|---|
| 24polo Profil * |
#1 · Zasláno: 2. 6. 2008, 21:25:59
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 |
#2 · Zasláno: 2. 6. 2008, 21:31:03
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 |
#4 · Zasláno: 2. 6. 2008, 21:40:37
"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 * |
#5 · Zasláno: 2. 6. 2008, 22:09:43
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 |
#6 · Zasláno: 2. 6. 2008, 22:28:08
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 * |
#7 · Zasláno: 2. 6. 2008, 23:18:45
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 |
#8 · Zasláno: 3. 6. 2008, 05:55:53
Řekl bych, že to půjde i bez position .., ale s tím si pohraju až večer.
|
||
| 24polo Profil * |
#9 · Zasláno: 3. 6. 2008, 07:33:12
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
|
||
|
Časová prodleva: 16 let
|
|||
0