Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.06.2017, 11:25
Аспирант
Отправить личное сообщение для Zombie_Killer Посмотреть профиль Найти все сообщения от Zombie_Killer
 
Регистрация: 20.06.2017
Сообщений: 38

Как мне переместить параграф на другое место? Подскажите пожалуйста!
У меня есть скрипт. Мой скрипт вычисляет площадь и периметр прямоугольника. НО я не могу перенести текст с ответами вправо для удобства , помогите пожалуйста!
function result_re(a,b){
    a = document.getElementById('S_P_re_first').value;
    b = document.getElementById('S_P_re_second').value;
    res_p = a * 2 + b * 2;
    res_s = a * b;
    if (a == "" || b == ""){
        alert("Вы не ввели значение!");
    }else {
        document.getElementById('result_p_re').innerHTML = "Периметр: "+res_p+"СМ";
        document.getElementById('result_s_re').innerHTML = "Площадь: "+res_s+"СМ<sup>2</sup>";
    }
    return res_p, res_s;
}
function reset_re(){
    document.getElementById('S_P_re_first').value = "";
    document.getElementById('S_P_re_second').value = "";
    document.getElementById('result_p_re').innerHTML = "Периметр: ";
    document.getElementById('result_s_re').innerHTML = "Площадь: ";
    }

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8"/>
    <title>Главная</title>
    <link rel="stylesheet" href="style.css"/>
    <script src="script.js"></script>
</head>
<body>
    <form action="" method="post" id="myform">
        <h3>Вычисление площади и периметра прямоугольника и квадрата</h3>
        <div>Введите первую сторону:</div>
        <input type="text" id="S_P_re_first">
        <br /><br />
        <div>Введите вторую сторону:</div>
        <input type="text" id="S_P_re_second">
        <br /><br />
        <input type="button" id="button_re" onclick="result_re()" value="Вычислить">
        <input type="button" id="button_re_onload" onclick="reset_re()" value="Обновить все">
        <p id="result_p_re">Периметр:</p>
        <p id="result_s_re">Площадь:</p>
    </form>
</body>
</html>

CSS:
#result_p_re, #result_s_re{
    background-color: lightblue;
    left: 100px;
    right: 1000px;
    top: 2000px;
}

Последний раз редактировалось ksa, 20.06.2017 в 11:37. Причина: форматирование кода
Ответить с цитированием
  #2 (permalink)  
Старый 20.06.2017, 11:39
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,118

Сообщение от Zombie_Killer Посмотреть сообщение
CSS:
#result_p_re, #result_s_re{
    background-color: lightblue;
    left: 100px;
    right: 1000px;
    top: 2000px;
}
ЦСС свойства
left: 100px;
    right: 1000px;
    top: 2000px;

Распространяются на элементы с position отличным от statik...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Подскажите пожалуйста как сделать задание Альбиночка Общие вопросы Javascript 1 28.11.2011 18:47
Подскажите как мне вставить таблицу на сайт Sohne Серверные языки и технологии 5 06.10.2011 19:12
Подскажите как правильно оформить код frolvict Общие вопросы Javascript 4 30.04.2010 10:51
Как переместить результат работы скрипта? Vlaimir Events/DOM/Window 2 31.08.2009 13:52