Stránka 1 z 1

Css - Zarovnání

Napsal: 09 zář 2009 19:43
od Stene
Mám tu html kód a potřebuju text Hlavní odsah stránky a další texty zarovnat do leva.. Je mi jedno jestli pomocí css nebo HTML ale nějak.. Sedím nad tím už asi 2hodiny a nevím si rady..




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>laylout pomocí pozicování v CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<style>
body{
margin:0 auto;
}
.obal{
position:relative;
text-align:center;
margin:0 auto;
width:750px /*usuzuju podle .head */
}
.head{
POSITION:relative;
LEFT:0px;
TOP:0px;
WIDTH:750px;
HEIGHT:100px;
background-color:#92A7BE;
}
.levy{
POSITION:relative;
FLOAT:left;
WIDTH:165px;
TOP:5px;
background-color:#92A7BE;
HEIGHT:350px;
}
.obsah{
POSITION:relative;
TOP:5px;
WIDTH:580px;
background-color:#92A7BE;
left:170px;
text-align:relative;
}

.\\\pravy\\\{
POSITION:relative;
FLOAT:right;
WIDTH:165px;
TOP:5px;
background-color:#92A7BE;
HEIGHT:350px;
}


</style>
</head>
<body>
<div class="obal">

<div class="head">
Hlavička ...
</div><!--konec hlavičky -->

<div class="levy">
levý sloupec a spousty odkazů
</div><!--konec levého sloupce -->

<div class="obsah">
Hlavní odsah stránky a další texty
</div><!--konec hlavního obsahu -->

</div><!--konec obal -->
</body>

</html>

Re: Css - Zarovnání

Napsal: 09 zář 2009 20:13
od Iron
Jestli jsem Tě správně pochopil, pak by to mělo být text-align:left; v .obsah.

Re: Css - Zarovnání

Napsal: 09 zář 2009 20:17
od Stene
Jo, tam jsem to měl špatně, protože jsem zkoušel všemožný. Ale ani toto nejde :)

Zkus si to u sebe v počítači a udělej si levý sloupec vysoký 100px.. A uvidíš, jak se podle toho odsune pozice textu v .obsah

Re: Css - Zarovnání

Napsal: 09 zář 2009 20:20
od Iron
Zkoušel jsi zrušit text-align u třídy obal?

EDIT: Jen pro jistotu, chceš zarovnat text (podobně jako ve Wordu), nebo posunout celý oddíl obsah doleva? Pak by se to dělalo pomocí float:left