Autor Zpráva
BlueX
Profil
Planujem spravit menu ku lige.
Je to vysuvacie menu...
(Nasiel som to na jakpsatweb.cz + daco som si upravil)
Problem : medzi jednotlivimi "aaa" su velke medzery ale neviem najst v kode z coho to ide tak pls poradte. Dik
Kod :
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h5 {cursor: pointer; cursor: hand;}
.skryvany {display: none}
</style>
<h5 onclick="zobrazSkryj('cs2')">aaa</h5>
<div id="cs2" class="skryvany">
<pre>
1
2
3
4
5
</pre>
</div>
<h5 onclick="zobrazSkryj('cs3')">aaa</h5>
<div id="cs3" class="skryvany">
<pre>
1
2
3
4
5
</pre>
</div>
<h5 onclick="zobrazSkryj('cs4')">aaa</h5>
<div id="cs4" class="skryvany">
<pre>
1
2
3
4
5
</pre>
</div>
<h5 onclick="zobrazSkryj('cs5')">aaa</h5>
<div id="cs5" class="skryvany">
<pre>
1
2
3
4
5
</pre>
</div>
<h5 onclick="zobrazSkryj('cs6')">aaa</h5>
<div id="cs6" class="skryvany">
<pre>
1
2
3
4
5
</pre>
</div>
<h5 onclick="zobrazSkryj('cs7')">aaa</h5>
<div id="cs7" class="skryvany">
<pre>
1
2
3
4
5
</pre>
</div>

Moderátor Chamurappi: Tvůj projev je špatně srozumitelný, piš prosím s diakritikou a užívej interpunkci.
Moderátor Chamurappi: Titulek „Problem z Menu“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
Bubák
Profil
neviem najst v kode z coho to ide tak pls poradte
http://interval.cz/clanky/jak-je-to-s-vychozimi-hodnotami-v-css/
www.w3.org/TR/CSS2/sample.html tady najdeš, že H5 má horní a dolní margin 1.5em, že prohlížeče používají mírně odchylné hodnoty je nepodstatné.
BlueX
Profil
No ide my to ze medzi "aaa" nejsou medzery ale teraz skocily medzi 12345 jako

aaa

1
2
3
4
5

aaa
...
peta
Profil
zkousel jsi studovat nekdy jakpsatweb.cz - css?
margin, padding, white-space
Tyhle vlastnosti musis znat
http://peter-mlich.wz.cz/x/ww/css/css.htm
Tez bys mel vedet, jake vlastnosti maji tagy predefinovane. Treba Enter v PRE je jako <br> v html. Pak bys mohl zkusit neco takoveho
http://axpsu.fpf.slu.cz/~web/x/js-rozbalovaci.htm
Bubák
Profil
Treba Enter v PRE je jako <br> v html.
To ale nesouvisí s problémem, který má BlueX.
peta
Profil
<pre>
1 // tady ma novy radek, pak jednicku, cili to s problemem souvisi?
2
3
Bubák
Profil
peta
Tyhle dvě ukázky se zobrazí ve všech prohlížečích stejně:
<pre>
ukázka 1
</pre>
<pre>
ukázka 1
</pre>

<pre>ukázka 3</pre><pre>text 2</pre>

Vidíš někde ve druhé ukázce Enter?
BlueX
Profil
Už to mam script v dalšom prispevku
BlueX
Profil
Už som nato prišiel vyzera to tak ako som chcel ja.
Čiže keby to niekdo chcel script nižšie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">;
  <title></title>
  </head>
  <body>
<script>
function zobrazSkryj(idecko){
el=document.getElementById(idecko).style;
el.display=(el.display == 'block')?'none':'block';
}
</script>
<style>
h5 	{cursor: pointer; cursor: hand;}
h5 	{ font-size: .93em; margin: 0em }
.skryvany { display: none ;  font-size: .93em; margin: 0em }
</style>
<h5 onclick="zobrazSkryj('cs2')"><img src="cs.gif"> aaa</h5>
<div id="cs2" class="skryvany">
<h5>
&nbsp;1<br />
&nbsp;2<br />
&nbsp;3<br />
&nbsp;4<br />
&nbsp;5<br />
</h5>
</div>
<h5 onclick="zobrazSkryj('cs3')"><img src="cs.gif">aaa</h5>
<div id="cs3" class="skryvany">
<h5>
&nbsp;1<br />
&nbsp;2<br />
&nbsp;3<br />
&nbsp;4<br />
&nbsp;5<br />
</h5>
</div>
<h5 onclick="zobrazSkryj('cs4')"><img src="cs.gif">aaa</h5>
<div id="cs4" class="skryvany">
<h5>
&nbsp;1<br />
&nbsp;2<br />
&nbsp;3<br />
&nbsp;4<br />
&nbsp;5<br />
</h5>
</div>
<h5 onclick="zobrazSkryj('cs5')"><img src="cs.gif">aaa</h5>
<div id="cs5" class="skryvany">
<h5>
&nbsp;1<br />
&nbsp;2<br />
&nbsp;3<br />
&nbsp;4<br />
&nbsp;5<br />
</h5>
</div>
<h5 onclick="zobrazSkryj('cs6')"><img src="cs.gif">aaa</h5>
<div id="cs6" class="skryvany">
<h5>
&nbsp;1<br />
&nbsp;2<br />
&nbsp;3<br />
&nbsp;4<br />
&nbsp;5<br />
</h5>
</div>
<h5 onclick="zobrazSkryj('cs7')"><img src="cs.gif">aaa</h5>
<div id="cs7" class="skryvany">
<h5>
&nbsp;1<br />
&nbsp;2<br />
&nbsp;3<br />
&nbsp;4<br />
&nbsp;5<br />
</h5>
</div>
  </body>
</html>
Bubák
Profil
O něco lepší by bylo zkulturnit a upravit CSS, pak se obejdeš bez tvrdých mezer:
h5	{cursor: pointer; cursor: hand;font-size: .93em; margin: 0em;}
.skryvany	{display: none;}
.skryvany h5	{margin-left: 0.5em;}

Mícháš HTML s XHTML, v HTML se odřádkování píše takto: <br>

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: