Web разработка > HTML и CSS

WEB страница

(1/2) > >>

maloir:
Здравствуйте уважаемые форумчане подскажите как сделать.
Имеется веб инетерфейс, интерфейс представляет страницу html типа такого:
(нажмите чтобы показать/скрыть)<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body onload=bodyLoad() style=background-color:#00bebe>
<input type=button onClick="location.href='setuphw.html'" value='<--- Назад'></td>
<center>

<embed src="FAO.pdf" width="700" height="550" />

</center>
</body>

</html>


для этой страницы нужно сделать фон, фон должен быть рисунком. Сейчас фон просто цвет. В чем именно проблема. Это не сайт, это страница программы. То есть есть некое устройство: ESP8266 оно выполняет функции, но отображает процесс в браузере. весь процесс происходит в браузере. Для отображения работы написаны несколько страниц html . Сами страницы загружаются в в это устройство и когда включаешь устройство и заходишь в браузер вводишь IP адрес устройства и устройство передает в браузер эти html страницы. Не знаю понятно ли объяснил.

С уважением

alexakap:

--- Код: ---Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
--- Конец кода ---

Ещё http://htmlbook.ru/css/background-image

maloir:
Спасибо за помощь, но не работает.

alexakap:

--- Цитата: maloir от 07-08-2018, 18:15:21 ---Спасибо за помощь, но не работает.

--- Конец цитаты ---

Попробуйте по очереди добавить двoйные и одинарные кавычки в урл

background-image: url("images/bg.jpg")
background-image: url('images/bg.jpg')

Также смотрми на правильность директории где лежит картинка

Если не помогает, попробуйте подключить стили в секции head так

<html>
 <head>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="/css/style.css">
   </head>
 <body>

  скрипт

 </body>
</html>

Соответственно нужно создать файл style.css, где прописать

body {
 background-image: url(img/a.png);
}

maloir:
Все это перепробовано. ни чего не получается не могу понять почему. Пробовал и стили по линку подключать, но и стилеий не видит, видно тут какой то путь заковыристый. Например переход от одного html прописан на кнопки, так:
<input type=button onClick="location.href='1SetUp.html'" value='Настройка каналов и групп'> все работает нажимая на кнопку переходишь на страницу, подключаю страницу FAO аналогично не получается....
Может скрипт подключаемый как то все это регулирует?
Скрипт
(нажмите чтобы показать/скрыть)<script src=sslac.js>
</script>
<script>set_rest("EmLight=0",_ip);var info1,info;var foundedNet=[];var Sensors=[];info=get_rest("info=",_ip);document.getElementById("hostname").innerHTML="<input id='_host'type='text' value="+info[1][15]+" onchange=set_hn(this) > ";setInterval(getInfo1,1000);function getInfo1(){info1=get_rest("info=1",_ip);document.getElementById("pSDA").value=info1[1][0];document.getElementById("pSCL").value=info1[1][1];document.getElementById("pwmFreq").value=info1[1][2];if(info1[2][5]==0){document.getElementById("ipaddr").innerHTML=info1[2][3];document.getElementById("ssid").innerHTML="Not connected";document.getElementById("discon").disabled=true}else{document.getElementById("ipaddr").innerHTML=info1[2][3];document.getElementById("ssid").innerHTML=info1[2][2];document.getElementById("discon").disabled=false}var a="";if(info1[0][0]<10){a="0"+info1[0][0]+":"}else{a=info1[0][0]+":"}if(info1[0][1]<10){a+="0"+info1[0][1]+":"}else{a+=info1[0][1]+":"}if(info1[0][2]<10){a+="0"+info1[0][2]}else{a+=info1[0][2]}document.getElementById("curTime").innerHTML=a;document.getElementById("tz").value=(info1[0][3]-127)/10;var b=document.getElementById("fileUpload");if(b.action=="file:///upload"){b.action="http://"+_ip+"/upload"}if(info[6][4]==1){document.getElementById("isHidePassword").checked=true}}getInfo1();getNet();setSensor();function setSensor(){for(i=0;i<info1[3][0];i++){Sensors=get_rest("temp="+i,_ip);document.getElementById("index"+i).innerHTML=Sensors[8];document.getElementById("stemp"+i).innerHTML=Sensors[9]/1000;document.getElementById("sname"+i).innerHTML="<input id='_name"+i+"' onchange=\"sensorName(this)\" type='text' value="+Sensors[10]+"> "}}function sensorName(a){set_rest("temp="+a.id.substring(5)+"&="+a.value,_ip)}function fillNet(){var a=document.getElementById("wifi");while(a.length!=0){a.remove(a.lengt)}for(i=0;i<foundedNet.length;i++){var b=document.createElement("option");b.text=foundedNet;b.value=;a.add(b)}}function connect(){var b=foundedNet[document.getElementById("wifi").value];var a=prompt("Please enter password for "+b+" network");post_rest("ssid="+b+"&passwd="+a,_ip);getInfo1();getNet()}function scan(){alert("Please wait when scan finished");scan_wifi()}function scan_wifi(){info1[2][4]=get_rest("wifi=",_ip);getNet()}function getNet(){for(i=0;i<info1[2][4];i++){foundedNet=get_rest("wifi="+i,_ip)[0]}foundedNet=array_unique(foundedNet);fillNet()}function disconnect(){get_rest("wifi=disconnect",_ip);getInfo1();getNet()}function fPC(){var a=new Date();set_rest("time=&h="+a.getHours()+"&m="+a.getMinutes()+"&s="+(a.getSeconds()+1),_ip)}function ntp(){set_rest("time=ntp",_ip)}function set_save_time(a){val=parseFloat(document.getElementById("tz").value);tz=val;val=val*10+127;set_rest("&time=&tz="+val,_ip)}function _isHidePassword(){if(document.getElementById("isHidePassword").checked){alert("Dont froget you default password !!!");set_rest("isHidePassword=1",_ip);info[6][4]=1}else{set_rest("isHidePassword=0",_ip);info[6][4]=0}}function scan_sens(){set_rest("1wire=rescan",_ip)}function clear_sens(){set_rest("1wire=clear",_ip)}function set_val(a){var b=document.getElementById(a).value;set_rest(a+"="+b,_ip)}function array_unique(b){var a=[];for(var c=0;c<b.length;c++){if(a.indexOf(b[c])==-1){a.push(b[c])}}return a}function set_hn(a){set_rest("hostname="+a.value)};
</script>

Навигация

[0] Главная страница сообщений

[#] Следующая страница

Перейти к полной версии