Autor Zpráva
Jakub
Profil *
#1 · Zasláno: 1. 7. 2005, 10:01:06
Odpovědět Citovat
Ahoj, mohl by mi prosim nekdo poradit proc se na adrese http://mujweb.cz/www/studanka-sokol/lord
nezobrazuje v Mozille horni pruh ani prijizdeci nadpis? Dekuji za radu.
Šlaha
Profil
#2 · Zasláno: 1. 7. 2005, 10:10:27 · Upravil/a: Šlaha
Odpovědět Citovat
Vzhledem k tomu, že na té stránce víc chybí, než na ní je, je s podivem, že se to zobrazí aspoň někde
Jakub
Profil *
#3 · Zasláno: 1. 7. 2005, 10:12:29
Odpovědět Citovat
No vim ze je to volny kod, ale pochybuji ze by znacka <html> mela vliv na tabullku pozicovanou css, kdyz jine se zobrazuji....
Lepsi radu by nekdo nemel? :o) Prosim.
Šlaha
Profil
#4 · Zasláno: 1. 7. 2005, 10:16:10
Odpovědět Citovat
Tohle:
<table border=0 bgcolor=green class=kmenu style="position:absolute;z-index: -1" width=910 height=50>
vyměň za tohle:
<table border="0" bgcolor="green" class="kmenu" style="position:absolute;" width="910" height="50">

A tohle:
<table border=3 align=left width=217 bgcolor=green style=font-size:16px>
za tohle:
<table border="3" align="left" width="217" bgcolor="green" style="font-size:16px;z-index:2;">

JavaScriptu nerozumím, ale zkus vyměnit:
<SCRIPT language=JScript>
za:
<script type="text/javascript">
Ale je fakt, že přejížděcí text, z kterého je po dojetí vidět půlka, je docela na nic
Jakub
Profil *
#5 · Zasláno: 1. 7. 2005, 10:17:51
Odpovědět Citovat
Moc dekuju. Ze je videt pulka je rozlisenim, ja to testoval na trech, tak holt skusim jeste neco.
Jakub
Profil *
#6 · Zasláno: 1. 7. 2005, 10:24:35
Odpovědět Citovat
Aha, tak to nepomohlo, jen ten js, s tim ze se to zobrazuje uplne jinak nez ma a ani to nenajizdi. Zeleny pruh porad nic, coz nechapu kdyz jine pozicovani je bez chyby.
Jakub
Profil *
#7 · Zasláno: 1. 7. 2005, 10:26:01
Odpovědět Citovat
Uz vim cim to je, pruh se nezobrazuje protoze Mozilla nepodporuje z.index. Nevite jak to nahradit?
Šlaha
Profil
#8 · Zasláno: 1. 7. 2005, 10:27:22
Odpovědět Citovat
Podporuje z-index, ale ne záporný (-1, -2 a níž), to se potom nezobrazí. Musíš tomu, co má být nahoře dát vyšší z-index, než tomu dole.
Fred
Profil
#9 · Zasláno: 1. 7. 2005, 10:27:24
Odpovědět Citovat
Ten js si musíš dát do sekce head, kam patří. Z body si vyhoď ten onload úplně pryč. A ten script je IE only, takže musíš použít standartní metodu documnet.getElemenById(id)

Takže nakonec to bude vypadat třeba takhle

