NOVINKA: Kurz kybernetické bezpečnosti s akreditací MŠMT, nyní již od 0 Kč. Staň se žádaným profesionálem. Zjisti více:
Avatar
samo007
Tvůrce
Avatar
samo007:11.10.2012 19:47

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
Tvůrce
Avatar
Odpovídá na samo007
Kit:11.10.2012 20:08

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
Tvůrce
Avatar
Odpovídá na Kit
samo007:11.10.2012 20:42

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
 
Nahoru Odpovědět
11.10.2012 20:42
Avatar
Kit
Tvůrce
Avatar
Odpovídá na samo007
Kit:11.10.2012 20:46

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
Tvůrce
Avatar
samo007:11.10.2012 20:58

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

 
Nahoru Odpovědět
11.10.2012 20:58
Avatar
Kit
Tvůrce
Avatar
Odpovídá na samo007
Kit:11.10.2012 21:14

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
Tvůrce
Avatar
Odpovídá na Kit
samo007:11.10.2012 21:25

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
Tvůrce
Avatar
Odpovídá na samo007
Kit:11.10.2012 21:31

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
Tvůrce
Avatar
Odpovídá na Kit
samo007:11.10.2012 22:03

Á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
Tvůrce
Avatar
Odpovídá na samo007
Kit:11.10.2012 22:22

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
Tvůrce
Avatar
albertpatera:11.10.2012 22:23

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
Tvůrce
Avatar
Odpovídá na albertpatera
matesax:12.10.2012 5:41

border: 1px solid;?

 
Nahoru Odpovědět
12.10.2012 5:41
Avatar
samo007
Tvůrce
Avatar
Odpovídá na Kit
samo007:12.10.2012 5:59

ďakujem. Presne to som potreboval. :)

 
Nahoru Odpovědět
12.10.2012 5:59
Avatar
Kit
Tvůrce
Avatar
Odpovídá na samo007
Kit:12.10.2012 6:24

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
12.10.2012 6:24
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
samo007
Tvůrce
Avatar
samo007:12.10.2012 14:02
:D
 
Nahoru Odpovědět
12.10.2012 14:02
Avatar
samo007
Tvůrce
Avatar
Odpovídá na Kit
samo007:12.10.2012 17:11

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

 
Nahoru Odpovědět
12.10.2012 17:11
Avatar
Kit
Tvůrce
Avatar
Odpovídá na samo007
Kit:12.10.2012 18:07

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
Tvůrce
Avatar
Odpovídá na Kit
samo007:12.10.2012 19:42

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
Tvůrce
Avatar
Kit:12.10.2012 20:00

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

Editováno
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
Tvůrce
Avatar
samo007:12.10.2012 20:09

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
Tvůrce
Avatar
Odpovídá na samo007
Kit:12.10.2012 20:26

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
Tvůrce
Avatar
samo007:12.10.2012 21:58

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.