Autor Zpráva
Nosko
Profil *
Viem že to bude asi triviálne ale nevedel by mi niekto poradiť ako vecentrovať div hodiny, aby bol po odoslani formularu v strede??



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<script type="text/javascript">
var min=10;
var sec=59;
var cislo= document.getElementById('cislo').value;
var x=1;


function qwe() {
sec=(sec<10)?("0"+sec):sec;

if(document.getElementById('poslal').value==0) {
min= document.getElementById('min').value;
document.getElementById('poslal').value=1;
}


document.getElementById('cas').innerHTML = min+":"+sec;
sec--;

if(sec==-1)
{
sec=59;
min--;
}

a=window.setTimeout("qwe();",1000);
}

function schovajzobraz() {
if ((document.getElementById('form').style.display)=='')
document.getElementById('form').style.display='none';
else
document.getElementById('form').style.display='';
}
</script>
<style>
html,body {
margin:auto 0px;
padding:0;
width:100%;
height:100%;
overflow:hidden;
}

#hodiny {
color: yellow;
width: 400px;
margin: auto;
position: absolute;
top: 20%;
}

#background{
position:absolute;
z-index:-1;
width:100%;
height:100%;
}

form{
background-color: rgb(0,51,255);
width: 100px;
margin-left: 10px;
height: 20px;
}

p {
font-size: 100;
padding: 0px;
margin: 0px;
}
</style>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title></title>
</head>
<body ondblclick="schovajzobraz();">
<div>
<img id="background" src="pozadie.jpg" alt="" />
</div>
<p style="color: blue; font-size: 10" onclick="schovajzobraz();">klik</p>

<form action="javascript:qwe();" method="GET" id="form" name="formular" onsubmit="document.getElementById('form').style.display='none';" >
<input type="text" id="min"><br>
<select name="zmen" onchange="document.getElementById('volat').innerHTML=document.formular .zmen.options[document.formular.zmen.selectedIndex].value">
<option select="selected">mobil</option>
<OPTGROUP LABEL="TN">
<option value="1">1</option>
<option value="2">2</option>
</optgroup>
<OPTGROUP LABEL="PP">
<option value="3">3</option>
<option value="4">4</option>
</optgroup>
</select>
<input type="hidden" id="poslal" value="0">
<button onclick="document.getElementById('poslal').value=0; return false;">reset</button>
<input type="submit" value="posli">
</form>

<div id="hodiny" align="center">
<p>Prídem o</p><p style="font-size: 300" id="cas"></p>
<span style="font-size: 70">Volajte </span><br><span style="font-size: 150" id="volat"></span>
</div>

</body>
</html>



ďakujem všetkým ;)
T2001
Profil *
<div align="center">neco, treba ty tvoje hodiny</div>
Nosko
Profil *
<div align="center">neco, treba ty tvoje hodiny</div>
No hej, to mi napadlo, to tam dokonca aj je, ale !nefunguje!, tu je ako to vyzerá.
smajli
Profil
Nosko

zkus:
#hodiny {

color: yellow;

width: 400px;

margin: auto;

position: relative;

top: 20%;

}
Nosko
Profil *
zkus:
#hodiny {

color: yellow;

width: 400px;


Nič ;'( Fakt že som skúšal všetky možné kombinácie: absolute, relative, text-align, margin: auto.... a nič z toho. Neviem v čom to môže byť?!
smajli
Profil
Nosko
zkus smazat to width:400px
nic jinýho mě nenapadá
Nosko
Profil *
Nosko
zkus smazat to width:400px
nic jinýho mě nenapadá

Diiiiikes moc, už to funguje. Toto by mi fakt nenapadlo, človek kombinuje všetky možné positions, a ono je to nakoniec v hentom. Ešte raz dik všetkým!!! ;))
Nosko
Profil *
Dúfam že ma nezabijete za to že toľko otravujem, ale mám ešte jednu otázku!
Asi moc nepatrí sem, ale možno budete vedieť pomôcť. Stránka už funguje v IE, Opere a vo FF je problém. Keď si ju otvoríte vo FF tak ten formulár akoby sa zasekával. Proste ťažko ide kliknúť na jednotlivé tlačidlá [treba nad nimi pobehovať,klikať...]: reset, pošli a help nefunguje vôbec!!! Nemáte tušenie čo tomu je??
Ďakujem ešte raz!
Toto téma je uzamčeno. Odpověď nelze zaslat.

0