Autor Zpráva
dod2
Profil *
#1 · Zasláno: 6. 5. 2005, 09:56:40
Odpovědět Citovat
takže mám kód asi nějak takto:

<div id=leve-menu>
...
...
</div>

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

a chci to vystředit aby to vypadalo takto: http://www.jakpsatweb.cz/priklady/css-position-center.html
jaké parametry a kam mám napsat??

díky..
Aleš Janda
Profil *
#2 · Zasláno: 6. 5. 2005, 10:21:19
Odpovědět Citovat
Celé to dej do DIVu s nějakou šířkou (nejlépe procentuální) a margin: 0px auto:

div.celastranka {
width: 90%;
margin: 0px auto;
}

...

<div class="celastranka">

<div id=leve-menu>
...
...
</div>

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

</div>
dod2
Profil *
#3 · Zasláno: 6. 5. 2005, 10:31:23
Odpovědět Citovat
nějak to nefunguje.
má na to nějak vliv, že v externím CSS mám napsaný už tohle:

#obsah { position: absolute; width: 500px; top: 30px; left: 180px}
#levy { position: absolute; width: 150px; top: 30px; left: 30px }

a v html souboru potom toto:

<div id=levy>
...
...
</div>

<div id="obsah">
..
..
..
</div>
roberta
Profil
#4 · Zasláno: 6. 5. 2005, 11:08:18
Odpovědět Citovat
jasne, že má na to vliv, obsah ti vždy začne vykreslovať 30 pixlov zhora a 180 zľava, keď tam máš position:absolute... to zruš a skús sa radšej pohrať s margin, padding
Mingan
Profil
#5 · Zasláno: 6. 5. 2005, 13:50:17
Odpovědět Citovat
Jinak alespoň dej tomu "celastranka" position: absolute, aby se odpočítávala pozice od něj a ne od okna prohlížeče.
dod2
Profil *
#6 · Zasláno: 7. 5. 2005, 08:58:53
Odpovědět Citovat
stále mi to nefunguje :-(

můžete mi napsat jednoduchý kód, aby v levém menu byl jeden odkaz a v pravém bloku byla napsaná věta: toto je rada z www.jakpsatweb.cz.

bloky budou centrované na střed, velikost stránky 800*800 a bude to vypadat jako tady:

http://www.jakpsatweb.cz/priklady/css-position-center.html

díky moc....
dod2
Profil *
#7 · Zasláno: 7. 5. 2005, 10:41:53
Odpovědět Citovat
nikdo mi nepomůže???? :-(((((( please....
Marty
Profil
#8 · Zasláno: 7. 5. 2005, 11:10:35
Odpovědět Citovat
No popravdě řečeno se už trochu ztrácím co vlastně potřebuješ, pokud chceš jen vycentrovat na střed dvousloupcový layout, tak to už je popsáno výše, viz:

div.celastranka {
width: 750;
text-align: center
margin: 0px auto;
}
div#leve-menu, #obsah {
text-align: left;
}

...

<div class="celastranka">

<div id=leve-menu>
...
...
</div>

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

</div>

a mám tušení, že je to popsáno i v nějakém včerejším threadu
bojars
Profil
#9 · Zasláno: 7. 5. 2005, 14:01:50
Odpovědět Citovat
Marty myslíš tento?

http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=1&topic=63 53&page=0#5
dod2
Profil *
#10 · Zasláno: 8. 5. 2005, 20:45:16
Odpovědět Citovat
pro upřesnění co mám vlastně na mysli a co potřebujudělat jsem udělal malý obrázek :-) odkaz zde: www.labradorka-anne.com/ukazka.jpg

děkuji za radyy.....
Časová prodleva: 5 dní
Acci
Profil
#11 · Zasláno: 13. 5. 2005, 14:19:56
Odpovědět Citovat 

<html>

  <head>

  <title>Dva sloupce</title>

  <style>

  body {margin:0; padding:0; text-align:center}

  #kontejner {width:800px; margin:0 auto; text-align:left}

  #menu {float:left; width:50%; background:red}

  #obsah {width:50%; background:blue; margin-left:50%}

  </style>

  </head>

  <body>

<div id="kontejner">

<div id="menu">

Menu

</div>

<div id="obsah">

Obsah

</div>

</div>

  </body>

</html>
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0