<script type="text/javascript">
var lnum = 1500;
var movenum = 5;
function Animate() {
var hejblo=document.getElementById('myheading').style
hejblo.visibility = "visible";
hejblo.fontStyle = "italic";
if (lnum > 565) {
lnum = lnum - movenum;
hejblo.left = lnum +'px' ;
window.setTimeout("Animate()",1);}
else {
hejblo.left = 565 +'px';
hejblo.fontStyle = "normal";}
}
window.onload=Animate
</script>
</head>
<body>atd...
Jakub
Profil *
#10 · Zasláno: 1. 7. 2005, 10:35:06
Odpovědět Citovat
Skvele, moc jste mi pomohli, zbyva jen nejak dostat ten zeleny pruh do pozadi, Mozilla nebere z-index......
Fred
Profil
#11 · Zasláno: 1. 7. 2005, 10:48:26
Odpovědět Citovat
Smaž všechny ty z-indexy, smaž zbytečný class="head", smaž ze stylu v hlavičce style=.Přidej do stylu v hlavičce
#myheading {
font-weight: bold;
font-size: 50px;
visibility: hidden;
width: 400px;
color: #123;
font-style: italic;
font-family: arial;
position: absolute;
z-index:100;
}
Všechno to oprav, uploaduj a ozvi se pak se na to mrknem.
Jakub
Profil *
#12 · Zasláno: 1. 7. 2005, 10:58:45
Odpovědět Citovat
Dobre, je to tam opraveno.
Fred
Profil
#13 · Zasláno: 1. 7. 2005, 11:06:24
Odpovědět Citovat
1/Zapoměl jsi tam dát ten script.
2/nesmazal jsi tohle
.Head {
FONT-WEIGHT: bold; FONT-SIZE: 50px; VISIBILITY: hidden; WIDTH: 400px; COLOR: darkblue; FONT-STYLE: italic; FONT-FAMILY: arial; POSITION: absolute
}

3/ a tohle tučné taky smaž

table.pr{
border: none;
style=position:absolute; left: 50px; top: 700px;
}

table.lord{
border: none;
style=position:absolute; right: 50px; top: 4px;

table.kmenu{
border: none;
style=position:absolute; left: 190px; top: 15px;

width=800; /*sem dej dvojtečky místo =*/
height=50; /*sem dej dvojtečky místo =*/
}
}
Fred
Profil
#14 · Zasláno: 1. 7. 2005, 11:07:21 · Upravil/a: Fred
Odpovědět Citovat
Aha ty = se nevytučňují, takže ty tam nepatří
Jakub
Profil *
#15 · Zasláno: 1. 7. 2005, 11:10:21
Odpovědět Citovat
Opraveno.
Jakub
Profil *
#16 · Zasláno: 1. 7. 2005, 11:12:37
Odpovědět Citovat
Porad ale nevim jak zmenit index pruhu.
Jakub
Profil *
#17 · Zasláno: 1. 7. 2005, 11:13:41
Odpovědět Citovat
Vlastne by mohlo stacit prohazet vykreslovani tech elementu? To jde myslim podle poradi.
Fred
Profil
#18 · Zasláno: 1. 7. 2005, 11:16:53
Odpovědět Citovat
Už je to lepší, teď to bude chvíli trvat, mrknu na to.
Fred
Profil
#19 · Zasláno: 1. 7. 2005, 11:20:33
Odpovědět Citovat
Oprav si další chyby. Pokud v css určuješ nejakou šířku a výšku, musíš zadávat v jakých je to jednotkách, to znamená všude si doplň width:cislopx height:cislopx . IE si to doplňuje samo, protože přemýšlí za tvůrce, což je asi taky jeho největší chyba.
Jakub
Profil *
#20 · Zasláno: 1. 7. 2005, 11:25:39
Odpovědět Citovat
Dobre dik, ale hlavne me zajima to indexovani.
Jakub
Profil *
#21 · Zasláno: 1. 7. 2005, 11:30:16
Odpovědět Citovat
Px opraveny..
Fred
Profil
#22 · Zasláno: 1. 7. 2005, 11:47:45
Odpovědět Citovat
z-index má nějakou souvislost s pozicí, teď si to nepamatuji, ale pokud určíš elementu pozici, buď absolute, nebo relative bude to fungovat. Tady máš na prostudování vyčištěný celý kód, protože si jevil zájem opravit chyby a to se tak často nevidí :-) Kdyžtak se ptej, proč je to tak jak to je. Není to nic moc, je to v rychlosti.

