Avatar
samo007
Redaktor
Avatar
samo007:

Ahoj, potrebujem pomoc. Ako môžem nastaviť, aby sa výška menu, obsahu a druhého bočného menu prispôsobovala spolu so stránkou?
Dávam tu aj zdroj, o ktorý ide. Nemám ho upravený, a preto prosím nehodnoďte jeho úpravu. Nechce sa mi to už upravovať. Stránka je v hroznom stave a ja si s tým neviem dať rady Po dokončení návrhu vytvorím externé CSS.

web: http://www.kestaremesto.grkatke.sk/?blue

Prosím komenty len k danej téme :)

šablóna:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
    <meta http-equiv="Content-language" content="sk">
    <meta name="description" content="Gréckokatolícka cirkev farnosť Košice - Staré Mesto">
    <meta name="keywords" content="Moyzesova 40, Moyzesova 42, katedrála, cerkov, cerkev, cirkev, liturgia, gréckokatolícke bohoslužby, Košice - Staré Mesto, farnosť">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Gréckokatolícka Cirkev: Farnosť Košice</title>
    <link rel="stylesheet" href="/public/sablona/blue.css" type="text/css" media="screen" charset="utf-8">
<!-- background-color:#b0d0ff; -->

</head>
<body class="telo">

<!-- POZADIE -->

<!-- /POZADIE -->

<div class="obsah" float="left">
<?php $this->includeSnippet('Blue')?>

</div>
<div class="hlavicka-stopa" align="right; z-index: -2" float="right"></div>
<div class="pata-stopa" align="right; z-index: -2" float="right"></div>
</body>
</html>

Výstrižok Blue:

<!-- HLAVICKA -->
<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/hlavicka.png') top center no-repeat; position: absolute; width:1024px; top: 0px; height: 290px; left: 0px"><br></div>
<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/hlavicka-stopa.png') top center repeat-x; position: absolute; width: 5%; top: 0px; height: 290px; left: 1024px"><br></div>


<!-- /HLAVICKA -->

<div style="position: absolute; width: 1024px; top: 0px; left: 0px">
<div style="position: absolute; width: 1024px; top: 0px; left: 0px">


<!-- MENU 1 -->

<div align="left" style="margin-top: 5px; position: relative; width: 245px; top: 245px; left: auto">

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu.png') top left no-repeat; position: absolute; width: 245px; height: 241px; top: 0px; left:0px;"><br><br><br><br><br><br><h3 valign="bottom" align="center">MENU</h3>
</div>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-stopa.png') top left repeat-y; position: relative; width: 245px; top: 177px; left: 0px">

<?php $this->includeSnippet('lave-menu')?>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-bottom.png') top left no-repeat; position: relative; width: 245px; height: 15px; top: 2px; left:0px;">
</div>

</div>

</div>

<!-- /MENU -->


<!-- OBSAH -->

<div align="left" style="background-color: #ffffff; border: 2px solid #3570d0; margin: 5px; padding: 5px; position: relative; width: 512px; min-height: 700px; top: -162px; left: 245px">

<h2 style="color: #000070"><?php echo $this->title() ?></h2>
      <?php echo $this->content() ?>

      <div style="valign:bottom; color: #4080ad">


<a href="/?uvod">Úvod</a>
&#8226;
<a href="/?historia">Z histórie</a>
&#8226;
<a href="/?dvojtyzdennik">Dvojtýždenník</a>
&#8226;
<a href="/?kontakt">Kontakt</a>
&#8226;
<a href="/?aktuality">Aktuality</a>
&#8226;
<a href="/?kancelaria">Farská kancelária</a>
&#8226;
<a href="/?aktivity">Aktivity</a>
&#8226;
<a href="/?fotogaleria">Fotogaléria</a>


</div>

</div>

<!-- /OBSAH -->

</div>


<!-- MENU 2 -->

<div style="margin-top: 5px; position: relative; width: 245px; top: 245px; left: 780px">


<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu.png') top left no-repeat; position: relative; width: 295px; height: 213px; top: 0px; left: 0px"></div>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-stopa.png') top left repeat-y; position: relative; width: 295px; top: -36px; left: 0px">


<br><br>

<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/menu-bottom.png') top left no-repeat; position: relative; width: 295px; height: 15px; top: 2px; left:0px;">

</div>

</div>

</div>

</div>

<!-- /MENU 2 -->

</div>
</div>

<!-- PATA -->

<div align="center" style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/pata.png') top center no-repeat; position: relative; width:1024px; top: 0px; height: 77px; left: 0px" valign="bottom"><br></div>
<div style="background: url('http://kestaremesto.grkatke.sk/public/sablona/blue/pata-stopa.png') bottom center repeat-x; position: relative; width: 5%; top: 0px; height: 77px; left: 1024px"><br></div>
 
Odpovědět 11.10.2012 19:47
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Nedávej šířku menu v jednotkách px, ale em.

Oprav si DOCTYPE. Má tam být jen