<html>
<head>
<meta http-equiv=content-type content="text/html; charset=windows-1250">
<script type="text/javascript">
var lnum = 1500;
var movenum = 5;
function Animate() {
var hejblo=document.getElementById('myheading').style
hejblo.visibility = "visible";
hejblo.fontStyle = "italic";
if (lnum > 300) {
lnum = lnum - movenum;
hejblo.left = lnum +'px' ;
window.setTimeout("Animate()",1);}
else {
hejblo.left = 300 +'px';
hejblo.fontStyle = "normal";}
}
window.onload=Animate
</script>
<style type=text/css>
*{margin:0;padding:0;}
body,html{
background:url(2222.jpg) #fff fixed;
font-size:18px;
color:#000;
}
#myheading {
font-weight: bold;
font-size: 50px;
visibility: hidden;
width: 400px;
color: #123;
font-style: italic;
font-family: arial;
position: absolute;
z-index:100;
}
.kmenu {
border: none;
position: absolute;
left: 220px;
top: 15px;
width: 800px;
height: 50px;
background:green
}
.logo{
float:right;
z-index:1000;
position:relative;
}
a {
color: #fff;
font-family: verdana;
text-decoration: none;
}
a:hover {
color: #000;
}
ul{
background:#008000;
width:220px;
margin-top:15px;
border:4px ridge yellow;
z-index:1000;
position:relative;
}
li{list-style:none;
border:1px outset #000;
text-align:center;
}
</style>
</head>
<body>
<div id=myheading>LORD Bohemia</div>
<div class="kmenu"></div>
<img src=lord_bohemia.gif class="logo" width="250" height="290">
<ul>
<li><a href=index.htm>Hlavní stránka</a></li>
<li><a href=onas.htm>Informace o nás</a></li>
<li><a href=vysivani.htm>Strojní vyšívání</a></li>
<li><a href=textil.htm>Výroba reklamního textilu</a></li>
<li><a href=obleceni.htm>Dětské a kojenecké<br />oblečení</a></li>
<li><a href=kontakty.htm>Kontakty</a></li>
</ul>
</body>
</html>
Jakub
Profil *
#23 · Zasláno: 1. 7. 2005, 11:51:46
Odpovědět Citovat
Ac to tak mozna nevypada, docela mam neco za sebou, takze pokud tady mam hotovy kod, vim co proc jak je. Radis ze mam pouzit absolutni pozicovani, jenze to je prave s tim z.index, ktere nefunguje v Mozille. Nevis co mam delat prave s tim? Ale moc dekuji za pomoc. :o)
Jakub
Profil *
#24 · Zasláno: 1. 7. 2005, 11:54:04
Odpovědět Citovat
Zkousel jsi ten kod co jsi poslal? Trosicku se to lisi od puvodni verze. :o)
Jakub
Profil *
#25 · Zasláno: 1. 7. 2005, 11:57:34
Odpovědět Citovat
Nechtel jsem te tim nastvat, ale vazne je to ponekud jine od toho jak to vypadalo puvodne. Ale kod je opravdu cisty.
Fred
Profil
#26 · Zasláno: 1. 7. 2005, 11:58:13
Odpovědět Citovat
Čemu chceš konkrétně nastavit ten z-index?
Jakub
Profil *
#27 · Zasláno: 1. 7. 2005, 12:01:03
Odpovědět Citovat
Aby ten pruh neprekryval menu. Udelal bych ho nadoraz k tabulce, ale v jinych rozlisenich by se to mohlo lisit.
Šlaha
Profil
#28 · Zasláno: 1. 7. 2005, 12:07:46
Odpovědět Citovat
Pane bože. FUNGUJE v mozille: http://www.jakpsatweb.cz/css/z-index.html#podpora
Fred
Profil
#29 · Zasláno: 1. 7. 2005, 12:08:31
Odpovědět Citovat
nemáš u tý konkrétní table žádný class, ale obecně
table{z-index:1000;position:relative}
Jakub
Profil *
#30 · Zasláno: 1. 7. 2005, 12:17:24
Odpovědět Citovat
Jo, uz to beha.. Nemel jsem position:relative.
Dik moc, jsi vazne zlatej.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0