<!DOCTYPE html>

Menu dělej zásadně v ul, tedy jako nečíslovaný seznam. V CSS se to dá krásně vyladit do potřebné podoby.

Nahoru Odpovědět 11.10.2012 20:08
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
Odpovídá na Kit
samo007:

A to mi umožní meniť veľkosť podľa obsahu a menu súčasne?
Aké jednotky sú em? Raz som o tom čítal, ale neviem ich pomer veľkostí.
V čom mám zmeniť em? V div-och, alebo v texte, či vo všetkom?

Editováno 11.10.2012 20:44
 
Nahoru Odpovědět 11.10.2012 20:42
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Jednotka em je šířka písmene "m". Pokud zvětšíš písmo, zvětší se i kolonka.

v em uděláš šířku levého menu a velikost levého okraje textového bloku.

Nahoru Odpovědět 11.10.2012 20:46
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
samo007:

Akú "velikost levého okraje textového bloku"? Mne ide o výšku...

 
Nahoru Odpovědět 11.10.2012 20:58
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Jak o výšku? Výšku čeho? Výška textu se přece nenastavuje, ta se přizpůsobí vlastnostem prohlížeče.

Nahoru Odpovědět 11.10.2012 21:14
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
Odpovídá na Kit
samo007:

Nie, veď na začiatku som to tu spomínal. Potrebujem, ayb sa mi automaticky menila výška tagov <div> v menu a obsahu podľa množstva textu.

 
Nahoru Odpovědět 11.10.2012 21:25
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Však výška se přece nastavuje automaticky, když ji nezadáš.

Nahoru Odpovědět 11.10.2012 21:31
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
Odpovídá na Kit
samo007:

Áno, a práve v tom je ten problém. Ja chcem aby výška menu = menu2 = obsah článku.
Chápeš?

 
Nahoru Odpovědět 11.10.2012 22:03
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Tak si zkus tohle:

<div style="background-color:yellow;border:3px solid red">

<div style="float:left;width:10em;border:1px solid black">
Tady bude menu
</div>

<div style="margin-left:10em;border:1px solid blue">
Tady bude text
</div>

<br clear="all"> Bez toho to fungovat nebude.

</div>

Až si to vyzkoušíš, tak dáš rámečky pryč.

Nahoru Odpovědět 11.10.2012 22:22
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
albertpatera
Redaktor
Avatar
albertpatera:

já mám taky takovej problém, ale trochu jinej...aby se mi na stránce zobrazoval text, ale aby ten text pohranicenej.­....díky moc za odpoved

 
Nahoru Odpovědět 11.10.2012 22:23
Avatar
matesax
Redaktor
Avatar
 
Nahoru Odpovědět 12.10.2012 5:41
Avatar
samo007
Redaktor
Avatar
Odpovídá na Kit
samo007:

ďakujem. Presne to som potreboval. :)

 
Nahoru Odpovědět 12.10.2012 5:59
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Aha. Značku br k jiným účelům nepoužívám a nenapadlo mě, že zrovna tohle bude ta situace, kdy ji skutečně budeš potřebovat.

Nahoru Odpovědět  +1 12.10.2012 6:24
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
 
Nahoru Odpovědět 12.10.2012 14:02
Avatar
samo007
Redaktor
Avatar
Odpovídá na Kit
samo007:

No moment. Skúšam to, ale nefunguje mi ten br.

 
Nahoru Odpovědět 12.10.2012 17:11
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Tak jsi udělal něco jinak. Ten atribut tam musí být a musí to být v divu.

Nahoru Odpovědět 12.10.2012 18:07
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
Odpovídá na Kit
samo007:

Skôr by som asi potreboval vedieť, ako môžem zapisovať výšku stránky do premennej v PHP?

 
Nahoru Odpovědět 12.10.2012 19:42
Avatar
Kit
Redaktor
Avatar
Kit:

S PHP to nijak nesouvisí. S výškou stránky se nikde nepracuje.

Editováno 12.10.2012 20:01
Nahoru Odpovědět 12.10.2012 20:00
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
samo007:

Mohol by si mi presnejšie teda vysvetliť to clear?
Ja potrebujem aby pravé a ľavé menu boly rovnaké spolu so stredom (obsahom) stránky. Ide tedy o tri stĺpce typu "div".
Ako nastavím, aby mali rovnakú výšku (môžeš to upresniť?)?

 
Nahoru Odpovědět 12.10.2012 20:09
Avatar
Kit
Redaktor
Avatar
Odpovídá na samo007
Kit:

Právě to řeší atribut clear u značky br. Srovnává sousední sloupečky do stejné výšky. Následující bloky jsou vždy níž.

Nahoru Odpovědět 12.10.2012 20:26
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Redaktor
Avatar
samo007:

Mne to akosi nefunguje. Už som problém nejako vyriešil. Ďakujem za snahu. :)

 
Nahoru Odpovědět 12.10.2012 21:58
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 22 zpráv z 22.